:root{--navy:#0B2545;--deep:#071A33;--orange:#F26B1D;--orange-d:#D9570C;--sand:#F6F1E7;--sea:#1FB5A8;--ink:#142233;--muted:#5B6878;--line:#E3DED3;--card:#fff;--r:14px;--shadow:0 1px 2px rgba(11,37,69,.06),0 8px 24px rgba(11,37,69,.08)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--sand);line-height:1.55}
img{max-width:100%;height:auto;display:block}a{color:var(--navy)}
h1,h2,h3,.h1,.h2{font-family:Archivo,Inter,Arial,sans-serif;line-height:1.15;letter-spacing:-.01em}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.topbar{background:var(--deep);color:#fff;font-size:.82rem}.topbar .wrap{display:flex;gap:1rem;justify-content:space-between;padding-top:7px;padding-bottom:7px}.topbar a{color:#fff;text-decoration:none;font-weight:600}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.hdr{display:flex;align-items:center;gap:1rem;padding-top:10px;padding-bottom:10px}
.logo svg{width:220px;height:auto;display:block}
.search{flex:1;display:flex;max-width:520px;margin-left:auto}.search input{flex:1;border:2px solid var(--line);border-right:0;border-radius:10px 0 0 10px;padding:.65rem .8rem;font:inherit;min-width:0}.search button{border:0;background:var(--navy);color:#fff;border-radius:0 10px 10px 0;padding:0 .9rem;cursor:pointer}
.hdr-actions{display:flex;align-items:center;gap:.8rem}.hdr-link{font-weight:600;text-decoration:none;font-size:.92rem}
.cart-btn{background:var(--orange);color:#fff;text-decoration:none;font-weight:700;padding:.55rem .9rem;border-radius:999px;white-space:nowrap}
.catnav{border-top:1px solid var(--line);background:#fff}.catnav .wrap{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none}.catnav .wrap::-webkit-scrollbar{display:none}
.catnav a{display:flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.6rem .7rem;font-size:.85rem;font-weight:600;text-decoration:none;color:var(--navy);border-bottom:3px solid transparent}.catnav a:hover{border-color:var(--orange)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:10px;padding:.7rem 1.1rem;font:600 .95rem Inter,sans-serif;cursor:pointer;text-decoration:none;background:var(--navy);color:#fff;transition:transform .08s,background .15s}
.btn:hover{transform:translateY(-1px)}.btn-orange{background:var(--orange)}.btn-orange:hover{background:var(--orange-d)}.btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}.btn-lg{padding:.95rem 1.4rem;font-size:1.02rem}.btn-sm{padding:.5rem .75rem;font-size:.85rem}
.hero{background:radial-gradient(1200px 500px at 85% 20%,#14627A 0,transparent 60%),linear-gradient(135deg,var(--deep),var(--navy));color:#fff;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 30q150-30 300 0t300 0 300 0 300 0V60H0z' fill='%23F6F1E7'/%3E%3C/svg%3E") center/100% 100%}
.hero-in{display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;align-items:center;padding-top:4rem;padding-bottom:5.5rem}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;color:var(--sea);margin:0 0 .6rem}
.hero h1{font-size:clamp(2rem,4.6vw,3.4rem);margin:0 0 1rem}.lead{font-size:1.1rem;color:inherit;opacity:.9;max-width:62ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.trust{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.92rem;opacity:.92}
.hero-art{display:flex;justify-content:center}.hero-art svg{width:min(260px,60vw);height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35));transform:rotate(-4deg)}
.section{padding-top:2.5rem;padding-bottom:2.5rem}.h1{font-size:clamp(1.6rem,3vw,2.3rem);margin:.3rem 0 .8rem}.h2{font-size:1.5rem;margin:0 0 1rem}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.sec-head a{font-weight:600}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.cat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:.35rem;transition:box-shadow .15s,transform .15s}.cat svg{color:var(--orange)}.cat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.cat span{font-size:.86rem;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s}.card:hover{box-shadow:var(--shadow)}
.card-img{position:relative;display:block;aspect-ratio:1}.card-img img{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;top:10px;right:10px;background:var(--orange);color:#fff;font-size:.72rem;font-weight:700;padding:.25rem .55rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.card-body{padding:.9rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.brand{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sea)}
.card h3{font-size:1rem;margin:0}.card h3 a{text-decoration:none;color:var(--ink)}.short{font-size:.86rem;color:var(--muted);margin:0;flex:1}
.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:.4rem}.price{font:800 1.2rem Archivo,sans-serif;color:var(--navy)}
.band{background:var(--navy);color:#fff}.band-in{display:flex;gap:2rem;align-items:center;justify-content:space-between;padding-top:2.5rem;padding-bottom:2.5rem}.band a{color:#fff}.band h2{margin-top:0}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.why h3{margin:.2rem 0 .4rem}.why p{color:var(--muted);margin:0}
.guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.guide{background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:10px;padding:1rem;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:.4rem}.guide span{font-size:.88rem;color:var(--muted)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.85rem 1rem;margin-bottom:8px}.faq summary{font-weight:600;cursor:pointer}.faq p{margin:.6rem 0 0;color:var(--muted)}
.newsletter{background:linear-gradient(135deg,var(--orange),#F28B3D);color:#fff}.nl{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding-top:2.2rem;padding-bottom:2.2rem}.nl h2{margin:0 0 .3rem}.nl p{margin:0}
.nl-form{display:flex;flex-wrap:wrap;gap:8px}.nl-form input{flex:1;min-width:200px;border:0;border-radius:10px;padding:.85rem;font:inherit}.nl-form .btn{background:var(--deep)}.form-msg{flex-basis:100%;font-weight:600;margin:.2rem 0 0}
.site-footer{background:var(--deep);color:#C9D3E0;font-size:.9rem}.ftr{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding-top:2.5rem;padding-bottom:2rem}.ftr h3{color:#fff;font-size:1rem;margin:0 0 .6rem}.ftr a{display:block;color:#C9D3E0;text-decoration:none;padding:.15rem 0}.ftr p a{display:inline}.flogo svg{width:230px;height:auto}
.legal{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;padding-bottom:1.5rem;font-size:.78rem;opacity:.75}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:.5rem}.crumbs a{color:var(--muted)}
.cat-hero{display:flex;gap:1.2rem;align-items:flex-start;margin-bottom:1.5rem}.cat-hero svg{color:var(--orange);flex:none;margin-top:.6rem}.cat-hero .lead{color:var(--muted);opacity:1}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.filters input,.filters select{border:2px solid var(--line);border-radius:10px;padding:.6rem .7rem;font:inherit;background:#fff}.filters input{flex:1;min-width:200px}
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.pdp-img img{border-radius:var(--r);border:1px solid var(--line);width:100%}
.pdp-info .lead{color:var(--muted);opacity:1}.pdp-price{font:800 2.1rem Archivo,sans-serif;color:var(--navy);margin:.5rem 0}.ship-note{font-size:.9rem;color:var(--muted)}.instock{color:#178A4C;font-weight:700}
.buy{display:flex;gap:10px;align-items:center;margin:1rem 0}.buy label{display:flex;align-items:center;gap:.4rem;font-weight:600}.buy input{width:70px;padding:.7rem;border:2px solid var(--line);border-radius:10px;font:inherit}
.concierge-link{font-weight:600;font-size:.92rem}.features{padding-left:1.1rem;margin:1.2rem 0}.features li{margin:.3rem 0}
.assure{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem}
.pdp-more{display:grid;grid-template-columns:1.3fr 1fr;gap:2.5rem;margin:2.5rem 0}.specs{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.specs th,.specs td{padding:.55rem .8rem;border-bottom:1px solid var(--line);text-align:left;font-size:.92rem}.specs th{width:40%;color:var(--muted);font-weight:600}.fine{font-size:.78rem;color:var(--muted)}
.prose{max-width:860px}.prose h2{margin-top:2rem}.prose table{width:100%;border-collapse:collapse;background:#fff}.prose th,.prose td{border:1px solid var(--line);padding:.5rem;text-align:left}.byline{color:var(--muted);font-size:.9rem}
.inline-prod{display:flex;gap:.8rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.5rem;margin:.6rem 0;text-decoration:none;color:var(--ink);max-width:560px}.inline-prod img{border-radius:8px;flex:none}.inline-prod span{display:flex;flex-direction:column}.inline-prod em{font-style:normal;color:var(--orange);font-weight:600;font-size:.9rem}
.form{display:grid;gap:.8rem;max-width:560px}.form label{display:grid;gap:.3rem;font-weight:600;font-size:.92rem}.form input,.form textarea{border:2px solid var(--line);border-radius:10px;padding:.7rem;font:inherit;background:#fff}
.drawer{position:fixed;inset:0;background:rgba(7,26,51,.5);z-index:80;display:flex;justify-content:flex-end}.drawer[hidden]{display:none}.drawer-panel{background:#fff;width:min(420px,100%);height:100%;padding:1.2rem;overflow:auto;position:relative}.x{position:absolute;right:12px;top:8px;border:0;background:none;font-size:1.8rem;cursor:pointer}
.line{display:grid;grid-template-columns:64px 1fr auto;gap:.7rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}.line img{border-radius:8px}.line .nm{font-weight:600;font-size:.92rem}.line .ctl{display:flex;gap:.3rem;align-items:center;margin-top:.3rem}.line .ctl button{border:1px solid var(--line);background:#fff;border-radius:6px;width:28px;height:28px;cursor:pointer}
.totals{margin:1rem 0;display:grid;gap:.3rem}.totals div{display:flex;justify-content:space-between}.totals .grand{font:800 1.25rem Archivo,sans-serif;border-top:2px solid var(--line);padding-top:.5rem}
.progress{background:var(--sand);border-radius:999px;height:8px;overflow:hidden;margin:.3rem 0 1rem}.progress b{display:block;height:100%;background:var(--sea)}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--deep);color:#fff;padding:.8rem 1.1rem;border-radius:10px;z-index:90;box-shadow:var(--shadow)}
.popup{position:fixed;inset:0;background:rgba(7,26,51,.6);z-index:85;display:flex;align-items:center;justify-content:center;padding:16px}.popup-card{background:#fff;border-radius:18px;max-width:440px;padding:1.6rem;position:relative;text-align:center}.popup-card h2{margin:.2rem 0}.popup-card form{display:grid;gap:.6rem;margin-top:1rem}.popup-card input{border:2px solid var(--line);border-radius:10px;padding:.8rem;font:inherit}
@media (max-width:900px){.hero-in,.pdp,.pdp-more,.nl{grid-template-columns:1fr}.hero-art{display:none}.why{grid-template-columns:1fr}.ftr{grid-template-columns:1fr 1fr}.band-in{flex-direction:column;align-items:flex-start}}
@media (max-width:640px){.hide-sm{display:none}.hdr{flex-wrap:wrap}.logo svg{width:180px}.search{order:3;max-width:none;flex-basis:100%}.ftr{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.short{display:none}.card-foot{flex-direction:column;align-items:stretch;gap:.4rem}}