/* generated from the approved design by tools/build-assets.py; edit woo.css for overrides */
@font-face{font-family:"Figtree";src:local("Figtree"),local("Figtree Regular");font-display:swap}
:root{--ink:#13343B;--muted:#4B636A;--lagoon:#0B6E77;--deep:#08474E;--mist:#E6F4F3;--foam:#F5FAFA;--sand:#F6F1E9;
--line:#D5E4E3;--buoy:#C2410C;--buoy-d:#9A3412;--ok:#1E7046;--r:16px;--sh:0 1px 2px rgba(19,52,59,.06),0 6px 20px rgba(19,52,59,.06);
--f:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;font:400 17px/1.6 var(--f);color:var(--ink);background:#fff}
img,svg{display:block;max-width:100%}a{color:var(--lagoon);text-underline-offset:3px}
h1,h2,h3{line-height:1.15;margin:0 0 .4em;letter-spacing:-.015em}
h1{font-size:clamp(34px,5vw,54px);font-weight:800}h2{font-size:clamp(26px,3vw,34px);font-weight:800}h3{font-size:19px;font-weight:700}
p{margin:0 0 1em}button,input,select{font:inherit;font-size:17px;color:inherit}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 14px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:3px solid #F2A65A;outline-offset:2px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.mock{background:#FFF4CC;color:#6B5200;font-size:13px;line-height:1.4;text-align:center;padding:7px 12px}
.ex{display:inline-block;font:700 10.5px/1 var(--f);letter-spacing:.06em;color:#6B5200;background:#FFF4CC;border:1px solid #E9CF5A;border-radius:4px;padding:3px 5px;vertical-align:middle;text-transform:uppercase}
.muted{color:var(--muted)}.small{font-size:15px}
.eyebrow{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lagoon);margin:0 0 10px}
/* buttons: ONE buoy (primary) per section, everything else is teal outline / text */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:700;font-size:17px;text-decoration:none;cursor:pointer;border:2px solid transparent;white-space:nowrap}
.btn-primary{background:var(--buoy);color:#fff}.btn-primary:hover{background:var(--buoy-d)}
.btn-ghost{background:#fff;color:var(--lagoon);border-color:var(--lagoon)}.btn-ghost:hover{background:var(--mist)}
.btn-quiet{background:var(--mist);color:var(--deep)}
.btn-block{width:100%}
.link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--lagoon);text-decoration:none}.link:hover{text-decoration:underline}
/* header */
.topbar{background:var(--deep);color:#DDF1EF;font-size:14px}
.topbar .wrap{display:flex;gap:28px;justify-content:center;align-items:center;min-height:38px;flex-wrap:wrap}
.topbar b{color:#fff;font-weight:600}
.hdr{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.hdr .row{display:flex;align-items:center;gap:24px;min-height:76px}
.logo{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:var(--ink);flex:none}
.mark{width:40px;height:40px}
.word{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;line-height:1;max-width:200px}
.w1{font-size:25px;font-weight:800;letter-spacing:-.03em}
.w2{font-size:15px;font-weight:800;letter-spacing:.16em;color:var(--lagoon)}
.tag{flex-basis:100%;font-size:12.5px;color:var(--muted);margin-top:4px;letter-spacing:.01em}
.search{flex:1;display:flex;max-width:640px;background:var(--foam);border:2px solid var(--line);border-radius:999px;overflow:hidden}
.search:focus-within{border-color:var(--lagoon);background:#fff}
.search input{flex:1;min-width:0;border:0;background:transparent;padding:0 20px;min-height:48px;outline:none}
.search button{border:0;background:transparent;color:var(--lagoon);width:56px;cursor:pointer}
.hdr-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.hact{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;border-radius:12px;color:var(--ink);text-decoration:none;font-size:15px;line-height:1.2}
.hact:hover{background:var(--foam)}.hact small{display:block;color:var(--muted);font-size:13px}
.hact .ic{color:var(--lagoon)}
.cartn{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:11px;background:var(--mist);color:var(--deep);font-size:13px;font-weight:700}
.nav{background:#fff;border-bottom:1px solid var(--line)}
.nav ul{list-style:none;margin:0 auto;padding:0 11px;display:flex;gap:4px;overflow-x:auto;max-width:1240px;scrollbar-width:none}
.nav a{display:flex;align-items:center;min-height:46px;padding:0 9px;color:var(--ink);text-decoration:none;font-size:15.5px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}
.nav a:hover{border-color:var(--b2,#9ED8D2)}.nav .ev{color:var(--lagoon)}
.menu{display:none}
/* sections */
.sec{padding:72px 0}.sec-tight{padding:48px 0}.alt{background:var(--foam)}.warm{background:var(--sand)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.sec-head p{margin:0;max-width:60ch;color:var(--muted)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:16px;font-weight:600}
.chip:hover{border-color:var(--lagoon);color:var(--lagoon)}
/* segmented radio controls (CSS only) */
.seg{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0 0 18px}
.seg legend{font-weight:700;font-size:15px;margin-bottom:8px;padding:0}
.seg input{position:absolute;opacity:0}
.seg label{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font-weight:600;font-size:16px}
.seg input:checked+label{border-color:var(--lagoon);background:var(--mist);color:var(--deep);box-shadow:inset 0 0 0 1px var(--lagoon)}
.seg input:focus-visible+label{outline:3px solid #F2A65A;outline-offset:2px}
.field{display:block;margin-bottom:16px}.field span{display:block;font-weight:700;font-size:15px;margin-bottom:6px}
.field input,.field select{width:100%;min-height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;background:#fff}
.field input:focus,.field select:focus{border-color:var(--lagoon);outline:none;box-shadow:0 0 0 3px rgba(11,110,119,.15)}
/* product cards */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pcard{display:flex;flex-direction:column;padding:16px;gap:8px}
.pcard .pic{background:var(--foam);border-radius:12px;aspect-ratio:1/1;display:grid;place-items:center;padding:18%}
.pcard h3{font-size:17px;font-weight:600;line-height:1.35;margin:4px 0 0}
.pcard h3 a{color:var(--ink);text-decoration:none}.pcard h3 a:hover{text-decoration:underline}
.rate{font-size:15px;color:var(--muted)}.rate b{color:var(--ink)}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.price .now{color:var(--buoy);font-weight:800;font-size:24px;letter-spacing:-.01em}
.price .lbl{font-size:13px;font-weight:700;color:var(--buoy);text-transform:uppercase;letter-spacing:.06em}
.price .reg{color:var(--muted);font-size:15px}.price .reg s{text-decoration-thickness:1.5px}
.save{font-size:15px;font-weight:700;color:var(--ok)}
.ship{font-size:15px;color:var(--ok);display:flex;gap:6px;align-items:center}
.pcard .btn{margin-top:auto}
/* trust strip */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.trust>div{display:flex;gap:14px;align-items:flex-start;padding:4px}
.trust .ic{color:var(--lagoon);flex:none;width:48px;height:48px;border-radius:14px;background:var(--mist);display:grid;place-items:center}
.trust b{display:block;font-size:17px}.trust span{font-size:15px;color:var(--muted);line-height:1.45}
/* footer */
.foot{background:var(--deep);color:#CFE9E6;padding:56px 0 28px;font-size:15px}
.foot a{color:#fff;text-decoration:none}.foot a:hover{text-decoration:underline}
.fcols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.foot h3{color:#fff;font-size:16px;margin-bottom:12px}.foot ul{list-style:none;padding:0;margin:0}.foot li{margin:0 0 4px}
.foot li a{display:inline-block;padding:6px 0}
.foot .fine{border-top:1px solid rgba(255,255,255,.15);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.foot .logo{color:#fff}.foot .w2{color:#9ED8D2}.foot .tag{color:#BFE9E5}
.foot .ex{color:#6B5200}
.foot .chemnote{flex-basis:100%;margin:0;color:#fff}
.pay span{display:inline-block;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:2px 8px;margin:0 4px 4px 0;font-size:13px}
.ex.tbd{color:#7A2E0E;background:#FDE8DC;border-color:#F0B392}
.fitl{display:flex;gap:6px;align-items:center;font-size:14px;font-weight:700;color:var(--deep);background:var(--mist);border-radius:8px;padding:3px 8px;align-self:flex-start}
.fitl svg{width:18px;height:18px;color:var(--lagoon)}
.cmpl{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:600;color:var(--muted);cursor:pointer;margin:-4px 0 -8px}
.cmpl input{width:20px;height:20px;accent-color:var(--lagoon);margin:0}
.crumbs{font-size:15px;color:var(--muted);padding:14px 0}.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"\203A";margin-right:6px}.crumbs a{color:var(--muted)}
.trust a{font-weight:700}
@media(max-width:1020px){
 .grid4{grid-template-columns:repeat(2,1fr)}.trust{grid-template-columns:repeat(2,1fr)}
 .fcols{grid-template-columns:repeat(2,1fr)}.fcols>div:first-child{grid-column:1/3}
 .hact .lbl{display:none}
}
@media(max-width:760px){
 body{font-size:17px}.sec{padding:52px 0}.sec-tight{padding:36px 0}.wrap{padding:0 16px}
 .topbar .wrap{gap:4px 16px;font-size:13px;min-height:34px}.topbar .hide-m{display:none}
 .hdr .row{flex-wrap:wrap;gap:8px 4px;min-height:0;padding:10px 0}
 .tag{display:none}.w1{font-size:23px}.mark{width:36px;height:36px}
 .menu{display:grid;place-items:center;width:48px;height:48px;border:0;background:transparent;color:var(--ink);margin-left:-10px}
 .search{order:3;flex-basis:100%;max-width:none}
 .hact{padding:0 10px}.hact.help{display:none}
 .grid4{gap:12px}.pcard{padding:12px}.pcard h3{font-size:16px}.price .now{font-size:21px}
 .crumbs ol{align-items:center}
 .trust{grid-template-columns:1fr;gap:14px}.trust .ic{width:40px;height:40px}.trust b{font-size:16px}
 .fcols{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* real product photos (exact-model images) */
img.pimg{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:1/1;background:#fff;border-radius:8px}
.pic:has(img.pimg){padding:6%;background:#fff}
.slide.photo{background:#fff}