:root{--bg:#F4F1EE;--bg2:#ece7e2;--card:#fff;--ink:#1d2b33;--muted:#667881;--teal:#7ED9D2;--teal-d:#4fc4bb;--teal-ink:#12303a;--red:#E8553D;--line:#e1dbd5;--r:14px;--sh:0 6px 24px rgba(29,43,51,.08);--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased}
body.lock{overflow:hidden}body.has-sticky{padding-bottom:76px}
img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em}h1{font-size:clamp(26px,5vw,42px);letter-spacing:-.01em}h2{font-size:clamp(22px,3.6vw,32px)}h3{font-size:17px}
p{margin:0 0 1em}ul{margin:0;padding:0}.wrap{max-width:1180px;margin:0 auto;padding:0 16px}.narrow{max-width:760px}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:13px}.pad{padding:24px 0}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.announce{background:var(--ink);color:#fff;text-align:center;font-size:13px;padding:8px 12px}
.hdr{position:sticky;top:0;z-index:50;background:rgba(244,241,238,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:16px;height:60px}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;text-decoration:none}
.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--teal);color:var(--teal-ink)}
.nav{display:none;gap:22px;margin-left:24px}.nav a{text-decoration:none;font-weight:600;color:var(--muted)}.nav a:hover{color:var(--ink)}
.hdr-phone{margin-left:auto;display:flex;align-items:center;gap:6px;text-decoration:none;font-weight:700}.hdr-phone span{display:none}
.cart-btn{position:relative;background:none;border:0;padding:6px;cursor:pointer;color:var(--ink)}.cart-count{position:absolute;top:-2px;right:-4px;background:var(--red);color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
@media(min-width:800px){.nav{display:flex}.hdr-phone span{display:inline}.hdr-in{height:68px}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;border:2px solid transparent;font:700 16px var(--font);cursor:pointer;text-decoration:none;transition:transform .08s,background .15s,box-shadow .15s;min-height:46px}
.btn:active{transform:scale(.98)}.btn-primary{background:var(--teal);color:var(--teal-ink);box-shadow:0 4px 14px rgba(79,196,187,.35)}.btn-primary:hover{background:var(--teal-d)}
.btn-ghost{background:transparent;border-color:var(--ink);color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:#fff}.btn-lg{min-height:54px;font-size:18px;padding:14px 26px}.btn-block{width:100%}.btn-disabled{background:var(--bg2);color:var(--muted);cursor:default}
.btn[disabled]{opacity:.6;cursor:wait}.btn.loading::after{content:"";width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.hero{padding:28px 0 20px}.hero-in{display:grid;gap:24px;align-items:center}.hero-img img{border-radius:20px;box-shadow:var(--sh);width:100%;aspect-ratio:1;object-fit:cover}
.lead{font-size:18px;color:#3b4d56}.lead.sm{font-size:16px}.hero-cta{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:20px}
.ticks{list-style:none;margin:14px 0}.ticks li{position:relative;padding-left:28px;margin:8px 0}.ticks li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--teal);color:var(--teal-ink);font-size:12px;font-weight:800;display:grid;place-items:center;margin-top:3px}.ticks.small li{font-size:14px;margin:4px 0}
@media(min-width:860px){.hero-in{grid-template-columns:1.05fr 1fr;gap:48px}.hero{padding:48px 0 32px}.hero-cta{flex-direction:row;align-items:center;gap:16px}}
.trust{padding:8px 0 24px}.trust-in{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trust-i{background:var(--card);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:2px}.trust-i b{font-size:15px}.trust-i span{font-size:13px;color:var(--muted)}
@media(min-width:800px){.trust-in{grid-template-columns:repeat(4,1fr)}}
.sec{padding:36px 0}.sec.alt{background:var(--bg2)}.sec h2{margin-bottom:20px}@media(min-width:800px){.sec{padding:56px 0}}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 18px}.chip{padding:8px 16px;border-radius:999px;background:var(--card);text-decoration:none;font-weight:600;font-size:14px;border:1px solid var(--line)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:760px){.grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media(min-width:1040px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(29,43,51,.05);transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.card-img{position:relative;display:block;aspect-ratio:1;background:var(--bg2)}.card-img img{width:100%;height:100%;object-fit:cover}
.card-body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}.card-body h3{font-size:14px;margin:0;font-weight:600}.card-body h3 a{text-decoration:none}.card-body .btn{margin-top:auto;min-height:42px;padding:8px 12px;font-size:15px}
.price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price{font-size:20px}.old{color:var(--muted);font-size:14px}.price-row.lg .price{font-size:32px}.price-row.lg .old{font-size:18px}.save{background:#ffe9e4;color:var(--red);font-weight:700;font-size:13px;padding:3px 8px;border-radius:8px}
.badge-sale,.badge-top,.badge-out{position:absolute;font-size:12px;font-weight:800;padding:4px 9px;border-radius:8px}.badge-sale{left:8px;top:8px;background:var(--red);color:#fff}.badge-top{right:8px;top:8px;background:var(--ink);color:#fff}.badge-out{left:8px;bottom:8px;background:#fff;color:var(--muted)}.badge-sale.big{font-size:15px;padding:6px 12px;z-index:2}
.steps{display:grid;gap:14px}@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr);gap:22px}}.step{background:var(--card);border-radius:var(--r);padding:22px}.step-n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--teal);color:var(--teal-ink);font-weight:800;margin-bottom:10px}.step p{color:var(--muted);margin:0}
.revs{display:grid;gap:14px}@media(min-width:760px){.revs{grid-template-columns:repeat(3,1fr)}}.rev{margin:0;background:var(--card);border-radius:var(--r);padding:18px}.rev blockquote{margin:6px 0 10px}.rev img{border-radius:10px;margin-bottom:10px;max-height:200px;object-fit:cover}.rev figcaption{font-weight:700;font-size:14px}.stars{color:#f5a623;letter-spacing:2px}
.faq{background:var(--card);border-radius:12px;padding:0 18px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--muted)}.faq[open] summary::after{content:"–"}.faq p{color:#3b4d56}
.cta-final{background:var(--ink);color:#fff}.cta-final .lead{color:#c9d6db}
.crumbs{padding-top:14px;font-size:13px;color:var(--muted)}.crumbs a{text-decoration:none}
.pdp{padding:12px 0 24px}.pdp-in{display:grid;gap:20px}@media(min-width:860px){.pdp-in{grid-template-columns:1.1fr 1fr;gap:44px;align-items:start}.gal{position:sticky;top:84px}}
.gal{position:relative}.gal-main{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:18px;background:var(--bg2);scrollbar-width:none}.gal-main::-webkit-scrollbar{display:none}.gal-main img{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1;object-fit:cover}
.gal-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}.gal-thumbs button{border:2px solid transparent;border-radius:10px;padding:0;background:none;cursor:pointer;flex:0 0 64px;overflow:hidden}.gal-thumbs button.on{border-color:var(--teal-d)}.gal-thumbs img{width:64px;height:64px;object-fit:cover}
.pill{display:inline-block;background:var(--ink);color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:8px}.rating{margin-bottom:8px}
.box{background:var(--card);border-radius:var(--r);padding:16px 18px;margin:14px 0}.box b{display:block;margin-bottom:4px}
.ship-line{display:flex;gap:10px;align-items:center;background:#e4f7f5;border-radius:12px;padding:12px 14px;margin:14px 0;font-size:15px}
.cta-row{display:grid;gap:10px;margin-top:6px}.pay-note{font-size:13px;color:var(--muted);margin:12px 0 4px}.ask{display:block;font-size:14px;color:var(--muted);margin-top:10px}
.pdp-detail{display:grid;gap:28px}@media(min-width:860px){.pdp-detail{grid-template-columns:1.3fr 1fr;gap:48px}}
.prose{font-size:16px;color:#2a3b44}.prose h2{font-size:22px;margin-top:1.4em}.prose ul{padding-left:20px}.prose li{margin:4px 0}
.specs{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--r);overflow:hidden}.specs th,.specs td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);font-size:15px}.specs th{color:var(--muted);font-weight:600;width:46%}.specs tr:last-child th,.specs tr:last-child td{border:0}
.video{position:relative;aspect-ratio:16/9;margin-top:18px;border-radius:14px;overflow:hidden;background:#000;width:100%}.video button{all:unset;cursor:pointer;display:block;width:100%;height:100%}.video img{width:100%;height:100%;object-fit:cover}.video iframe{width:100%;height:100%;border:0}.play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:24px;color:var(--ink)}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;box-shadow:0 -6px 20px rgba(0,0,0,.08)}.sticky-buy[hidden]{display:none}.sticky-buy img{border-radius:8px;width:48px;height:48px;object-fit:cover}.sb-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.sb-t span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-buy .btn{padding:10px 22px}
@media(min-width:860px){.sticky-buy{display:none!important}body.has-sticky{padding-bottom:0}}
.msgr{position:fixed;right:14px;bottom:18px;z-index:35;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:var(--sh)}body.has-sticky .msgr{bottom:90px}
.ftr{background:#16222a;color:#c9d6db;padding:36px 0 12px;margin-top:0}.ftr a{color:#c9d6db;display:block;text-decoration:none;margin:5px 0}.ftr a:hover{color:#fff}.ftr h4{color:#fff;font-size:15px}.ftr .logo{color:#fff}.ftr-in{display:grid;gap:22px}@media(min-width:760px){.ftr-in{grid-template-columns:1.3fr 1fr 1fr}}.copy{margin-top:22px;font-size:13px;opacity:.7}
.drawer-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90}.drawer-bg[hidden],.drawer[hidden]{display:none}
.drawer{position:fixed;right:0;top:0;bottom:0;width:min(420px,100%);background:#fff;z-index:100;display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.2)}.drawer-hd{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);font-size:18px}.drawer-hd button{all:unset;cursor:pointer;font-size:20px;padding:4px 8px}.drawer-body{flex:1;overflow:auto;padding:8px 18px}.drawer-ft{padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:grid;gap:10px}.drawer-ft .row,.box .row{display:flex;justify-content:space-between;gap:12px;font-size:17px}
.cl{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cl img{border-radius:10px;width:64px;height:64px;object-fit:cover}.cl-t{flex:1;display:flex;flex-direction:column;gap:4px;font-size:14px;min-width:0}.cl-t a{text-decoration:none;font-weight:600}.rm{all:unset;cursor:pointer;color:var(--muted);padding:6px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;width:fit-content}.qty button{all:unset;cursor:pointer;width:32px;height:30px;text-align:center;font-size:18px}.qty span{min-width:24px;text-align:center;font-weight:700}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:12px;z-index:120;font-size:14px}.toast[hidden]{display:none}
.co{padding:18px 0 40px}.co-in{display:grid;gap:22px}@media(min-width:900px){.co-in{grid-template-columns:1.25fr 1fr;gap:40px;align-items:start}.co-sum{position:sticky;top:84px}}
.co h1{font-size:26px}.co fieldset{border:0;background:var(--card);border-radius:var(--r);padding:18px;margin:0 0 14px}.co legend{float:left;width:100%;font-weight:800;font-size:18px;margin-bottom:12px;display:flex;align-items:center;gap:10px}.co legend+*{clear:both}.co .n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--teal);color:var(--teal-ink);font-size:14px}
.fld{display:block;margin-bottom:12px;position:relative}.fld>span{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:4px}
input,select,textarea{width:100%;font:16px var(--font);padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);min-height:48px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--teal-d);box-shadow:0 0 0 3px rgba(126,217,210,.35)}
.fld em{display:none;color:var(--red);font-size:13px;font-style:normal;margin-top:4px}.fld.bad em{display:block}.fld.bad input,.fld.bad select{border-color:var(--red)}fieldset>em{display:block;color:var(--red);font-size:13px;font-style:normal}
.two{display:grid;grid-template-columns:2fr 1fr;gap:10px}.seg{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}@media(min-width:560px){.seg{grid-template-columns:repeat(4,1fr)}}.seg button{padding:10px 6px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font:600 14px var(--font);cursor:pointer}.seg button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.ac{position:relative}.ac-list{position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);list-style:none;max-height:260px;overflow:auto;margin-top:4px}.ac-list[hidden]{display:none}.ac-list li{padding:11px 14px;cursor:pointer;display:flex;flex-direction:column}.ac-list li:hover{background:#e4f7f5}.ac-list small{color:var(--muted)}.ac-msg{color:var(--muted);cursor:default!important}
[data-wh-search]{margin-bottom:8px}[data-wh-search][hidden]{display:none}.eta{background:#e4f7f5;padding:10px 14px;border-radius:10px;margin:6px 0 0;font-size:14px}
.opt{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px;cursor:pointer}.opt:has(input:checked){border-color:var(--teal-d);background:#f0fbfa}.opt input{width:20px;min-height:20px;margin-top:3px;accent-color:#2aa89e}.opt small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.cmt{margin:0 0 14px}.cmt summary{cursor:pointer;color:var(--muted);padding:6px 2px}.cmt textarea{margin-top:8px}.form-err{background:#fde8e6;color:#a8321f;padding:12px 14px;border-radius:10px;margin-bottom:12px;font-weight:600}.legal{font-size:12px;color:var(--muted);margin-top:12px;text-align:center}
.co-sum{background:var(--card);border-radius:var(--r);padding:18px}.co-sum h2{font-size:20px}.co-sum .cl:last-child{border:0}.tot{margin:12px 0}.tot div{display:flex;justify-content:space-between;padding:6px 0}.tot dt{color:var(--muted)}.tot dd{margin:0;font-weight:600}.tot .grand{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-size:20px}.tot .grand dt{color:var(--ink);font-weight:800}
.empty{text-align:center;padding:40px 0}
.thx{padding:36px 0}.thx-ico{width:68px;height:68px;border-radius:50%;background:var(--teal);color:var(--teal-ink);font-size:36px;font-weight:800;display:grid;place-items:center;margin-bottom:14px}.req div{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.req dt{width:140px;color:var(--muted);flex:none}.req dd{margin:0;word-break:break-all}.link{all:unset;color:#1b7f77;cursor:pointer;text-decoration:underline;font-size:14px}.box .row{padding:6px 0}.box .grand{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;font-weight:800}
.pay{border:2px solid var(--teal)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.cart-count[hidden]{display:none}