/** Shopify CDN: Minification failed

Line 698:0 Unexpected "}"

**/
/* ===== Emberlane storefront styles ===== */
body{margin:0;background:#F7F4EE;color:#242826}
.mock{--mockh:40px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#F7F4EE;min-height:100vh}
.mock.phone{background:#DED9CF}
.mock-bar{position:sticky;top:0;z-index:45;display:flex;align-items:center;gap:14px;height:var(--mockh);padding:0 14px;background:#1d1f1e;color:#cfd3d0;font-size:12.5px;font-weight:500}
.mock-brand{margin-right:auto;letter-spacing:.02em}
.mock-seg{display:inline-flex;border:1px solid #3a3f3c;border-radius:8px;overflow:hidden}
.mock-seg button{background:transparent;border:0;color:#cfd3d0;padding:5px 12px;font:inherit;cursor:pointer}
.mock-seg button.on{background:#F7F4EE;color:#242826}
@media (max-width:640px){
  .mock-bar{padding:0 10px;gap:8px}
  .mock-brand,.mock-dev{display:none}
  .mock-view{flex:1;display:grid;grid-template-columns:1fr 1fr}
  .mock-view button{font-size:12.5px;height:32px;padding:0 8px;white-space:nowrap}
}
.device{position:relative}
.device.phone{box-sizing:content-box;width:390px;height:min(800px,calc(100vh - 70px));margin:16px auto;border:10px solid #1d1f1e;border-radius:36px;overflow:hidden;contain:paint;background:#F7F4EE;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.device.phone .site{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.device.phone .site::-webkit-scrollbar{display:none}

.site{--ivory:#F7F4EE;--char:#242826;--ember:#C65332;--ember-btn:#A94028;--ember-dk:#963822;--stone:#E6E1D8;--line:#D8D3CB;--muted:#6b6f6c;--body:#3b3f3d;--tint:#FBF1EC;--tint-line:#F0D5C9;--r:12px;--font-display:"Fraunces",Georgia,"Times New Roman",serif;
  container-type:inline-size;container-name:site;background:var(--ivory);color:var(--char);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;min-width:0}
.site *,.site *::before,.site *::after{box-sizing:border-box}
.site img{max-width:100%;height:auto;display:block}
.site h1,.site h2,.site h3,.site h4{font-weight:600;color:var(--char);margin:0}
.nb{white-space:nowrap}
.site p{margin:0}
.site a{color:inherit}
:where(.site) button{font-family:inherit;color:inherit}
.site [hidden]{display:none!important}
.site :focus-visible{outline:2px solid var(--ember);outline-offset:2px}
.site .ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.site .ic.ember{color:var(--ember)}
.site .ic use{pointer-events:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.wrap.narrow{max-width:820px}
.small{font-size:13.5px}
.muted{color:var(--muted)}
.center{text-align:center;margin-top:28px}
.dot{width:4px;height:4px;border-radius:50%;background:var(--line);display:inline-block}
.sep{opacity:.6}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.btn-lg{height:56px;font-size:17px;padding:0 26px}
.btn-sm{height:38px;font-size:13.5px;padding:0 14px;border-radius:9px}
.btn-block{width:100%}
.btn-primary{background:linear-gradient(180deg,#B4502F,#A94028);color:#fff;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px rgba(169,64,40,.25)}
.btn-primary:hover{background:linear-gradient(180deg,#A3422B,#963822);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 28px rgba(169,64,40,.32)}
.btn-primary:active{transform:translateY(0);background:#963822;box-shadow:inset 0 2px 5px rgba(0,0,0,.22)}
.btn-primary::after{content:"";position:absolute;top:-10%;left:-70%;width:40%;height:120%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-20deg);animation:shine 7s ease-in-out infinite;pointer-events:none}
.btn-sm.btn-primary{box-shadow:none}
.btn-plain::after,.btn-orbit::after{display:none}
/* orbiting light streak around the border (Primal Herbs style); only where @property animates */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.btn-orbit{isolation:isolate}
.orbit-ok .btn-orbit::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2.5px;pointer-events:none;z-index:1;
  background:conic-gradient(from var(--ang),transparent 0deg,transparent 225deg,rgba(255,226,210,.25) 285deg,rgba(255,240,232,.8) 325deg,#fff 345deg,rgba(255,240,232,.6) 353deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:orbit 3.2s linear infinite}
@keyframes orbit{to{--ang:360deg}}
.site .btn-primary,.site .btn-primary:hover,.site .btn-primary:visited{color:#fff}
.btn-ghost{background:transparent;border:1.5px solid var(--char);color:var(--char)}
.btn-ghost:hover{background:var(--stone)}
.link{background:none;border:0;padding:0;font:inherit;font-size:14px;font-weight:500;color:var(--char);text-decoration:underline;text-underline-offset:3px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.link .ic{width:16px;height:16px}
.link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--char);margin-top:14px;text-decoration:none}
.link-arrow .ic{width:18px;height:18px;transition:transform .15s}
.link-arrow:hover .ic{transform:translateX(3px)}
.center-link{margin:4px auto 0}
.icobtn{width:42px;height:42px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--char);position:relative;padding:0}
.icobtn:hover{background:var(--stone)}
.icobtn .ic{width:22px;height:22px}

/* marquees */
.marq{overflow:hidden;white-space:nowrap}
.marq-track{display:inline-flex;align-items:center;width:max-content;animation:marq 45s linear infinite;will-change:transform}
.marq:hover .marq-track{animation-play-state:paused}
.mi{display:inline-flex;align-items:center;gap:9px;padding:0 26px;position:relative}
.mi::after{content:"";position:absolute;right:-3px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--ember);transform:translateY(-50%)}
.mi .ic{width:17px;height:17px}
.ann{background:var(--char);color:var(--ivory);font-size:13px;font-weight:500;height:32px;display:flex;align-items:center}
.ribbon{height:50px;display:flex;align-items:center;overflow:hidden}
.ribbon-dark{background:var(--char);color:var(--ivory);font-size:15px;font-weight:600;letter-spacing:.01em}
.ribbon-dark .ic{color:var(--ember)}
.ribbon-stone{background:var(--stone);color:var(--char);font-size:14px;font-weight:500;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ribbon-ember{background:var(--ember-btn);color:var(--ivory);font-size:14.5px;font-weight:600;letter-spacing:.01em}
.ribbon-ember .ic{color:var(--ivory)}
.ribbon-ember .mi::after{background:rgba(247,244,238,.55)}
.ribbon .marq-track{animation-duration:55s}
.ribbon-dark .mi::after{background:#5c615e}

/* header */
.hdr{position:sticky;top:0;z-index:30;background:rgba(247,244,238,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.device:not(.phone) .hdr{top:var(--mockh,40px)}
.hdr-in{display:flex;align-items:center;gap:26px;height:66px}
.logo{display:block}
.logo img{height:26px;width:auto}
.nav{display:flex;gap:26px;margin-left:8px}
.nav a{font-size:15px;font-weight:500;text-decoration:none;color:var(--char);padding:5px 0;border-bottom:2px solid transparent;transition:border-color .15s}
.nav a:hover{border-color:var(--ember)}
.hdr-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.badge{position:absolute;top:3px;right:1px;min-width:18px;height:18px;border-radius:9px;background:var(--ember-btn);color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center;padding:0 5px;line-height:1}
.menu-btn{display:none}
.mnav{display:grid;border-top:1px solid var(--line);padding:6px 16px 14px;background:var(--ivory)}
.mnav a{padding:12px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--char);font-weight:500;font-size:16px}
.mnav a:last-child{border-bottom:0}

/* hero */
.hero{padding:44px 0 52px}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ember)}
.eyebrow .ic{width:17px;height:17px}
.hero-copy{position:relative;isolation:isolate}
.hero-copy::before{content:"";position:absolute;inset:-60px -80px -40px -70px;background:radial-gradient(ellipse at 30% 40%,rgba(198,83,50,.14),transparent 60%);z-index:-1;pointer-events:none;
  /* the glow is still tinted at its box's left and top edges, which drew a hard line on wide screens: fade those edges out */
  -webkit-mask-image:linear-gradient(to right,transparent,#000 25%),linear-gradient(to bottom,transparent,#000 22%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,#000 25%),linear-gradient(to bottom,transparent,#000 22%);mask-composite:intersect}
.hero-copy h1{font-family:var(--font-display);font-weight:500;font-size:60px;line-height:1.05;letter-spacing:-.015em;margin:14px 0 18px;text-wrap:balance}
.lead{font-size:18px;line-height:1.55;color:var(--body);margin:0 0 26px;max-width:520px}
.lead-m{display:none}
.hero-copy .lead{margin-bottom:30px}   /* .site p{margin:0} outranked .lead's own margin, so the buttons sat on the text */
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.hero-cta .btn-lg{height:64px}   /* matches the two-line Shop button */
.hero-note{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#5c615e;margin-top:12px}
.hero-note .ic{width:17px;height:17px}
.hero-ph{border-radius:16px;overflow:hidden;aspect-ratio:3/2;background:var(--stone);box-shadow:0 0 0 4px var(--ivory),0 0 0 5px var(--line),0 24px 48px rgba(36,40,38,.14)}
.hero-ph img{width:100%;height:100%;object-fit:cover}
.hero-ph .mob{display:none}
.rating-line{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:500;color:var(--char);text-decoration:none}
.rating-line.sm{font-size:13px}
.stars{display:inline-flex;gap:2px;color:var(--ember)}
.stars svg{width:16px;height:16px;fill:currentColor;stroke:none}
.stars.sm svg{width:13px;height:13px}
.stars .off{color:var(--line)}

/* sections */
.sec{padding:96px 0}
.sec-tight{padding:10px 0 44px}
.sec-stone{background:var(--stone)}
.sec-head{max-width:760px;margin:0 auto 38px;text-align:center}
.sec-head.row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;text-align:left;gap:20px;flex-wrap:wrap}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ember);margin:0 0 12px}
.kicker::before{content:"";width:24px;height:1.5px;background:var(--ember);flex:0 0 auto}
.kicker.ember-k{color:var(--ember);display:inline-flex;gap:6px;align-items:center;text-transform:none;letter-spacing:0;font-size:14.5px}
.kicker.ember-k::before{display:none}
.site h2{font-family:var(--font-display);font-weight:500;font-size:42px;line-height:1.08;letter-spacing:-.015em;text-wrap:balance}
.sec-sub{font-size:17px;color:var(--body);margin:14px auto 0;max-width:620px;line-height:1.55}
.site .sec-sub{margin-left:auto;margin-right:auto}
.site .pb-head{margin:0 auto 26px}
section{scroll-margin-top:84px}

/* icon tiles + perks */
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.tile{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 14px;transition:transform .2s ease,box-shadow .2s ease}
.tile .pk-ic{border-radius:50%;background:rgba(198,83,50,.10);border-color:transparent;color:var(--ember)}
.tile strong,.perks strong{display:block;font-size:14.5px;font-weight:600;line-height:1.3}
.tile small,.perks small{display:block;font-size:12.5px;color:var(--muted);line-height:1.35;margin-top:2px}
.pk-ic{width:40px;height:40px;border-radius:10px;background:var(--stone);border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto;color:var(--char)}
.pk-ic.ember{color:var(--ember);background:var(--tint);border-color:var(--tint-line)}
.perks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.perks li{display:flex;gap:12px;align-items:center}
.perks-3{margin:18px 0}

/* recognition */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}
.fcard .pk-ic{margin-bottom:14px}
.fcard h3{font-size:18px;margin:0 0 6px}
.fcard p{color:var(--body);font-size:15px;line-height:1.55}
.turn{margin-top:28px;background:linear-gradient(140deg,#2A2E2C 45%,#372d28 100%);color:var(--ivory);border-radius:18px;padding:44px;position:relative;overflow:hidden}
.turn::before{content:"";position:absolute;right:-60px;top:-90px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(198,83,50,.5),transparent 66%)}
.turn-in{position:relative;max-width:640px}
.turn h3{font-family:var(--font-display);font-weight:500;font-size:34px;margin:8px 0 12px;line-height:1.12;letter-spacing:-.012em;color:var(--ivory)}
.turn p{color:#d9dcda;font-size:16.5px;line-height:1.6;margin:0 0 24px}

/* use cases */
.uses{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.use{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.use img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;transition:transform .6s ease}
.use div{padding:14px 16px 18px}
.use h3{font-size:16.5px;margin:0 0 4px}
.use p{font-size:14.5px;color:var(--body);line-height:1.5}

/* featured */
.featured{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.featured-ph{position:relative;aspect-ratio:4/5;display:grid;place-items:center;overflow:visible}
.featured-ph::before{content:"";position:absolute;inset:10% 8% 6%;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,rgba(198,83,50,.12),transparent 68%);pointer-events:none}
.featured-ph img{position:relative;width:auto;height:92%;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(36,40,38,.18))}
.featured-copy h2{font-size:32px;margin:0 0 12px}
.featured-copy .rating-line{margin-bottom:12px}
.lead-sm{font-size:17px;color:var(--body);margin:0 0 14px}
.featured .field{margin:4px 0 12px}

/* price */
.price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.price{font-size:34px;font-weight:600;letter-spacing:-.015em;line-height:1.1;font-variant-numeric:tabular-nums}
.compare{font-size:17px;color:var(--muted);text-decoration:line-through}
.save{background:var(--tint);color:var(--ember-btn);font-size:12.5px;font-weight:600;padding:4px 9px;border-radius:7px;border:1px solid var(--tint-line);align-self:center}
.price-row.light .price{color:var(--ivory)}
.price-row.light .compare{color:#a9aeab}

/* heat */
.heat-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}
.zones-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.zones-img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:14px;display:block}
.zleg{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;gap:8px}
.zleg li{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500}
.zn{width:24px;height:24px;border-radius:50%;background:var(--ember);color:#fff;font-size:12px;font-weight:600;display:grid;place-items:center;flex:0 0 auto}
.settings{display:grid;gap:12px}
.set{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.set .lv{width:46px;height:46px;border-radius:12px;background:var(--stone);display:grid;place-items:center;flex:0 0 auto}
.lvl{width:26px;height:26px}
.lvl rect{fill:#D8D3CB}
.lvl rect.on{fill:var(--ember)}
.set h3{font-size:17px;margin:0;display:flex;align-items:center;gap:8px}
.set h3 em{font-style:normal;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.set p{font-size:14.5px;color:var(--body);margin-top:4px;line-height:1.5}
.settings-3{grid-template-columns:repeat(3,1fr)}
.settings-3 .set{flex-direction:column}
.operate{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.op{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}
.op .n{width:30px;height:30px;border-radius:50%;background:var(--char);color:var(--ivory);display:grid;place-items:center;font-weight:600;font-size:13px;flex:0 0 auto}
.op strong{display:block;font-size:15px}
.op p{font-size:14px;color:var(--body);margin-top:3px}

/* UGC */
.ugc-row{display:grid;grid-template-columns:repeat(var(--ugc-n,5),1fr);gap:14px}
.ugc-card{position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#EFEBE3,#DCD6CB);border:1px solid var(--line)}
.ugc-card video{width:100%;height:100%;object-fit:cover;display:block;background:#111}
.ugc-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#6b6f6c;font-size:13px;font-weight:500;text-align:center;padding:12px}
.ugc-ph .flame{width:46px;height:46px;color:rgba(198,83,50,.35);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ugc-ph .playc{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.85);display:grid;place-items:center;color:var(--char)}
.ugc-ph .playc .ic{fill:currentColor;stroke:none;width:20px;height:20px;margin-left:3px}
.ugc-ph small{font-size:11.5px;color:#8a8e8b;font-weight:400}

/* guarantee */
.guar{display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:center}
.guar-badge{width:220px;height:auto}
.guar-copy h2{margin:0 0 12px}
.guar-copy>p{font-size:17px;color:var(--body);line-height:1.6;max-width:640px}
.guar-pts{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0}
.guar-pts span{display:inline-flex;gap:8px;align-items:center;font-size:14.5px;font-weight:500}
.guar-pts .ic{width:18px;height:18px;color:var(--ember)}

/* reviews */
.revs{display:grid;gap:16px}
.revs-4{grid-template-columns:repeat(4,1fr)}
@container site (max-width:1040px){.revs-4{grid-template-columns:repeat(2,1fr)}}
.rev{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column}
.rev-top{display:flex;align-items:center;gap:10px}
.av{width:38px;height:38px;border-radius:50%;background:var(--stone);display:grid;place-items:center;font-weight:600;font-size:14px;flex:0 0 auto}
.rev .nm{font-weight:600;font-size:14.5px;line-height:1.2}
.rev .pl{font-size:12.5px;color:var(--muted)}
.rev .vb{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#2f6a3f;font-weight:500;margin-left:auto}
.rev .vb .ic{width:14px;height:14px}
.rev .stars{margin:12px 0 6px}
.rev h4{font-size:15.5px;margin:0 0 6px}
.rev p{font-size:14.5px;line-height:1.55;color:var(--body)}
.rev .dt{font-size:12.5px;color:var(--muted);margin-top:auto;padding-top:12px}
.rev-wrap{display:grid;grid-template-columns:290px 1fr;gap:28px;align-items:start}
.rev-grid{grid-template-columns:repeat(2,1fr)}
.rev-sum{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;position:sticky;top:96px}
.rev-sum .big{font-size:52px;font-weight:600;line-height:1;letter-spacing:-.02em}
.rev-sum .cnt{font-size:14px;color:var(--muted);margin:6px 0 16px}
.bar{display:grid;grid-template-columns:44px 1fr 42px;white-space:nowrap;gap:10px;align-items:center;font-size:13px;margin-bottom:8px}
.bar i{height:8px;background:var(--stone);border-radius:4px;overflow:hidden;display:block}
.bar i b{display:block;height:100%;background:var(--ember);border-radius:4px}
.bar .pc{text-align:right;color:var(--muted)}
.rev-sum .note{font-size:13px;color:var(--muted);margin-top:14px;display:flex;gap:6px;align-items:flex-start}
.rev-sum .note .ic{width:15px;height:15px;margin-top:2px}
#revMore{display:none}

/* FAQ */
.faq{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;background:none;border:0;font-size:17px;font-weight:600;text-align:left;cursor:pointer;color:var(--char);line-height:1.35}
.faq-q .ic{flex:0 0 auto;transition:transform .25s}
.faq-item.open .faq-q .ic{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-a p{padding:0 44px 18px 0;color:var(--body);font-size:16px;line-height:1.6}

/* final + footer */
.final{background:#2A2E2C;color:var(--ivory);padding:64px 0}
.final-in{display:flex;justify-content:space-between;align-items:center;gap:36px}
.final h2{color:var(--ivory);margin:0 0 8px}
.final p{color:#cfd3d0;max-width:560px}
.final .btn-primary{flex:0 0 auto}
.buystrip .price-row{margin:8px 0 6px}
.buystrip [data-eta-line]{display:flex;align-items:center;gap:7px;color:#cfd3d0}
.buystrip [data-eta-line] .ic{width:17px;height:17px}
.strip-ctl{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;position:relative}
.strip-ctl .select{width:230px;background-color:#fff}
.strip-ctl .err{flex-basis:100%;text-align:right}
.ftr{background:var(--char);color:#cfd3d0;padding:56px 0 28px;border-top:1px solid #3a3f3c}
.ftr-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr;gap:32px}
.ftr h4{color:var(--ivory);font-size:13px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.08em}
.ftr-col a{display:block;color:#cfd3d0;text-decoration:none;font-size:14.5px;padding:5px 0}
.ftr-col a:hover{color:#fff}
.ftr-brand img{width:132px;height:auto;margin-bottom:14px}
.ftr-brand p{font-size:14.5px;line-height:1.5;margin-bottom:8px}
.ftr-brand a{color:var(--ivory)}
.news{display:flex;gap:8px}
.news input{flex:1;min-width:0;height:44px;border-radius:10px;border:1px solid #4a4f4c;background:#2e3230;color:var(--ivory);padding:0 12px;font:inherit;font-size:15px}
.news input:focus-visible{outline:2px solid var(--ivory);outline-offset:1px;border-color:var(--ivory)}
.news .btn{height:44px;padding:0 18px}
.ftr-news .small{margin-top:8px;color:#a9aeab}
.ftr-bot{border-top:1px solid #3a3f3c;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.ftr-bot .small{color:#a9aeab}
.pm-row{display:flex;gap:6px;flex-wrap:wrap}
.pm-row svg{width:38px;height:24px;border-radius:3px}

/* ===== product page ===== */
.pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;padding-top:28px;padding-bottom:60px;align-items:start}
.pdp>*{min-width:0;max-width:100%}
.gallery{position:sticky;top:calc(var(--mockh,40px) + 80px)}
.device.phone .gallery{top:70px}
.g-main{position:relative;aspect-ratio:4/5;background:#FAF5EC;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.g-track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.g-track::-webkit-scrollbar{display:none}
.g-slide{flex:0 0 100%;scroll-snap-align:start;height:100%;cursor:zoom-in;position:relative}
/* sale badge (config demo.saleName): first slide only, in its empty bottom-right corner */
.g-sale{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;background:var(--char);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;padding:8px 12px 8px 10px;border-radius:999px;box-shadow:0 4px 14px rgba(36,40,38,.25);pointer-events:none}
.g-sale .ic{width:14px;height:14px;color:#E8875F}
.ann .mi-sale{font-weight:700;color:#fff}
.ann .mi-sale .ic{color:#E8875F}
.g-slide img{width:100%;height:100%;object-fit:contain;background:#FAF5EC}
.g-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;color:var(--char);padding:0;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.g-arrow:hover{background:#fff}
.g-arrow.prev{left:12px}.g-arrow.next{right:12px}
.g-count{position:absolute;left:12px;bottom:12px;background:rgba(36,40,38,.75);color:#fff;font-size:12px;font-weight:500;padding:4px 9px;border-radius:7px;letter-spacing:.02em}
.g-zoom{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.94);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;color:var(--char);padding:0}
.g-zoom .ic{width:18px;height:18px}
.g-slide.cover img{object-fit:cover}
.g-dots{display:none;position:absolute;left:0;right:0;bottom:16px;justify-content:center;gap:6px;pointer-events:none}
.g-dots i{width:6px;height:6px;border-radius:50%;background:rgba(36,40,38,.25);transition:background .2s,transform .2s}
.g-dots i.on{background:var(--ember);transform:scale(1.15)}
.press-strip{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}
.ps-main{min-width:0;flex:1;display:grid;gap:4px}
.ps-lab{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.press-strip .marq{-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.press-strip .marq-track{animation-duration:38s}
.press-strip .mi{padding:0 18px}
.press-strip .mi::after{display:none}
.pslot{display:inline-grid;place-items:center;min-width:140px;height:40px;padding:0 10px;color:rgba(36,40,38,.55);white-space:nowrap;letter-spacing:.18em;font-size:13px;text-transform:uppercase}
.pslot-serif{font-family:var(--font-display);font-weight:500;letter-spacing:.16em;font-size:15px}
.pslot-sans{font-family:Inter,system-ui,sans-serif;font-weight:700}
.g-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.g-thumbs::-webkit-scrollbar{display:none}
.g-thumbs button{flex:0 0 64px;aspect-ratio:4/5;border:1.5px solid var(--line);border-radius:8px;overflow:hidden;padding:0;background:#FAF5EC;cursor:pointer;opacity:.85}
.g-thumbs button img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.g-thumbs button.on{border-color:var(--char);opacity:1}

.buy{display:flex;flex-direction:column;gap:14px;min-width:0}
.buy-head-m{display:none}
.buy-head-d h1{font-family:var(--font-display);font-weight:500;font-size:34px;line-height:1.1;letter-spacing:-.012em;margin:8px 0 0;text-wrap:balance}
.buy-sub{font-size:17px;color:var(--body)}
.perks-row{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.perks-row li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 8px 11px}
.perks-row .pk-ic{width:38px;height:38px;border-radius:50%;background:rgba(198,83,50,.10);border:0;color:var(--ember)}
.perks-row strong{display:block;font-size:13.5px;font-weight:600;line-height:1.25}
.perks-row small{display:block;font-size:12px;color:var(--muted);line-height:1.3;margin-top:2px}
.field-lab{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14.5px;font-weight:500}
.field-lab label,.field-lab .lab{font-weight:500}
.select{width:100%;height:50px;border:1px solid var(--line);border-radius:10px;padding:0 40px 0 14px;font:inherit;font-size:16px;color:var(--char);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23242826' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 14px center/18px;-webkit-appearance:none;appearance:none;cursor:pointer}
.select.shake{animation:shake .4s ease;border-color:var(--ember-btn)}
.err{color:var(--ember-btn);font-size:13.5px;font-weight:500;margin-top:8px;display:flex;align-items:center;gap:6px}
.qty-row{display:flex;gap:10px;align-items:center}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;height:44px;width:118px;background:#fff;flex:0 0 auto}
.qty button{width:38px;height:100%;border:0;background:none;display:grid;place-items:center;cursor:pointer;padding:0;color:var(--char)}
.qty button:hover{background:var(--stone)}
.qty button:first-child{border-radius:9px 0 0 9px}.qty button:last-child{border-radius:0 9px 9px 0}
.qty button .ic{width:15px;height:15px}
.qty input{width:40px;text-align:center;border:0;font:inherit;font-size:16px;font-weight:600;background:none;color:var(--char);padding:0;font-variant-numeric:tabular-nums}
.btn-atc{flex:1;min-width:0;justify-content:space-between;padding:0 20px}
.btn-atc2{height:64px;flex-direction:column;justify-content:center;gap:3px;padding:0 16px;line-height:1.1}
.btn-atc2 .atc-main{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}
.btn-atc2 .atc-g{font-size:12.5px;font-weight:500;opacity:.85;letter-spacing:.01em}
.qty-row .qty{height:64px}
.viewers{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted);margin:-2px 0 -4px}
.viewers strong{color:var(--char);font-weight:700;font-variant-numeric:tabular-nums}
.vdot{width:8px;height:8px;border-radius:50%;background:var(--ember);flex:0 0 auto;box-shadow:0 0 0 0 rgba(198,83,50,.5);animation:vpulse 1.8s ease-out infinite}
@keyframes vpulse{0%{box-shadow:0 0 0 0 rgba(198,83,50,.5)}100%{box-shadow:0 0 0 9px rgba(198,83,50,0)}}
.xrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.xrow span{display:inline-flex;align-items:center;gap:6px}
.xrow .ic{width:14px;height:14px}
.xrow .dot{width:3px;height:3px;background:#b9b4ab}
.btn-atc .atc-p{font-weight:500;opacity:.94;font-variant-numeric:tabular-nums}
.xpay{display:grid;gap:8px}
.xbtn{height:48px;border-radius:10px;border:0;display:grid;place-items:center;cursor:pointer;padding:0;transition:filter .15s}
.xbtn:hover{filter:brightness(1.08)}
.xbtn svg{height:22px;width:100px;display:block}
.xbtn-shop{background:#5A31F4}.xbtn-shop svg{width:92px}
.xbtn-paypal{background:#FFC439}.xbtn-paypal svg{height:26px;width:100px}
.xbtn-gpay{background:#000}.xbtn-gpay svg{height:26px;width:62px}
.eta{text-align:center;font-size:14.5px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:7px}
.eta .ic{width:17px;height:17px}
.eta-sub{text-align:center;font-size:13px;color:var(--muted);margin-top:-10px}
.assure{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:9px}
.assure li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--body)}
.assure .ic{width:18px;height:18px;color:var(--char);margin-top:1px}
.urgency{background:var(--tint);border:1px solid var(--tint-line);border-radius:10px;padding:12px 14px;display:grid;gap:6px;font-size:14px}
.urgency p{display:flex;align-items:center;gap:8px}
.urgency .ic{width:17px;height:17px}
.urgency strong{font-variant-numeric:tabular-nums;font-weight:600}
.acc details{border-top:1px solid var(--line)}
.acc details:last-child{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 0;font-weight:600;font-size:15px;cursor:pointer}
.acc summary::-webkit-details-marker{display:none}
.acc summary .ic{width:18px;height:18px}
.acc summary .chev{margin-left:auto;transition:transform .2s}
.acc details[open] summary .chev{transform:rotate(180deg)}
.acc-body{padding:0 0 16px 28px;font-size:14.5px;color:var(--body);line-height:1.55;display:grid;gap:8px}
.plain{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.plain.icons li{display:flex;gap:10px;align-items:center;font-size:15px}
.plain.icons .ic{width:18px;height:18px}
.plain:not(.icons) li{display:flex;gap:8px;align-items:center}
.plain:not(.icons) li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ember);flex:0 0 auto}

/* love rows */
.love{display:grid;gap:36px}
.lr{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.lr:nth-child(even) .lr-ph{order:2}
.lr-ph{width:100%;max-width:420px;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--stone);justify-self:center}
.lr-ph img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .6s ease}
.lr-copy h3{font-family:var(--font-display);font-weight:500;font-size:32px;line-height:1.1;letter-spacing:-.012em;margin:8px 0 12px}
.lr-copy p{font-size:16.5px;color:var(--body);line-height:1.6;max-width:480px}
.lr-copy .kicker{margin-bottom:0}

/* zones wide, battery, fit */
.zones-wide{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.zones-copy{display:grid;gap:14px}
.zc{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.zc .zn{margin-top:1px}
.zc .zn+.zn{margin-left:-4px}
.zc div{margin-left:6px}
.zc strong{font-size:15.5px}
.zc p{margin-top:4px;font-size:14.5px;color:var(--body);line-height:1.5}
.two{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.two-ph{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.two-ph.sq{aspect-ratio:1/1}
.two-ph img{width:100%;height:100%;object-fit:cover}
.two-copy h2{margin:0 0 14px}
.two-copy>p{font-size:16.5px;color:var(--body);line-height:1.6;margin-bottom:16px}
.two-copy .plain{margin-bottom:16px}
.fitx-page{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.fit-ill{background:#FAF5EC;border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:16px;position:sticky;top:calc(var(--mockh,40px) + 96px)}
.fit-ill-ph{aspect-ratio:4/5;border-radius:10px;overflow:hidden}
.fit-ill-ph img{width:100%;height:100%;object-fit:contain;display:block}
.fit-leg{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fit-leg li{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.35}
.fit-leg strong,.fit-how strong{display:block;color:var(--char);font-weight:600}
.fit-leg strong{font-size:14px;margin-bottom:1px}
.fit-main{min-width:0}
.fit-helper{background:var(--stone);border-radius:14px;padding:22px;margin-bottom:24px}
.fh-lab{display:block;font-weight:600;font-size:15px;color:var(--char);margin-bottom:10px}
.fh-row{display:flex;gap:10px;flex-wrap:wrap}
.fh-in{position:relative;flex:1 1 150px;max-width:220px}
.fh-in input{width:100%;height:48px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 40px 0 14px;font:inherit;font-size:17px;font-variant-numeric:tabular-nums;color:var(--char);-moz-appearance:textfield}
.fh-in input::-webkit-outer-spin-button,.fh-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fh-in input:focus{outline:2px solid var(--ember);outline-offset:1px;border-color:var(--ember)}
.fh-in span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none}
.fh-go{height:48px;padding:0 20px}
.fh-out{margin-top:14px;min-height:22px}
.fh-hint{font-size:14px;color:var(--muted);margin:0}
.fh-res{font-family:var(--font-display);font-size:26px;font-weight:500;color:var(--char);margin:0 0 4px;line-height:1.15}
.fh-res span{color:var(--ember-btn)}
.fh-note{font-size:14.5px;color:var(--body);margin:0 0 8px;line-height:1.5}
.fh-warn{color:var(--char);margin:0}
.fh-select{font-weight:600}
.fit-cap{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 8px}
.sz-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;margin-bottom:16px}
.sz-table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.sz-table th,.sz-table td{padding:12px 10px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}
.sz-table thead th{background:var(--char);color:var(--ivory);font-weight:600;font-size:13px;letter-spacing:.02em;border-bottom:0}
.sz-table thead th:first-child,.sz-table tbody th{text-align:left;padding-left:16px}
.sz-table tbody th{font-weight:600;color:var(--char)}
.sz-table td{color:var(--body)}
.sz-table tbody tr:nth-child(even){background:#FAF5EC}
.sz-table tbody tr:last-child th,.sz-table tbody tr:last-child td{border-bottom:0}
.sz-table tbody tr.rec th,.sz-table tbody tr.rec td{background:rgba(198,83,50,.10);color:var(--char)}
.sz-table tbody tr.rec th{box-shadow:inset 3px 0 0 var(--ember)}
.fit-note{font-size:14.5px;color:var(--body);background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}
.fit-note .ic{width:17px;height:17px;margin-top:2px;color:var(--ember);flex:0 0 auto}
.fit-tip{font-size:14px;color:var(--muted);margin:0 0 18px}
.fit-how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fit-how li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:14px;color:var(--body);line-height:1.45}
.fit-how strong{font-size:14.5px;margin-bottom:2px}
.fit-how .zn,.fit-leg .zn{margin-top:1px}
.select.picked{animation:picked 1.4s ease}
@keyframes picked{0%{box-shadow:0 0 0 0 rgba(198,83,50,.55)}100%{box-shadow:0 0 0 12px rgba(198,83,50,0)}}
.fitx-modal .fitm-top{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin-bottom:18px}
.fitx-modal .fitm-ill{background:#FAF5EC;border:1px solid var(--line);border-radius:12px;overflow:hidden;aspect-ratio:4/5}
.fitx-modal .fitm-ill img{width:100%;height:100%;object-fit:contain;display:block}
.fitx-modal .fit-helper{margin-bottom:0;padding:18px}
.fitx-modal .fit-how{grid-template-columns:1fr;gap:8px}
.fitx-modal .fit-how li{padding:10px 12px}
.fitm-help{margin:14px 0 0}

/* sticky bars */
.sbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px;align-items:center;box-shadow:0 -8px 24px rgba(0,0,0,.08);transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
.sbar.on{transform:none;visibility:visible;transition:transform .25s ease,visibility 0s}
.sbar-price{font-weight:600;font-size:16px;line-height:1.1;flex:0 0 auto}
.sbar-price s{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:2px}
.sbar-size{width:86px;flex:0 0 auto;height:44px;padding:0 28px 0 10px;background-position:right 9px center;font-size:15px}
.sbar .btn{flex:1;height:44px;min-width:0;padding:0 12px}

/* drawer */
.overlay{position:fixed;inset:0;background:rgba(36,40,38,.45);z-index:55}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,100%);background:var(--ivory);z-index:60;transform:translateX(102%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s;display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.18)}
.drawer.open{transform:none;visibility:visible;transition:transform .3s ease,visibility 0s}
.dr-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.dr-head h3{font-family:var(--font-display);font-weight:500;font-size:22px;letter-spacing:-.01em}
.dr-head .muted{font-size:14px;font-weight:500}
.dr-body{flex:1;overflow:auto;padding:16px 18px;display:grid;gap:12px;align-content:start}
.dr-card{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45}
.dr-card.tint{background:var(--tint);border-color:var(--tint-line)}
.dr-card>.ic{width:22px;height:22px}
.proof p{font-size:13.5px;color:var(--body);margin-top:2px}
.avs{display:flex;flex:0 0 auto}
.avs span{width:32px;height:32px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff;margin-left:-9px}
.avs span:first-child{margin-left:0}
.dr-items{display:grid;gap:10px}
.dr-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;align-items:start}
.dr-item img{width:70px;aspect-ratio:4/5;object-fit:contain;padding:4px;border-radius:8px;background:var(--stone)}
.dr-item .ti{font-weight:600;font-size:14.5px;line-height:1.3}
.dr-item .va{font-size:13px;color:var(--muted);margin:2px 0 10px}
.dr-item .qty{height:36px;border-radius:8px}
.dr-item .qty button{width:30px}
.dr-item .qty input{width:30px;font-size:14px}
.dr-item .pr{font-weight:600;font-size:15px;text-align:right}
.dr-item .rm{display:grid;place-items:center;width:28px;height:28px;border:0;background:none;color:var(--muted);cursor:pointer;margin:6px 0 0 auto;padding:0}
.dr-item .rm .ic{width:15px;height:15px}
.dr-empty{text-align:center;padding:24px 0;display:grid;gap:14px;justify-items:center}
.dr-totals{display:grid;gap:6px;font-size:14.5px;padding-top:4px}
.dr-totals>div{display:flex;justify-content:space-between}
.dr-totals .good{color:#2f6a3f;font-weight:500}
.dr-totals .tot{font-weight:600;font-size:17px;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.dr-foot{padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--ivory)}

/* modal, lightbox, toast */
.modal{position:fixed;inset:0;z-index:70;background:rgba(36,40,38,.5);display:grid;grid-template-rows:100%;place-items:center;padding:16px}
.modal-card{background:var(--ivory);border-radius:16px;width:min(640px,100%);max-height:100%;display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.3);animation:pop .22s ease}
.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 14px 22px;border-bottom:1px solid var(--line)}
.modal-head h3{font-size:19px}
.modal-body{overflow:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px 22px 24px;font-size:15.5px;line-height:1.6;color:var(--body)}
.modal-body p{margin-bottom:12px}
.modal-body ol,.modal-body ul{margin:0 0 12px;padding-left:20px;display:grid;gap:6px}
.modal-body h4{font-size:15px;margin:14px 0 6px;color:var(--char)}
.co-item{display:flex;gap:12px;align-items:center;margin-top:14px}
.co-item img{width:56px;aspect-ratio:4/5;object-fit:contain;padding:3px;border-radius:8px;background:var(--stone)}
.co-item strong{display:block;color:var(--char);font-size:15px}
.co-item span{font-size:13.5px}
.co-lines{display:grid;gap:8px;margin:12px 0;font-size:15px}
.co-lines div{display:flex;justify-content:space-between}
.co-lines .tot{font-weight:600;border-top:1px solid var(--line);padding-top:10px}
.co-note{background:var(--tint);border:1px solid var(--tint-line);border-radius:10px;padding:12px 14px;font-size:14px}
.lb{position:fixed;inset:0;z-index:80;background:rgba(20,22,21,.94);display:grid;place-items:center}
.lb img{max-width:92%;max-height:86%;object-fit:contain;border-radius:8px;background:#fff}
.lb .g-arrow{position:absolute}
.lb-x{position:absolute;top:14px;right:14px;color:#fff;z-index:2}
.lb-x:hover{background:rgba(255,255,255,.15)}
.lb-count{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#fff;font-size:13px}
.toast{position:fixed;left:16px;bottom:16px;z-index:50;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 10px 10px 14px;display:flex;align-items:center;gap:10px;font-size:13.5px;line-height:1.35;box-shadow:0 12px 32px rgba(0,0,0,.14);max-width:330px;animation:toastin .35s ease}
.toast .ic{width:20px;height:20px}
.toast .icobtn{width:30px;height:30px}
.toast .icobtn .ic{width:14px;height:14px}

/* press band (homepage, Froya style) */
.press-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:52px 0;text-align:center}
.press-band .kicker{justify-content:center}
.pb-head{font-family:var(--font-display);font-weight:500;font-size:30px;line-height:1.2;letter-spacing:-.01em;color:var(--char);max-width:760px;margin:0 auto 26px;text-wrap:balance}
.pb-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.pb-item{margin:0;display:grid;gap:8px;justify-items:center;padding:14px 10px;border-radius:12px;background:var(--ivory);border:1px solid var(--line)}
.pb-item .pslot{min-width:0;width:100%}
.pb-item figcaption{font-size:13px;color:var(--muted);line-height:1.4;font-style:italic}

/* comparison table (dark Emberlane column) */
.cmp{max-width:900px;margin:0 auto;display:grid;font-size:15px}
.cmp-row{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));align-items:stretch}
.cmp-f{padding:16px 16px 16px 0;display:flex;align-items:center;font-weight:500;color:var(--char);border-bottom:1px solid var(--line);line-height:1.35}
.cmp-c{display:grid;place-items:center;padding:14px 8px;border-bottom:1px solid var(--line);text-align:center}
.cmp-head .cmp-f,.cmp-head .cmp-c{border-bottom:0}
.cmp-head .cmp-c{align-content:end;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted);padding-bottom:16px}
.cmp-us{background:var(--char);color:var(--ivory);border-bottom-color:#3a3f3c!important}
.cmp-head .cmp-us{border-radius:16px 16px 0 0;color:var(--ivory);padding-top:14px;font-family:var(--font-display);font-weight:500;font-size:18px}
.cmp-head .cmp-us img{width:56px;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.cmp-row.last .cmp-us{border-radius:0 0 16px 16px}
.cmp-row.last .cmp-f,.cmp-row.last .cmp-c{border-bottom:0}
.cm-y,.cm-n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.cm-y{background:var(--ember)}
.cm-y .ic{width:16px;height:16px;color:#fff;stroke-width:2.5}
.cm-n{background:#D9D4CB}
.cm-n .ic{width:14px;height:14px;color:#7a7e7b;stroke-width:2.5}
.cm-t{font-size:13.5px;color:var(--muted);font-weight:500}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* repeated buy button */
.cta-rep{display:grid;justify-items:center;gap:10px;margin-top:36px}
.cta-rep .btn{min-width:320px}
.cta-g{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--muted)}
.cta-g .ic{width:16px;height:16px;color:var(--ember)}

/* Goda-style demo checkout */
.co{position:fixed;inset:0;z-index:65;background:#fff;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.device:not(.phone) .co{top:var(--mockh,40px)}
.co-page{min-height:100%;display:flex;flex-direction:column}
.co-hdr{border-bottom:1px solid var(--line);background:var(--ivory)}
.co-hdr-in{max-width:1100px;margin:0 auto;padding:14px 28px 6px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.co-back{justify-self:start;display:inline-flex;align-items:center;gap:4px;background:none;border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:500;color:var(--char);padding:6px 4px}
.co-back .ic{width:18px;height:18px}
.co-brand{display:grid;justify-items:center;gap:6px}
.co .co-logo{height:28px;width:auto;max-width:none}
.co-proof{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--body)}
.co-proof strong{color:var(--char)}
.co-trust{max-width:1100px;margin:0 auto;padding:6px 28px 12px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:12.5px;font-weight:500;color:var(--body);flex-wrap:wrap}
.co-trust span{display:inline-flex;align-items:center;gap:5px}
.co-trust .ic{width:15px;height:15px;color:var(--ember)}
.co-trust i{color:var(--line);font-style:normal}
.co-res{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--tint);border-bottom:1px solid var(--tint-line);color:var(--char);font-size:14.5px;padding:11px 16px;text-align:center}
.co-res .ic{width:18px;height:18px;color:var(--ember)}
.co-res strong{color:var(--ember-btn);font-variant-numeric:tabular-nums;font-weight:700}
.co-grid{flex:1;display:grid;grid-template-columns:58fr 42fr;max-width:1100px;width:100%;margin:0 auto}
.co-main{padding:28px 40px 48px 28px;border-right:1px solid var(--line);min-width:0}
.co-sum{background:#FAF8F4;padding:28px 28px 48px 36px;min-width:0}
.co-sum-t{display:none}
.co-sum-b{display:grid;gap:16px;position:sticky;top:20px}
.co-lab{font-size:13px;color:var(--muted);text-align:center;margin-bottom:10px}
.co-xbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.co-xbtns .xbtn{height:46px}
.co-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12.5px;margin:20px 0 6px}
.co-or::before,.co-or::after{content:"";flex:1;height:1px;background:var(--line)}
.co-form h3{font-size:19px;font-weight:600;margin:22px 0 10px;font-family:Inter,system-ui,sans-serif}
.co-in{width:100%;height:48px;border:1px solid #d9d6d0;border-radius:8px;padding:0 13px;font:inherit;font-size:15px;color:var(--char);background:#fff;margin-bottom:10px}
.co-in:focus{outline:2px solid var(--ember);outline-offset:0;border-color:var(--ember)}
.co-in:disabled{background:#F6F4F0;color:#9a9d9a;cursor:not-allowed}
.co-sel{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23242826' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center/16px;padding-right:30px}
.co-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.co-3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}
.co-fixed{display:flex;flex-direction:column;border:1px solid #d9d6d0;border-radius:8px;padding:7px 13px;margin-bottom:10px;background:#FAF8F4}
.co-fixed span{font-size:12px;color:var(--muted)}
.co-fixed strong{font-size:15px;font-weight:500}
.co-ship{display:flex;align-items:center;gap:12px;border:1.5px solid var(--char);background:var(--tint);border-radius:10px;padding:14px;cursor:pointer}
.co-ship input{accent-color:var(--ember-btn);width:18px;height:18px;flex:0 0 auto}
.co-ship span{display:grid;gap:2px;flex:1;min-width:0}
.co-ship strong{font-size:15px}
.co-ship small{font-size:13px;color:var(--muted)}
.co-ship b{font-size:14px;color:#2f6a3f}
.co-sm{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin:-4px 0 10px}
.co-sm .ic{width:14px;height:14px}
.co-card{border:1px solid #d9d6d0;border-radius:10px;overflow:hidden;margin-bottom:18px}
.co-card-h{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--tint);border-bottom:1px solid #d9d6d0;font-weight:600;font-size:14.5px}
.co-card-h .ic{width:18px;height:18px}
.co-card-b{padding:14px 14px 4px;background:#FAF8F4}
.co-demo{font-size:12.5px;color:var(--muted);margin:0 0 10px}
.co-pay{height:60px;font-size:18px}
.co-lock{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--muted);margin-top:10px}
.co-lock .ic{width:14px;height:14px}
.co-li{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center}
.co-th{position:relative;width:64px;height:64px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}
.co .co-th img{max-height:56px;width:auto;height:auto}
.co-q{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;border-radius:11px;background:#6b6f6c;color:#fff;font-size:12px;font-weight:600;display:grid;place-items:center;padding:0 6px}
.co-lt strong{display:block;font-size:14.5px;font-weight:600;line-height:1.3}
.co-lt span{font-size:13px;color:var(--muted)}
.co-lp{font-weight:600;font-size:14.5px;font-variant-numeric:tabular-nums}
.co-tot{display:grid;gap:8px;font-size:14.5px;border-top:1px solid var(--line);padding-top:14px}
.co-tot>div{display:flex;justify-content:space-between}
.co-tot .good{color:#2f6a3f;font-weight:600}
.co-tot .big{font-size:19px;font-weight:700;align-items:baseline}
.co-tot .big small{font-size:12px;color:var(--muted);font-weight:500;margin-right:4px}
.co-join{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--char);background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.co-join .ic{width:18px;height:18px;color:var(--ember)}
.co-guar{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}
.co-guar img{width:64px;height:auto;flex:0 0 auto}
.co-guar strong{display:block;font-size:15px;margin-bottom:2px}
.co-guar p{font-size:13px;color:var(--body);line-height:1.45}
.co-blocks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.co-blocks li{display:grid;justify-items:center;gap:6px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 6px;font-size:12.5px;font-weight:500;line-height:1.3}
.co-blocks .ic{width:22px;height:22px;color:var(--ember)}
.co-revs{display:grid;gap:10px}
.co-revs .rev{padding:14px}
.co-revs .rev p{font-size:13.5px}
.co-open{overflow:hidden}

/* animations */
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes shine{0%,70%{left:-70%}100%{left:130%}}
@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes toastin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes reveal{from{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}
/* (old CSS-only scroll reveal removed 2026-10-27: it only ran in Chrome and Safari 26+; the JS reveal below runs everywhere) */
}
@media (hover:hover){
  .tile:hover,.fcard:hover,.use:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(36,40,38,.08)}
  .use:hover img,.lr-ph:hover img{transform:scale(1.03)}
  .g-thumbs button:hover img{transform:scale(1.06)}
}
.fcard,.use{transition:transform .2s ease,box-shadow .2s ease}
@media (prefers-reduced-motion:reduce){.marq-track,.btn-primary::after,.orbit-ok .btn-orbit::before,.vdot,.modal-card,.toast{animation:none}.sbar,.drawer,.faq-a{transition:none}.sec-head,.fcard,.use,.tile,.lr,.set,.op,.zc,.rev,.two-ph,.two-copy,.guar-badge,.guar-copy,.featured-ph,.featured-copy,.ugc-card,.fit-ill,.rev-sum{animation:none}}
@media (hover:none){.btn-primary:hover{transform:none}}

/* ===== phone layout (container query, also applies on real phones) ===== */
@container site (max-width:640px){
  .wrap{padding:0 16px}
  .sec{padding:48px 0}
  .sec-tight{padding:4px 0 30px}
  .sec-head{margin-bottom:22px}
  .site{line-height:1.6}
  .site h2{font-size:28px}
  .swipe>*,.tiles-5>*,.ugc-card{animation:none}
  .hero-copy::before{display:none}
  .hero-ph{box-shadow:none}
  .turn h3{font-size:27px}
  .lr-copy h3{font-size:26px}
  .sec-sub{font-size:15.5px;margin-top:10px}
  .kicker{margin-bottom:8px}
  .ann{height:30px;font-size:12.5px}
  .ribbon{height:44px}
  .ribbon-dark{font-size:14px}
  .ribbon-stone{font-size:13px}
  .hdr-in{height:56px;gap:6px}
  .menu-btn{display:grid}
  .nav,.hdr-cta{display:none}
  .logo{margin-right:auto}
  .logo img{height:22px}
  section{scroll-margin-top:66px}
  /* hero stage */
  .hero{padding:0}
  .hero-grid{display:block;position:relative;min-height:560px;isolation:isolate}
  .hero-ph{position:absolute;inset:0;border-radius:0;aspect-ratio:auto;z-index:0}
  .hero-ph .desk{display:none}
  .hero-ph .mob{display:block}
  .hero-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,22,21,0) 34%,rgba(20,22,21,.72) 72%,rgba(20,22,21,.86) 100%)}
  .hero-copy{position:relative;z-index:1;padding:268px 16px 22px;color:#fff}
  .hero-copy .eyebrow,.hero-copy .lead:not(.lead-m),.hero-note{display:none}
  .hero-copy h1{font-size:40px;line-height:1.04;color:#fff;margin:0 0 10px}
  .lead-m{display:block;color:#ece9e2;font-size:15.5px;line-height:1.45;margin-bottom:16px;max-width:none}
  .hero-copy .lead-m{margin-bottom:20px}
  .hero-cta{flex-direction:column;gap:8px;margin-bottom:12px}
  .hero-cta .btn-primary{width:100%}
  .hero-cta .btn-ghost{height:auto;border:0;color:#fff;text-decoration:underline;text-underline-offset:3px;font-size:14.5px;padding:4px 0}
  .hero-copy .rating-line{color:#fff;font-size:13.5px}
  /* swipe rows */
  .swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 8px;scroll-padding-inline:16px;scrollbar-width:none;align-items:flex-start}
  .swipe::-webkit-scrollbar{display:none}
  .swipe>*{flex:0 0 76%;scroll-snap-align:start}
  .tiles-5{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;overflow:visible}
  .tiles-5>*:nth-child(5){grid-column:1 / -1}
  .tiles-5 .tile{flex-direction:column;align-items:flex-start;gap:8px;padding:12px;height:auto}
  .tiles-5 .tile .pk-ic{width:36px;height:36px}
  .tiles-5 .tile .pk-ic .ic{width:19px;height:19px}
  .tiles-5 .tile strong{font-size:14.5px}
  .tiles-5 .tile small{font-size:12.5px}
  #home-benefits{padding:16px 0 34px}
  .ugc-row>*{flex:0 0 62%}
  .revs-4>*{flex:0 0 84%}
  .cards3{grid-template-columns:1fr}
  .turn{padding:26px 20px;border-radius:14px}
  .turn h3{font-size:24px}
  .turn p{font-size:15.5px}
  .featured{grid-template-columns:1fr;gap:16px}
  #home-featured{padding-top:28px}
  .featured-ph{aspect-ratio:auto;padding:8px 0 4px}
  .featured-ph img{height:auto;width:auto;max-height:300px;max-width:100%}
  .featured-copy h2{font-size:24px}
  .heat-grid,.zones-wide,.two,.fitx-page,.rev-wrap{grid-template-columns:1fr;gap:20px}
  .fit-ill{position:static;padding:14px;gap:12px}
  .fit-ill-ph{aspect-ratio:auto;height:340px}
  .fit-leg{gap:8px}.fit-leg li{font-size:12px;flex-direction:column;gap:6px}
  .fit-helper{padding:18px}
  .fh-in{max-width:none}
  .fh-go{flex:1 1 100%}
  .sz-wrap{overflow-x:auto}
  .sz-table{font-size:13.5px}
  .sz-table th,.sz-table td{padding:10px 6px}
  .sz-table thead th:first-child,.sz-table tbody th{padding-left:12px}
  .fit-how{grid-template-columns:1fr;gap:8px}
  .fit-how li{padding:12px}
  .fitx-modal .fitm-top{grid-template-columns:1fr}
  .fitx-modal .fitm-ill{display:none}
  .zones-box{padding:14px}
  .zleg{grid-template-columns:1fr 1fr;justify-content:start}
  .settings-3,.operate{grid-template-columns:1fr}
  .guar{grid-template-columns:1fr;text-align:center;gap:18px}
  .guar-badge{width:150px;margin:0 auto}
  .guar-pts{justify-content:center}
  .guar-copy>p{margin:0 auto}
  .rev-sum{position:static;padding:18px}
  .rev-grid{grid-template-columns:1fr}
  .rev-grid:not(.open) .rev:nth-child(n+4){display:none}
  #revMore{display:inline-flex}
  .faq-q{font-size:16px;padding:15px 0}
  .faq-a p{font-size:15px;padding-right:30px}
  .final{padding:40px 0}
  .final-in{flex-direction:column;align-items:stretch}
  .final .btn{width:100%}
  .strip-ctl{flex-direction:column;align-items:stretch}
  .strip-ctl .select{width:100%}
  .strip-ctl .err{text-align:left}
  .ftr{padding:40px 0 24px}
  .ftr-in{grid-template-columns:1fr 1fr;gap:24px}
  .ftr-brand,.ftr-news{grid-column:1 / -1}
  .ftr-bot{flex-direction:column;align-items:flex-start}
  /* pdp */
  .pdp{display:flex;flex-direction:column;gap:12px;padding-top:12px;padding-bottom:36px}
  .buy-head-m{display:block}
  .buy-head-d{display:none}
  .buy-head-m .t-m{font-family:var(--font-display);font-weight:500;font-size:26px;line-height:1.12;margin-top:4px;letter-spacing:-.01em;text-wrap:balance}
  .buy-head-m .price-m{margin-top:6px;gap:8px}
  .buy-head-m .price-m .price{font-size:28px;font-weight:700}
  .buy>.price-row{display:none}
  .gallery{position:static}
  .pdp>.gallery{max-width:none;width:calc(100% + 32px);margin:0 -16px;align-self:flex-start}
  .g-main{aspect-ratio:4/5;border-radius:0;border:0}
  .g-arrow{width:36px;height:36px}
  .g-thumbs{gap:6px;margin-top:8px;padding:0 16px}
  .g-thumbs button{flex-basis:44px;border-radius:6px}
  .buy{gap:12px}
  .buy>*{min-width:0}
  .price-row{order:0}
  .buy-sub{order:1;font-size:15.5px}
  .perks-row{order:2}
  .field.size{order:3}
  .viewers{order:4}
  .qty-row{order:5}
  .eta{order:6;font-size:13px;gap:6px}
  .eta strong{white-space:nowrap}
  .eta-sub{order:7}
  .xpay{order:8}
  .xrow{order:9}
  .urgency{order:11}
  .buy-acc{order:12}
  .price{font-size:28px;font-weight:700}
  .g-dots{display:flex}
  .g-count{display:none}
  .press-strip{margin:12px 16px 0;padding:8px 10px;gap:10px}
  .pslot{min-width:118px;height:34px;font-size:12px}
  .pslot-serif{font-size:13.5px}
  .press-band{padding:36px 0}
  .pb-head{font-size:23px}
  .site .pb-head{margin-bottom:18px}
  .pb-row>*{flex:0 0 42%}
  .cmp{font-size:13px}
  .cmp-row{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr))}
  .cmp-f{padding:12px 8px 12px 0}
  .cmp-c{padding:10px 3px}
  .cmp-head .cmp-c{font-size:12px;padding-bottom:12px;line-height:1.2}
  .cmp-head .cmp-c span{width:min-content}   /* one word per line so the three labels don't run together */
  .cmp-head .cmp-us{font-size:13px;border-radius:12px 12px 0 0}
  .cmp-head .cmp-us img{width:40px}
  .cmp-row.last .cmp-us{border-radius:0 0 12px 12px}
  .cm-y,.cm-n{width:24px;height:24px}
  .cm-y .ic{width:14px;height:14px}
  .cm-n .ic{width:12px;height:12px}
  .cm-t{font-size:11.5px}
  .cta-rep{margin-top:26px}
  .cta-rep .btn{min-width:0;width:100%}
  .co-hdr-in{padding:10px 12px 4px;grid-template-columns:auto 1fr auto}
  .co-back span{display:none}
  .co-sp{width:34px}
  .co .co-logo{height:22px}
  .co-proof{font-size:12px}
  .co-trust{padding:4px 12px 10px;gap:6px;font-size:11.5px}
  .co-trust .ic{width:13px;height:13px}
  .co-trust i{display:none}
  .co-trust{column-gap:12px;row-gap:4px}
  .co-res{font-size:13.5px;padding:10px 12px}
  .co-grid{grid-template-columns:1fr}
  .co-sum{order:-1;padding:0;background:#FAF8F4;border-bottom:1px solid var(--line)}
  .co-sum-t{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;background:none;border:0;font:inherit;font-size:14.5px;color:var(--ember-btn);cursor:pointer}
  .co-sum-t strong{color:var(--char);font-size:17px}
  .co-sum-tl{display:inline-flex;align-items:center;gap:7px}
  .co-sum-tl .ic{width:18px;height:18px}
  .co-sum-tl .chev{width:15px;height:15px;transition:transform .2s}
  .co-sum.open .co-sum-tl .chev{transform:rotate(180deg)}
  .co-sum-b{display:none;position:static;padding:4px 16px 20px}
  .co-sum.open .co-sum-b{display:grid}
  .co-main{padding:20px 16px 40px;border-right:0}
  .co-xbtns{grid-template-columns:1fr}
  .co-3{grid-template-columns:1fr 1fr}
  .co-3 .co-in:first-child{grid-column:1 / -1}
  .co-blocks li{font-size:11.5px}
  .perks-row{gap:6px}
  .perks-row li{padding:10px 4px 9px;gap:6px}
  .perks-row .pk-ic{width:34px;height:34px}
  .perks-row .pk-ic .ic{width:18px;height:18px}
  .perks-row strong{font-size:12.5px}
  .perks-row small{font-size:11px}
  .qty{width:112px}
  .qty button{width:36px}
  .btn-atc{font-size:16px;padding:0 16px}
  .lr{grid-template-columns:1fr;gap:16px}
  .lr:nth-child(even) .lr-ph{order:0}
  .lr-ph{max-width:100%}
  .lr-copy h3{font-size:23px}
  .lr-copy p{font-size:15.5px}
  .two-copy h2{font-size:25px}
  .sbar{display:flex}
  .toast{bottom:14px;left:12px;right:12px;max-width:none}
  .sbar-on .toast,.sbar-on ~ .toast{bottom:90px}
  .drawer{width:100%}
  .modal{padding:10px}
  .modal-card{border-radius:14px}
  .modal-body{padding:16px}
  .lb img{max-width:96%}
}

/* ===== round 5: frames, press band, icon size, card corners, gallery controls (swipe-library measurements, 2026-10-26) ===== */
/* 1. no frame on gallery or hero photo */
.g-main{border:0;border-radius:10px}
.hero-ph{box-shadow:none;border-radius:12px}
/* 2. bare press logos */
.press-strip{border:0;background:transparent;padding:4px 0;border-radius:0}
.pb-item{background:transparent;border:0;border-radius:0;padding:6px 4px;align-content:center;min-height:56px}
.plogo{display:block;width:auto;height:auto;max-height:34px;max-width:140px;object-fit:contain}
.press-strip .plogo{max-height:24px;max-width:112px}
.press-strip .mi{padding:0 22px}
.pb-row{align-items:center}
/* 3. bigger icons in 48px tinted circles */
.tile .pk-ic,.perks-row .pk-ic,.fcard .pk-ic{width:48px;height:48px;border-radius:50%;background:rgba(198,83,50,.10);border:0;color:var(--ember)}
.tile .pk-ic .ic,.perks-row .pk-ic .ic,.fcard .pk-ic .ic{width:28px;height:28px}
/* 4. card corners 8 to 10px (buttons and pills unchanged) */
.site{--r:10px}
.tile,.fcard,.use,.zones-box,.set,.op,.ugc-card,.rev,.rev-sum,.zc,.two-ph,.lr-ph,.fit-ill,.fit-helper,.sz-wrap,.fit-how li,.fitx-modal .fitm-ill,.dr-card,.dr-item,.co-guar,.perks-row li,.turn,.toast{border-radius:10px}
.zones-img,.set .lv{border-radius:8px}
.cmp-head .cmp-us{border-radius:10px 10px 0 0}
.cmp-row.last .cmp-us{border-radius:0 0 10px 10px}
/* 5. gallery arrows to the bottom corners, counter and zoom to the top (clears the seal column on slide 1) */
.g-main .g-arrow{top:auto;bottom:12px;transform:none}
.g-main .g-count{bottom:auto;top:12px}
.g-main .g-zoom{bottom:auto;top:12px}
@container site (max-width:640px){
  .g-main{border-radius:0}
  .press-strip{margin:12px 16px 0;padding:4px 0}
  .pb-row .plogo{max-height:28px;max-width:118px}
  .g-main .g-arrow{bottom:10px}
}

/* ===== round 6: section images, featured perks icons (2026-10-26) ===== */
/* A. featured card perk icons match the rest */
.perks .pk-ic,.perks .pk-ic.ember{width:48px;height:48px;border-radius:50%;background:rgba(198,83,50,.10);border:0;color:var(--ember)}
.perks .pk-ic .ic{width:28px;height:28px}
/* B2. guarantee packshot with the seal on its corner */
.guar{grid-template-columns:minmax(0,360px) 1fr}
.guar-ph{position:relative;width:100%;max-width:360px;justify-self:center}
.guar-pack{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:10px}
.guar-seal{position:absolute;top:-14px;left:-14px;width:96px;height:auto;filter:drop-shadow(0 6px 12px rgba(36,40,38,.22))}
/* B3. settings close-up beside the cards */
.set-wrap{display:grid;grid-template-columns:38fr 62fr;gap:24px;align-items:stretch}
.set-ph{border-radius:10px;overflow:hidden;background:var(--stone);min-height:100%}
.set-ph img{width:100%;height:100%;object-fit:cover;display:block}
.set-wrap .settings-3{grid-template-columns:1fr}
.set-wrap .settings-3 .set{flex-direction:row;align-items:center}
/* B3. battery inset */
.bat-ph{position:relative;padding:0 6% 6% 0}
.bat-inset{position:absolute;right:0;bottom:0;width:40%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;box-shadow:0 0 0 4px var(--ivory),0 14px 30px rgba(36,40,38,.2)}
.bat-inset img{width:100%;height:100%;object-fit:cover;display:block}
/* B3. fit details row */
.fit-det{border-top:1px solid var(--line);padding-top:14px}
.fit-det-lab{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.fit-det-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fit-det-row figure{margin:0;display:grid;gap:6px}
.fit-det-row img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;display:block}
.fit-det-row figcaption{font-size:13px;color:var(--char);font-weight:500}
/* B4. operate steps with photos */
.op{flex-direction:column;align-items:stretch;padding:12px;gap:12px}
.op-ph{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--stone)}
.op-ph img{width:100%;height:100%;object-fit:cover;display:block}
.op-body{display:flex;gap:12px;align-items:flex-start;padding:0 4px 4px}
/* B5. thermal card */
.thermal{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:32px;align-items:center;margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}
.thermal-img{width:100%;max-width:360px;aspect-ratio:1/1;object-fit:cover;border-radius:10px;display:block}
.thermal-copy h3{font-family:var(--font-display);font-weight:500;font-size:26px;line-height:1.15;margin:6px 0 10px}
.thermal-copy p{font-size:15.5px;color:var(--body);line-height:1.6}
/* B6. zone and setting thumbnails */
.zc{align-items:center;gap:14px}
.zc-th{width:64px;height:64px;border-radius:8px;object-fit:cover;flex:0 0 auto;display:block}
.zc div{margin-left:0}
.zc-t{display:flex;align-items:center;gap:6px;margin:0}
.zc-t .zn+.zn{margin-left:-2px}
.zc-t strong{margin-left:4px}
.set .lv.lv-ph{width:64px;height:64px;border-radius:8px;overflow:hidden;background:var(--stone);padding:0}
.lv-ph img{width:100%;height:100%;object-fit:cover;display:block}
.set h3 .lvl{width:18px;height:18px;flex:0 0 auto}
/* B7. customer photos */
.av.av-ph{overflow:hidden;width:44px;height:44px;padding:0}
.av-ph img{width:100%;height:100%;object-fit:cover;display:block}
.cust-strip{margin:0 0 22px}
.cs-lab{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.cs-row{display:flex;gap:8px;flex-wrap:wrap}
.cs-ph{width:88px;height:88px;padding:0;border:0;border-radius:8px;overflow:hidden;cursor:zoom-in;background:var(--stone);flex:0 0 auto}
.cs-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
@media (hover:hover){.cs-ph:hover img{transform:scale(1.05)}}
@container site (max-width:640px){
  .guar{grid-template-columns:1fr}
  .guar-ph{max-width:300px;margin:8px auto 0}
  .guar-seal{width:76px;top:-10px;left:-10px}
  .set-wrap{grid-template-columns:1fr;gap:14px}
  .set-ph{max-height:320px;min-height:0;aspect-ratio:1/1}
  .bat-ph{display:grid;grid-template-columns:60fr 40fr;gap:10px;padding:0;align-items:end}
  .bat-inset{position:static;width:100%;box-shadow:none}
  .operate.swipe-m{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:22px -16px 0;padding:0 16px 8px;scroll-padding-inline:16px;scrollbar-width:none}
  .operate.swipe-m::-webkit-scrollbar{display:none}
  .operate.swipe-m .op{flex:0 0 78%;scroll-snap-align:start}
  .thermal{grid-template-columns:1fr;gap:16px;padding:14px}
  .thermal-img{max-width:none}
  .thermal-copy h3{font-size:22px}
  .zc-th{width:56px;height:56px}
  .set .lv.lv-ph{width:56px;height:56px}
  .cs-row{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scroll-padding-inline:16px;scrollbar-width:none}
  .cs-row::-webkit-scrollbar{display:none}
  .cs-ph{width:72px;height:72px}
}

/* ===== round 7: ember accents, deep bands, buy box checks, proof row, 16px body (2026-10-26) ===== */
.site{--ember-tint:#E38A66;--band-dark:#242826;--band-ember:#4A2418}
/* 1. ember accents */
.save{background:var(--ember-btn);color:#fff;border:0;font-size:12px;font-weight:700;padding:4px 9px;border-radius:6px}
.eta .ic,.xrow .ic,.hero-note .ic,.plain.icons .ic,.guar-pts .ic,.cta-g .ic{color:var(--ember)}
.ribbon-stone .ic{color:var(--ember)}
.ribbon-light{background:#FBF8F3;color:var(--char);font-size:15px;font-weight:600;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ribbon-light .ic{color:var(--ember)}
.rev-sum .big{color:var(--ember);font-family:var(--font-display);font-weight:500}
.site h1 em,.site h2 em{font-style:normal;color:var(--ember)}
/* 2. deep full-width bands */
.band{color:var(--ivory)}
.band-dark{background:var(--band-dark)}
.band-ember{background:var(--band-ember)}
.band h2,.band h3,.band h4,.band strong{color:var(--ivory)}
.band h2 em,.band h3 em{color:var(--ember-tint)}
.band .kicker,.band p.kicker,.band .guar-copy>p.kicker,.band .thermal-copy p.kicker{color:var(--ember-tint)}
.band .kicker::before{background:var(--ember-tint)}
.band .sec-sub,.band p{color:rgba(247,244,238,.78)}
.band .btn-ghost{background:transparent;border:1.5px solid var(--ivory);color:var(--ivory)}
.band .btn-ghost:hover{background:rgba(255,255,255,.08)}
.band .link{color:var(--ivory)}
.band .cta-g{color:rgba(247,244,238,.78)}
.band .cta-g .ic{color:var(--ember-tint)}
.band .zones-box,.band .zc,.band .thermal,.band .set{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.band .zones-img{border-radius:10px;background:#FAF5EC}
.band .zleg li{color:var(--ivory)}
.band .zc p,.band .set p,.band .thermal-copy p{color:rgba(247,244,238,.78)}
.band .set h3 em{color:rgba(247,244,238,.6)}
.band .set .lv{background:rgba(255,255,255,.1)}
.band .guar-copy>p{color:rgba(247,244,238,.84)}
.band .guar-pts span{color:var(--ivory)}
.band .guar-pts .ic{color:var(--ember-tint)}
.band .cmp{background:var(--ivory);border-radius:10px;padding:18px 22px 8px;color:var(--char);max-width:940px}
.band .cmp strong,.band .cmp h4{color:var(--char)}
.band .cmp-head .cmp-us{border-top:3px solid var(--ember)}
.band .cmp-head .cmp-us span,.band .cmp-us strong{color:var(--ivory)}
/* stats band */
.stats-band{padding:64px 0}
.stats-band .kicker{display:flex;justify-content:center;margin:0 0 22px}
.stats4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;text-align:center}
.stats4 .st{display:grid;gap:10px;justify-items:center;align-content:start;padding:0 8px;border-left:1px solid rgba(255,255,255,.14)}
.stats4 .st:first-child{border-left:0}
.stats4 b{font-family:var(--font-display);font-weight:500;font-size:64px;line-height:1;color:var(--ember);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.stats4 b small{font-size:.4em;margin-left:5px;color:var(--ember);letter-spacing:0}
.stats4 span{font-size:15px;font-weight:500;color:var(--ivory)}
/* 3. buy box check bullets */
.checks{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:10px}
.checks li{display:flex;gap:12px;align-items:flex-start}
.checks .ck{width:22px;height:22px;border-radius:50%;background:var(--ember);display:grid;place-items:center;flex:0 0 auto;margin-top:1px}
.checks .ck .ic{width:13px;height:13px;color:#fff;stroke-width:3}
.checks strong{display:block;font-size:16px;font-weight:600;line-height:1.35;color:var(--char)}
.checks small{display:block;font-size:13.5px;color:var(--muted);line-height:1.35;margin-top:1px}
/* 4. social proof row above the title */
.rating-line.proof-row{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--char);font-size:inherit}
.pf-faces{display:inline-flex;flex:0 0 auto}
.pf-faces img{width:30px;height:30px;border-radius:50%;border:2px solid var(--ivory);object-fit:cover;margin-left:-8px;background:var(--stone)}
.pf-faces img:first-child{margin-left:0}
.pf-main{display:flex;flex-direction:column;gap:2px;line-height:1.2;min-width:0}
.pf-top{display:inline-flex;align-items:center;gap:7px}
.pf-score{font-size:14px;font-weight:700}
.pf-line{font-size:16px;font-weight:600}
/* 5. body text 16px */
.fcard p,.use p,.set p,.op p,.rev p,.zc p,.acc-body,.lr-copy p,.thermal-copy p,.fit-note,.fh-note,.fit-how li,.two-copy>p:not(.small),.plain.icons li,.assure li,.faq-a p,.modal-body{font-size:16px;line-height:1.6}
@container site (max-width:640px){
  .checks{order:2}
  .sec-sub,.turn p,.lead-m,.buy-sub,.lr-copy p{font-size:16px}
  .hero h1 em{color:var(--ember-tint)}
  .stats-band{padding:44px 0}
  .stats4{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
  .stats4 .st{border-left:0}
  .stats4 .st:nth-child(even){border-left:1px solid rgba(255,255,255,.14)}
  .stats4 b{font-size:44px}
  .stats4 span{font-size:14px}
  .band .cmp{padding:12px 10px 4px}
  .pf-faces img{width:26px;height:26px}
  .rating-line.proof-row{gap:10px}
  .pf-line{font-size:15px}
  .pf-score{font-size:13px}
}

/* ===== round 8: square gallery, swipe cue under the image, press strip below the buy box on phones (2026-10-26) ===== */
.g-main{aspect-ratio:1/1}
.g-slide img{object-fit:cover}
.g-main .g-count{display:none}
.g-nav{display:flex;align-items:center;gap:8px;margin-top:10px;min-width:0}
.g-nav .g-arrow,.g-nav .g-zoom{position:static;transform:none;flex:0 0 auto;width:36px;height:36px;box-shadow:none}
.g-nav .g-arrow .ic{width:18px;height:18px}
.g-nav .g-thumbs{flex:1;min-width:0;margin-top:0}
.g-thumbs button{aspect-ratio:1/1}
.g-dots{display:none;position:static;justify-content:center;align-items:center;gap:8px;pointer-events:none}
.g-dots i{width:7px;height:7px}
.ps-m{display:none}
@container site (max-width:640px){
  .pdp>.gallery{width:100%;margin:0;align-self:stretch}
  .g-main{aspect-ratio:1/1;border-radius:10px}
  .g-nav{flex-wrap:wrap;gap:8px 6px;margin-top:4px}
  .g-nav .g-arrow{width:28px;height:28px;order:1}
  .g-nav .g-arrow .ic{width:16px;height:16px}
  .g-nav .g-arrow.next{order:3}
  .g-dots{display:flex;flex:1;order:2;height:28px}
  .g-nav .g-zoom{display:none}
  .g-nav .g-thumbs{order:4;flex:0 0 100%;padding:0}
  .g-thumbs button{flex-basis:44px}
  .ps-d{display:none}
  .ps-m{display:flex;margin:0;padding:4px 0}
  .buy-sub{order:1}
  .checks{order:2}
  .field.size{order:4}
  .viewers{order:5}
  .qty-row{order:6}
  .eta{order:7}
  .eta-sub{order:8}
  .xpay{order:9}
  .xrow{order:10}
  .ps-m{order:11}
  .urgency{order:12}
  .buy-acc{order:13}
}

/* ===== round 9: phone gallery first (proof row, title and price under the swipe cue), no color row, no seal in the press strip (2026-10-26) ===== */
@container site (max-width:640px){
  .pdp{gap:8px;padding-top:10px}
  .pdp>.buy-head-m{display:block;margin-top:0}
  .buy-head-m .rating-line{margin:0}
  .buy-head-m .t-m{font-size:25px;line-height:1.1;margin-top:4px}
  .buy-head-m .price-m{margin-top:4px}
  .g-nav .g-thumbs{display:none}
}

/* ===== audit round (peer "Round 9"): tighter section spacing ===== */
.sec{padding:64px 0}
@container site (max-width:640px){ .sec{padding:44px 0} }

/* ===== audit round (peer "Round 9"), part 2: more ember area. Tagline ribbons + final CTA go ember-brown;
   home-heat and zones stay charcoal for contrast ===== */
.ribbon-dark{background:var(--band-ember)}
.ribbon-dark .ic{color:var(--ember-tint)}
.ribbon-dark .mi::after{background:rgba(247,244,238,.35)}
.final{background:var(--band-ember)}
.final p{color:#E9D9CF}
/* footer goes ember-brown too (largest charcoal area left on both pages) */
.ftr{background:var(--band-ember);color:#E9D9CF;border-top-color:#5E3324}
.ftr-col a{color:#E9D9CF}
.ftr-bot{border-top-color:#64382A}
.ftr-news .small,.ftr-bot .small{color:#C9AFA2}
.news input{background:#3B1C12;border-color:#6E4232}

/* ===== round 12 (peer "Round 10"): battery hours, installments line, warm-up timeline ===== */
/* stats band: battery stat first; five columns on desktop, battery spans the full row on phones */
.stats4.stats5{grid-template-columns:repeat(5,minmax(0,1fr))}
.stats4 em{font-style:normal;font-size:13px;line-height:1.35;color:rgba(247,244,238,.72);max-width:200px}
/* settings rows: each level shows its own hours */
.set .hrs{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:600;color:var(--ember-btn)}
.set .hrs .ic{width:18px;height:18px;flex:0 0 auto}
.band .set .hrs{color:var(--ember-tint)}
/* installments: small and gray, right above the express buttons */
.installments{margin:0;text-align:center;font-size:13px;color:var(--muted)}
.installments strong{font-weight:600;color:var(--body)}
/* warm-up timeline: horizontal step row on desktop, vertical on phones, ember markers on a connecting line */
.tl{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.tl li{position:relative;display:grid;gap:6px;align-content:start;justify-items:center;text-align:center;min-width:0}
.tl li::before{content:"";position:absolute;top:21px;left:calc(50% + 30px);width:calc(100% - 60px + 18px);height:2px;background:var(--ember-tint)}
.tl li:last-child::before{display:none}
.tl .mk{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:var(--ember-btn);color:#fff;display:grid;place-items:center;font-weight:600;font-size:16px;box-shadow:0 0 0 6px var(--tint)}
.tl .tg{margin-top:10px;font-size:14px;font-weight:600;color:var(--ember-btn);white-space:nowrap}
.tl strong{font-size:16px;line-height:1.3;color:var(--char);text-wrap:balance}
.tl p{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}
@container site (max-width:640px){
  .installments{order:9}
  .stats4.stats5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats4.stats5 .st-rt{grid-column:1 / -1;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.14)}
  .stats4.stats5 .st:nth-child(even){border-left:0}
  .stats4.stats5 .st:nth-child(odd):not(.st-rt){border-left:1px solid rgba(255,255,255,.14)}
  .tl{grid-template-columns:1fr;gap:0;max-width:520px}
  .tl li{grid-template-columns:44px minmax(0,1fr);column-gap:16px;row-gap:2px;justify-items:start;text-align:left;padding-bottom:22px}
  .tl li:last-child{padding-bottom:0}
  .tl .mk{grid-row:1 / span 3}
  .tl .tg,.tl strong,.tl p{grid-column:2}
  .tl .tg{margin-top:0}
  .tl li::before{top:50px;left:21px;width:2px;height:calc(100% - 56px)}
}

/* Guarantee "Read the full policy": small underlined text link, no box (user 2026-10-27) */
.policy-link{background:none;border:0;padding:4px 0;margin-top:4px;font:inherit;font-size:14px;font-weight:500;color:var(--char);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}
.policy-link:hover{text-decoration-thickness:2px}
.band .policy-link{color:var(--ivory)}

/* Battery hours as bars in the stats band (user 2026-10-27: "could be better visually") */
.stats4.stats5{grid-template-columns:repeat(6,minmax(0,1fr))}
.stats4.stats5 .st-rt{grid-column:span 2}
.stats4 .rt-bars{list-style:none;margin:6px 0 0;padding:0;width:100%;max-width:300px;display:grid;gap:11px}
.stats4 .rt-bars li{display:grid;grid-template-columns:62px 1fr 46px;align-items:center;gap:12px}
.stats4 .rt-bars span{font-size:13.5px}
.stats4 .rt-bars .rt-l{text-align:left;font-weight:500;color:rgba(247,244,238,.86)}
.stats4 .rt-bars .rt-v{text-align:right;font-weight:600;color:var(--ember-tint);font-variant-numeric:tabular-nums;white-space:nowrap}
.stats4 .rt-bars .rt-track{display:block;height:10px;border-radius:99px;background:rgba(247,244,238,.13);overflow:hidden}
.stats4 .rt-bars .rt-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#C65332,#E38A66);transform-origin:left center;animation:rtGrow 1.1s cubic-bezier(.2,.7,.2,1) both}
.stats4 .rt-bars li:nth-child(2) i{animation-delay:.12s}
.stats4 .rt-bars li:nth-child(3) i{animation-delay:.24s}
@supports (animation-timeline:view()){.stats4 .rt-bars .rt-track i{animation-timeline:view();animation-range:entry 10% cover 35%;animation-delay:0s}}
@keyframes rtGrow{from{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.stats4 .rt-bars .rt-track i{animation:none}}
@container site (max-width:640px){
  .stats4.stats5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats4.stats5 .st-rt{grid-column:1 / -1}
  .stats4 .rt-bars{max-width:320px;gap:12px}
}

/* Proof row on ONE line: faces, stars, 4.9/5, Loved by 4,167 women (user 2026-10-27) */
.pf-main{flex-direction:row;align-items:center;gap:8px;white-space:nowrap}
.pf-top{gap:6px}
.pf-dot{color:var(--muted);font-weight:700}
.pf-line{font-size:15px}
@container site (max-width:640px){
  .rating-line.proof-row{gap:8px}
  .pf-faces img{width:24px;height:24px;margin-left:-8px;border-width:1.5px}
  .pf-main{gap:5px}
  .pf-top{gap:5px}
  .pf-top .stars{gap:1px}
  .pf-top .stars svg,.pf-top svg{width:12.5px;height:12.5px}
  .pf-score{font-size:13.5px}
  .pf-line{font-size:13.5px}
}

/* Goda-style buy box head: small product name, big serif outcome headline (user 2026-10-27) */
.buy-head-d h1.p-name,.buy-head-m h1.p-name{font-family:inherit;font-weight:500;font-size:16px;line-height:1.35;letter-spacing:0;color:var(--body);margin:10px 0 0}
.buy-head-d .p-hook{font-family:var(--font-display);font-weight:500;font-size:34px;line-height:1.12;letter-spacing:-.012em;color:var(--char);margin:4px 0 0;text-wrap:balance}
@container site (max-width:640px){
  .buy-head-m h1.p-name{font-size:14px;margin:6px 0 0}
  .buy-head-m .p-hook.t-m{margin-top:2px}
}

/* Buy box icons (user 2026-10-27): feature icons instead of plain checks, shield in the button, clock on the ship line */
.checks{gap:12px}
.checks li{align-items:center}
.checks .ck.ck-ic{width:36px;height:36px;margin-top:0;background:var(--ember)}
.checks .ck.ck-ic .ic{width:19px;height:19px;color:#fff;stroke-width:2}
.btn-atc2 .atc-g{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.btn-atc2 .atc-g .ic{width:13px;height:13px;color:currentColor;stroke-width:2.2}
.btn-lg[data-guar-btn]{padding:0 26px}
.sbar .btn-atc2{height:52px;gap:2px;padding:0 10px}
.sbar .btn-atc2 .atc-main{font-size:15.5px}
.sbar .btn-atc2 .atc-g{font-size:11px;gap:4px}
.sbar .btn-atc2 .atc-g .ic{width:11px;height:11px}
.eta-sub{display:flex;align-items:center;justify-content:center;gap:6px}
.eta-sub .ic{width:15px;height:15px;color:var(--ember);flex:0 0 auto}
@container site (max-width:640px){
  .checks .ck.ck-ic{width:32px;height:32px}
  .checks .ck.ck-ic .ic{width:17px;height:17px}
}

/* Homepage press band drifts slowly to the RIGHT, opposite the announcement bar and ribbons (user 2026-10-27) */
.pb-row.pb-moving{display:block;overflow:hidden;margin:0}
.pb-moving .marq{-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.pb-moving .marq-track{animation-duration:60s}
.marq-track.marq-rev{animation-direction:reverse}
.pb-moving .mi{padding:6px 40px}
.pb-moving .mi::after{display:none}
.pb-moving .plogo{max-height:34px;max-width:150px}
@container site (max-width:640px){
  .pb-row.pb-moving{margin:0 -16px}
  .pb-moving .marq-track{animation-duration:48s}
  .pb-moving .mi{padding:4px 26px}
  .pb-moving .plogo{max-height:26px;max-width:112px}
}

/* Phone tidy-up of three homepage blocks (user 2026-10-27: "is this the best we can do visually / spacing?") */
.tl-m{display:none}
.press-band{padding:40px 0}
@container site (max-width:640px){
  /* benefit tiles: one card, 3 + 2 centered icon grid with short labels (was 2x2 + a lone wide tile, 412 px) */
  .tiles-5{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 4px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 8px 16px}
  .tiles-5 .tile{grid-column:span 2;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
  .tiles-5 .tile:nth-child(4){grid-column:2 / span 2}
  .tiles-5 .tile:nth-child(5){grid-column:4 / span 2}
  .tiles-5 .tile:hover{transform:none;box-shadow:none}
  .tiles-5 .tile .pk-ic{width:44px;height:44px;background:var(--ember);color:#fff}
  .tiles-5 .tile .pk-ic .ic{width:22px;height:22px;color:#fff}
  .tiles-5 .tile strong{font-size:13.5px;line-height:1.25}
  .tiles-5 .tile small{display:none}
  .tiles-5 .tl-d{display:none}
  .tiles-5 .tl-m{display:inline}
  #home-benefits{padding:14px 0 30px}
  /* press band: half the air around one row of logos */
  .press-band{padding:24px 0 22px}
  .press-band .kicker{margin-bottom:12px}
  /* pain cards: icon beside the text instead of on top (was ~200 px per card) */
  .cards3{gap:12px}
  .cards3 .fcard{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:start;padding:18px}
  .cards3 .fcard .pk-ic{grid-row:1 / span 2;width:44px;height:44px;margin:0}
  .cards3 .fcard .pk-ic .ic{width:23px;height:23px}
  .cards3 .fcard h3{font-size:17px;line-height:1.3;margin:1px 0 4px}
  .cards3 .fcard p{line-height:1.5}
}

/* Desktop benefit tiles = the same one-card icon row as phones (user 2026-10-27): 5 centered columns with
   thin dividers, white icons on solid ember, short label + small line under it */
@container site (min-width:641px){
  .tiles-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 8px}
  .tiles-5 .tile{flex-direction:column;align-items:center;text-align:center;gap:10px;padding:2px 14px;background:transparent;border:0;border-radius:0;box-shadow:none}
  .tiles-5 .tile+.tile{border-left:1px solid var(--line)}
  .tiles-5 .tile:hover{transform:none;box-shadow:none}
  .tiles-5 .tile .pk-ic{width:48px;height:48px;background:var(--ember);color:#fff}
  .tiles-5 .tile .pk-ic .ic{width:24px;height:24px;color:#fff}
  .tiles-5 .tile strong{font-size:15px;line-height:1.3}
  .tiles-5 .tile small{font-size:13px;margin-top:3px}
  .tiles-5 .tl-d{display:none}
  .tiles-5 .tl-m{display:inline}
}

/* Benefit icon row: no card around it (user 2026-10-27: "is this box around it necessary?") - icons sit on the page */
.tiles-5{background:transparent;border:0;border-radius:0}
@container site (max-width:640px){
  .tiles-5{padding:8px 0 4px}
  #home-benefits{padding:22px 0 30px}
}
@container site (min-width:641px){
  .tiles-5{padding:8px 0}
  .tiles-5 .tile+.tile{border-left:0}
}
@container site (min-width:641px){
  #home-benefits{padding:4px 0 52px}
}

/* ===== Visual polish round (user 2026-10-27: "do all seven") ===== */

/* 1. Scroll reveal for every browser: JS adds .rv below the first screen, .in when it enters, then removes both */
.rv{opacity:0;transform:translateY(14px)}
.rv.in{opacity:1;transform:none;transition:opacity .55s ease-out var(--rv-d,0ms),transform .55s cubic-bezier(.2,.7,.2,1) var(--rv-d,0ms)}

/* 2a. Breathing heat: glow overlay (only the heat pads) pulses over the zone photos */
.glow-wrap{position:relative;display:block;border-radius:8px;overflow:hidden}
.glow-wrap .glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.15;animation:breathe 3.6s ease-in-out infinite}
.glow-thermal{width:100%;max-width:360px;border-radius:10px}
.glow-thermal .glow{animation-duration:4.2s}
@keyframes breathe{0%,100%{opacity:.08}50%{opacity:.7}}

/* 2b. Timeline: each step pops in and its line draws to the next one */
.tl li.tl-wait{opacity:0;transform:translateY(10px)}
.tl li.tl-wait .mk{transform:scale(.55)}
.tl li.tl-wait::before{transform:scaleX(0);transform-origin:left center}
.tl li.tl-wait.on{opacity:1;transform:none;transition:opacity .45s ease-out var(--rv-d,0ms),transform .45s ease-out var(--rv-d,0ms)}
.tl li.tl-wait.on .mk{transform:none;transition:transform .5s cubic-bezier(.3,1.6,.5,1) var(--rv-d,0ms)}
.tl li.tl-wait.on::before{transform:none;transition:transform .55s ease-out calc(var(--rv-d,0ms) + 220ms)}
@container site (max-width:640px){
  .tl li.tl-wait::before{transform:scaleY(0);transform-origin:center top}
}

/* 3. Purchase pop-up: one slim line; on phones it sits just under the header (JS sets top) */
.toast{padding:6px 6px 6px 12px;gap:8px;font-size:13px;border-radius:999px;max-width:380px;white-space:nowrap}
.toast p{overflow:hidden;text-overflow:ellipsis;min-width:0;margin:0}
.toast .ic{width:16px;height:16px;flex:0 0 auto}
.toast .icobtn{width:24px;height:24px;flex:0 0 auto}
.toast .icobtn .ic{width:12px;height:12px}

/* 4. Homepage product card = product page buy box style */
.featured-copy .p-name{font-size:15px;font-weight:500;color:var(--body);margin:12px 0 4px}
.featured-copy h2.p-hook{font-family:var(--font-display);font-weight:500;font-size:34px;line-height:1.12;letter-spacing:-.012em;margin:0 0 12px;text-wrap:balance}
.featured-copy .checks{margin:16px 0 18px}
.featured-copy .rating-line{margin-bottom:0}
@container site (max-width:640px){
  .featured-copy h2.p-hook{font-size:25px;line-height:1.1}
  .featured-copy .p-name{font-size:14px;margin-top:10px}
}

/* 5. Use cases: sideways swipe row of photo cards on phones, title over the photo (desktop keeps the rows) */
.lr-cap{display:none}
@container site (max-width:640px){
  .love{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 6px;scroll-padding-inline:16px;scrollbar-width:none;align-items:stretch}
  .love::-webkit-scrollbar{display:none}
  .love .lr{flex:0 0 82%;scroll-snap-align:start;display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
  .love .lr-ph{position:relative;border-radius:0;max-width:none;aspect-ratio:4/5}
  .love .lr-ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;background:linear-gradient(rgba(20,14,10,0),rgba(20,14,10,.78));pointer-events:none}
  .love .lr-cap{display:grid;gap:4px;position:absolute;left:16px;right:16px;bottom:14px;z-index:1;color:#fff}
  .love .lr-cap span{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#F3C9B4}
  .love .lr-cap b{font-family:var(--font-display);font-weight:500;font-size:22px;line-height:1.12;text-wrap:balance}
  .love .lr-copy .kicker,.love .lr-copy h3{display:none}
  .love .lr-copy{padding:12px 16px 16px}
  .love .lr-copy p{font-size:15px;line-height:1.5}
}

/* 6. FAQ topic chips */
.faq-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 18px}
.faq-chips .chip{font:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--char);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.faq-chips .chip[aria-pressed="true"]{background:var(--ember-btn);border-color:var(--ember-btn);color:#fff}
@container site (max-width:640px){
  .faq-chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:0 -16px 14px;padding:0 16px 2px;scrollbar-width:none}
  .faq-chips::-webkit-scrollbar{display:none}
  .faq-chips .chip{flex:0 0 auto;font-size:13.5px;padding:8px 14px}
}

/* 7. Footer: link groups fold away on phones (always open on desktop) */
.ftr-tog{all:unset;display:block;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}
.ftr-tog .ic{display:none}
@container site (max-width:640px){
  .ftr-in{grid-template-columns:1fr;gap:0}
  .ftr-brand{margin-bottom:16px}
  .ftr-col{border-top:1px solid #64382A}
  .ftr-col:last-of-type{border-bottom:1px solid #64382A}
  .ftr-col h4{margin:0}
  .ftr-tog{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;cursor:pointer}
  .ftr-tog .ic{display:block;width:16px;height:16px;transition:transform .25s}
  .ftr-col.open .ftr-tog .ic{transform:rotate(180deg)}
  .ftr-col a{display:none}
  .ftr-col.open a{display:block}
  .ftr-col.open{padding-bottom:10px}
  .ftr-news{margin-top:22px}
}

@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none}
  .glow-wrap .glow{animation:none;opacity:0}
  .tl li.tl-wait,.tl li.tl-wait .mk,.tl li.tl-wait::before{opacity:1;transform:none}
}

/* ===== Motion round 2 (peer audit, user-approved 2026-10-27) ===== */
/* phone pop-up: bottom, above the sticky bar (JS only shows it while the bar is up) */
@container site (max-width:640px){
  .toast{font-size:12.5px}
}
/* in-page links glide; page switches jump (JS) */
html,.site{scroll-behavior:smooth}
/* live urgency bits pulse on the viewers-dot rhythm */
.urgency .stock span{animation:softpulse 1.9s ease-in-out infinite}
.urgency [data-countdown-time]{animation:digitpulse 2s ease-in-out infinite}
@keyframes softpulse{0%,100%{opacity:1}50%{opacity:.6}}
@keyframes digitpulse{0%,100%{color:var(--char)}50%{color:var(--ember-btn)}}
@media (prefers-reduced-motion:reduce){
  html,.site{scroll-behavior:auto}
  .urgency .stock span,.urgency [data-countdown-time]{animation:none}
}

/* ===== Buy box template fixes (user 2026-10-28) ===== */
/* price in the accent color (light bands keep ivory) */
.price{color:var(--ember-btn)}
.price-row.light .price{color:var(--ivory)}
/* Apple Pay express button */
.xbtn-apple{background:#000}.xbtn-apple svg{height:26px;width:58px}
.co-xbtns{grid-template-columns:repeat(4,1fr)}
/* delivery line: green In stock dot, short dates on phones */
.stock-dot{width:9px;height:9px;border-radius:50%;background:#2F8F4E;box-shadow:0 0 0 3px rgba(47,143,78,.18);flex:0 0 auto}
.eta .in-stock{color:#2F7A45;font-weight:600}
.eta-s{display:none}
/* trust row: three claims with icons */
.xrow.trust3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;justify-items:center;text-align:center}
.xrow.trust3 li{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--body);font-weight:500}
.xrow.trust3 .ic{width:17px;height:17px;color:var(--ember)}
@container site (max-width:640px){
  .eta-l{display:none}
  .eta-s{display:inline}
  .co-xbtns{grid-template-columns:1fr}
  .xrow.trust3 li{flex-direction:column;gap:4px;font-size:12px}
  /* 5 faces still on one line */
  .pf-faces img{width:24px;height:24px;margin-left:-9px}
  .pf-main{gap:5px}
  .pf-top{gap:4px}
  .pf-top .stars svg,.pf-top svg{width:12px;height:12px}
  .pf-score,.pf-line{font-size:13px}
}

/* ================= Shopify-only additions (appended to emberlane.css in the theme, never in the mockup) ================= */

/* No mockup toolbar in the store: the sticky header and gallery sit at the top of the window. */
:root{--mockh:0px}
body.el-shop{background:#F7F4EE}
.el-shop .device{min-height:100vh;min-height:100dvh}

/* Shopify's real wallet buttons (emberlane.js). Only a tap on Shopify's own button opens a pay sheet, so each one sits
   on its drawn button and takes over once it has drawn and a size is picked. Until then the drawn button shows. */
.pay-slot{display:grid;min-width:0}
.pay-slot > *{grid-area:1/1;min-width:0}
.pay-slot > shopify-accelerated-checkout{display:block;opacity:0;pointer-events:none;
  --shopify-accelerated-checkout-button-block-size:48px;--shopify-accelerated-checkout-button-border-radius:10px;
  --shopify-accelerated-checkout-button-box-shadow:none;--shopify-accelerated-checkout-inline-alignment:center}
.pay-slot.live > .xbtn{visibility:hidden}
.pay-slot.live > shopify-accelerated-checkout{opacity:1;pointer-events:auto}
.pay-slot more-payment-options-link{display:none!important}
/* the cart's wallet row: laid out but unseen until it has drawn, then it replaces the drawn buttons */
#shopify-section-el-cart-pay{position:absolute;top:0;left:0;right:0;visibility:hidden;pointer-events:none}
.c-pay{position:relative}
.c-pay.live > .xbtn{display:none}
.c-pay.live #shopify-section-el-cart-pay{position:static;visibility:visible;pointer-events:auto;grid-column:1/-1}
#shopify-section-el-cart-pay shopify-accelerated-checkout-cart{
  --shopify-accelerated-checkout-button-block-size:48px;--shopify-accelerated-checkout-button-border-radius:10px;
  --shopify-accelerated-checkout-button-box-shadow:none;--shopify-accelerated-checkout-row-gap:8px;--shopify-accelerated-checkout-inline-alignment:center}

/* Plain pages: cart page, contact, 404, search, collections, blog, accounts, other products */
.el-pg{padding-block:48px 80px}
.el-pg .wrap{max-width:820px}
.site .el-pg h1{font-family:var(--font-display);font-weight:500;font-size:40px;line-height:1.12;margin:0 0 14px;color:var(--char)}
.el-pg .el-lead{font-size:17px;color:var(--muted);margin:0 0 18px}
.el-crumbs{display:flex;gap:8px;font-size:14px;color:var(--muted);margin-bottom:16px}
.el-crumbs a{color:var(--muted)}
.el-rte{font-size:16.5px;line-height:1.65;color:var(--body)}
.site .el-rte > * + *{margin-top:12px}
.site .el-rte h2{font-family:var(--font-display);font-weight:500;font-size:24px;margin-top:28px}
.site .el-rte h3{font-size:19px;margin-top:20px}
.el-rte ul,.el-rte ol{padding-left:22px}
.el-rte a{color:var(--ember-btn);font-weight:600}
.el-rte img{max-width:100%;height:auto;border-radius:12px}
.el-pg .btn{margin-top:20px}
.el-cards{display:grid;gap:14px;margin-top:20px}
.el-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--char);text-decoration:none}
.el-card img{width:96px;height:96px;object-fit:cover;border-radius:8px}
.el-card b{display:block;font-size:17px}
.el-card span{display:block;margin-top:4px;color:var(--muted);font-size:15px}
.el-form{display:grid;gap:10px;max-width:460px;margin-top:18px}
.el-form label{font-weight:600;font-size:14px}
.el-form input,.el-form textarea,.el-form select{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:500 16px/1.3 Inter,system-ui,sans-serif;color:var(--char)}
.el-form textarea{min-height:140px;resize:vertical}
.el-form .btn{margin-top:6px;justify-self:start}
.el-errors{padding:10px 12px;border-radius:10px;background:var(--tint);color:var(--ember-dk);font-weight:600;font-size:14.5px}
.el-errors ul{margin:0;padding-left:18px}
.el-note{padding:10px 12px;border-radius:10px;background:#E7F1EA;color:#2F7A45;font-weight:600;font-size:14.5px}
.el-center{min-height:70vh;display:grid;place-items:center;text-align:center;padding:48px 18px}
.el-center .el-form{margin-inline:auto}
.el-center img{margin:0 auto 22px;width:220px;height:auto}
.el-link{color:var(--ember-btn);font-weight:600}
@container site (max-width:640px){
  .el-pg{padding-block:32px 56px}
  .site .el-pg h1{font-size:30px}
}

/* Shopify's own policy pages (/policies/...), linked from checkout and the policy pop-ups: styled like ours */
.shopify-policy__container{max-width:820px!important;margin:0 auto;padding:40px 18px 72px;font-family:Inter,system-ui,sans-serif;color:#242826}
.shopify-policy__title h1{font-family:"Fraunces",Georgia,serif;font-size:36px;font-weight:500;color:#242826;text-align:left}
.shopify-policy__body{margin-top:14px;font-size:16.5px;line-height:1.65;color:#3b3f3d}
.shopify-policy__body h2{margin-top:28px;font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:22px;color:#242826}
.shopify-policy__body p,.shopify-policy__body ul,.shopify-policy__body ol{margin-top:10px}
.shopify-policy__body ul,.shopify-policy__body ol{padding-left:22px}
.shopify-policy__body a{color:#A94028;font-weight:600}
.shopify-challenge__container{padding:48px 18px}