@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#173244;--muted:#637683;--copper:#ab744b;--line:#e5e9eb;--cream:#f4f1eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.announcement{padding:12px 6%;background:var(--ink);color:#fff;text-align:center;font-size:10px;letter-spacing:.14em}.announcement a{margin-left:25px;letter-spacing:0;color:#d4b58c}header{max-width:1450px;margin:auto;padding:26px 5%;display:flex;align-items:center;gap:45px}.logo{display:flex;gap:10px;align-items:center;font:800 16px Manrope,sans-serif;letter-spacing:.04em;white-space:nowrap}.logo b{display:grid;place-items:center;width:40px;height:43px;background:var(--ink);color:white;font-size:26px;border-radius:5px}.logo small{display:block;font-size:8px;letter-spacing:.27em;font-weight:500;margin-top:4px}#search-form{flex:1;display:flex;border:1px solid var(--line);background:#f8f9fa;border-radius:5px;overflow:hidden}#search-form input{padding:13px 18px;border:0;background:none;flex:1;min-width:0}#search-form button{border:0;background:none;padding:0 20px;font-size:26px}.header-links{display:flex;align-items:center;gap:25px;font-size:12px}.header-links button{border:0;background:none;color:var(--ink)}#cart-count{display:inline-block;background:var(--copper);color:#fff;border-radius:50%;padding:3px 7px;margin-left:5px}nav{border-block:1px solid var(--line);display:flex;justify-content:center;gap:35px;padding:15px;overflow:auto}nav button,#filters button{border:0;background:none;color:var(--muted);white-space:nowrap;padding:5px 0}nav button.selected{color:var(--ink);font-weight:700}main{max-width:1370px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);margin:28px 0 0;min-height:470px;border-radius:8px;overflow:hidden}.hero-copy{padding:55px 0 40px 50px;z-index:1}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--copper);font-weight:700}.hero h1{font:800 clamp(36px,4vw,57px)/1.12 Manrope,sans-serif;letter-spacing:-.045em;margin:22px 0}.hero-copy>p:not(.eyebrow){color:var(--muted);max-width:365px;line-height:1.8;font-size:15px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:5px;padding:15px 24px;font-weight:600}.hero .button{margin-top:15px}.hero-foot{margin-top:38px;font-size:9px;letter-spacing:.12em;color:var(--muted)}.hero-foot span{padding:0 12px}.hero-product{position:relative;display:flex;align-items:center;justify-content:center;padding:30px}.hero-product img{position:relative;width:95%;height:330px;object-fit:contain;mix-blend-mode:multiply;z-index:1}.orbit{position:absolute;background:#e5e8e3;width:330px;height:330px;border-radius:50%;inset:auto}.hero-tag{position:absolute;bottom:24px;right:30px;font-size:10px;line-height:1.6;z-index:2;color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0;border-bottom:1px solid var(--line);gap:20px}.benefits>div{display:flex;gap:13px;align-items:center}.benefits>div>span{font-size:28px;color:var(--copper)}.benefits p{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.benefits strong{display:block;color:var(--ink);font-size:12px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:45px 0 55px}.categories a{padding:25px;background:#f1f4f5;border-radius:6px}.categories a:nth-child(2){background:#f5f0e8}.categories a:nth-child(3){background:#edf0e8}.categories small{color:var(--copper);font-size:10px}.categories h2{font:700 21px Manrope;margin:15px 0 12px}.categories span{font-size:11px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{font:700 32px Manrope;letter-spacing:-.03em;margin:12px 0 0}#results-count{font-size:12px;color:var(--muted)}.catalog-toolbar{display:flex;justify-content:space-between;margin:27px 0 24px;align-items:center}.catalog-toolbar select{padding:9px;background:white;border:1px solid var(--line);border-radius:5px;color:var(--ink)}#filters{display:flex;gap:8px}#filters button{padding:8px 15px;border:1px solid var(--line);border-radius:4px}#filters button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;padding:15px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #1732440c}.product-photo{height:195px;width:100%;object-fit:contain}.product-brand{font-size:9px;letter-spacing:.13em;color:var(--copper);margin-top:20px}.product-card h3{font-size:13px;line-height:1.6;margin:8px 0 16px;min-height:42px;font-weight:600}.product-price{font:800 22px Manrope;letter-spacing:-.035em;margin-top:auto}.product-card del{font-size:11px;color:var(--muted);min-height:15px}.product-card small{color:var(--muted);margin:8px 0 15px;font-size:10px}.product-card button{width:100%;padding:11px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font-size:11px;font-weight:700}.product-card button:hover{background:var(--ink);color:white}#load-more{display:flex;margin:35px auto 0}.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.connection{margin:65px 0;background:var(--ink);color:white;padding:40px 45px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:30px}.connection h2{font:600 27px/1.4 Manrope;letter-spacing:-.025em}.connection p:not(.eyebrow){color:#b7c7d1;font-size:12px}.connection .eyebrow{color:#d4b58c}.connection .button{border-color:#869aa6;background:none;white-space:nowrap}.faq{max-width:780px;margin:0 auto 70px}.faq h2{font:700 29px Manrope;margin-bottom:25px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted);line-height:1.8}footer{padding:40px 6%;background:#f5f7f8;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}footer p{font-size:12px;color:var(--muted);text-align:right}footer>a:last-of-type{font-size:12px}footer>small{font-size:10px;color:var(--muted);text-align:right}dialog{padding:30px;border:0;border-radius:12px;width:min(920px,92vw);max-height:90vh;color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#14253288;backdrop-filter:blur(3px)}.close{border:0;background:#edf2f5;width:34px;height:34px;border-radius:50%;font-size:21px;color:var(--ink)}#product-dialog>.close{float:right}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;clear:both}.detail-image{width:100%;height:330px;object-fit:contain}.thumbnails{display:flex;gap:8px;overflow:auto}.thumbnails button{background:#fff;border:1px solid var(--line);padding:4px}.thumbnails img{height:45px;width:45px;object-fit:contain}.detail-copy h2{font:700 24px/1.4 Manrope}.detail-copy p{line-height:1.8;color:var(--muted)}.detail-copy select{display:block;width:100%;padding:12px;margin:10px 0 20px;border:1px solid var(--line);background:white;border-radius:4px}.detail-price{font:800 28px Manrope;margin:22px 0}.dialog-heading{display:flex;align-items:center;justify-content:space-between}#cart-dialog{width:min(550px,92vw)}.cart-item{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.cart-item img{width:65px;height:70px;object-fit:contain}.cart-item>div{flex:1}.cart-item h3{font-size:12px;line-height:1.5;margin:0 0 6px}.cart-item p{font-size:11px;margin:4px 0;color:var(--muted)}.cart-item button{border:0;background:none;color:var(--copper);font-size:12px;padding:4px}.cart-total{display:flex;justify-content:space-between;margin-top:25px;font-size:17px}#cart-dialog>p{font-size:11px;color:var(--muted);line-height:1.7}#order-form label{display:block;font-size:12px;margin:13px 0}#order-form input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;margin-top:6px}#submit-order{width:100%}#order-message{line-height:1.8;color:var(--copper)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:15px 25px;border-radius:6px;z-index:20;display:none;max-width:90vw;min-width:240px;text-align:center}
@media(max-width:950px){header{gap:20px;flex-wrap:wrap}.header-links{margin-left:auto}#search-form{order:3;flex-basis:100%}.hero-copy{padding-left:30px}.hero h1{font-size:42px}.hero-product img{height:260px}.orbit{width:240px;height:240px}.product-grid{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}nav{justify-content:flex-start;gap:25px}.connection{padding:30px}}@media(max-width:620px){.announcement{font-size:8px}.announcement a{display:block;margin:5px 0 0}header{padding:20px 5%}.logo{font-size:13px}.header-links{gap:15px;font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 25px 0}.hero h1{font-size:42px}.hero-product{height:260px}.hero-foot{margin-top:25px}.hero-tag{font-size:9px}.hero-product img{height:235px}.benefits{gap:18px;padding:25px 0}.benefits strong{font-size:10px}.benefits p{font-size:9px}.categories{gap:9px;margin:30px 0}.categories a{padding:15px 12px}.categories h2{font-size:15px}.categories span{font-size:9px}.section-heading h2{font-size:27px}.section-heading{display:block}.catalog-toolbar{align-items:start;gap:15px}#filters{flex-wrap:wrap;gap:5px}#filters button{font-size:10px;padding:7px 10px}.catalog-toolbar select{max-width:115px;font-size:11px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-card{padding:10px}.product-photo{height:155px}.product-card h3{font-size:11px;min-height:53px}.product-price{font-size:19px}.connection{display:block;margin:40px 0;padding:25px}.connection h2{font-size:23px}.connection .button{margin-top:15px}.detail-layout{grid-template-columns:1fr}.detail-image{height:235px}.detail-copy h2{font-size:20px}footer{grid-template-columns:1fr}footer p,footer>small{text-align:left}dialog{padding:22px}.faq{margin-bottom:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}