/* Power Stir Mug - US - Interstitial
   Single stylesheet for power-stir-mug-us-interstitial.html.
   Merged from the builder's sales-page-styles.css, brand.css and sales-page-sections.css (in that cascade order),
   pruned to rules that match this page, plus the runtime styles the builder applied (bottom of file). */

/* ===================== sales-page-styles ===================== */
/* ============ General Sales Page, Base Stylesheet ============ */
*{box-sizing:border-box;font-family:"Inter",sans-serif;font-weight:400;font-style:normal}
body{padding:0;margin:0;color:#212529;background:#fff}
h1,h2,h3,p{margin:0;padding:0}
img{display:block;max-width:100%}
button{border:none;outline:none;cursor:pointer;font-family:inherit}
b{font-weight:700}
a{color:inherit;text-decoration:none}
:root{--ink:#0c2539;
  --ink-soft:#333;
  --muted:#5a6b7a;
  --bg:#fff;
  --bg-soft:#f6f9fc;
  --line:#e2e8f0;
  --brand:#0e7cc5;        /* hydro blue */
  --brand-deep:#0a4a78;
  --brand-light:#bbe5ff;
  --action:#ff6a3d;       /* coral CTA */
  --action-deep:#e8541f;
  --night:#0a1a2c;        /* hero / guarantee / limit dark */
  --night-2:#0f2440;
  --warn-orange:#ff8b3d;}
/* ======= layout primitives ======= */
.container{padding:0 20px;max-width:1280px;width:100%;margin:0 auto}
html { scroll-padding-top: var(--header-height, 78px); }
@media (max-width:768px) {
  .container{padding:0 12px}
}
/* ======= placeholder ======= */
.ph{position:relative;background:repeating-linear-gradient(135deg,#e6eef6 0 14px,#eef3f8 14px 28px);
  color:#475569;font-family:ui-monospace,"JetBrains Mono",Menlo,monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase;
  display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;
  border-radius:12px;border:1px dashed #c8d4e0;}
/* ======= announcebar (slim dark banner, very top) ======= */
.announcebar{background:var(--night);color:#fff;text-align:center;padding:9px 16px;font-weight:700;font-size:13.5px;letter-spacing:.04em;line-height:1.3}
.announcebar b{color:var(--warn-orange);font-weight:700}
@media (max-width:768px) {
  .announcebar{letter-spacing:0;white-space:nowrap;overflow:hidden;padding:9px 16px}
  html, body{overflow-x:clip !important}
  x-dc{display:block}
  .header{position:sticky !important;top:0;z-index:50}
}
@media (max-width:430px) {
  .announcebar{font-size:14px}
}
@media (max-width:390px) {
  .announcebar{font-size:13px}
}
@media (max-width:375px) {
  .announcebar{font-size:12px}
}
@media (max-width:320px) {
  .announcebar{font-size:11px}
}
/* ======= selling-fast-bar ======= */
.selling-fast-bar{font-size:14px}
@media (max-width:430px) {
  .selling-fast-bar{font-size:12px!important}
  .selling-fast-bar svg{width:12px!important;height:12px!important}
}
@media (max-width:390px) {
  .selling-fast-bar{font-size:11px!important}
  .selling-fast-bar svg{width:11px!important;height:11px!important}
}
@media (max-width:375px) {
  .selling-fast-bar{font-size:10.5px!important}
  .selling-fast-bar svg{width:10.5px!important;height:10.5px!important}
}
@media (max-width:320px) {
  .selling-fast-bar{font-size:9px!important}
  .selling-fast-bar svg{width:9px!important;height:9px!important}
}
/* ======= trustbar (top utility strip above header) ======= */
.trustbar{background:var(--bg-soft);border-bottom:1px solid var(--line)}
.trustbar>.container{max-width:1720px}
.trustbar__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.trustbar__item{display:flex;align-items:center;gap:9px;white-space:nowrap}
.trustbar__item svg{flex-shrink:0;color:var(--brand)}
/* trustbar mobile infinite scroll */
@keyframes trustbar-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.trustbar__dup{display:none}
@media (max-width:768px) {
  .trustbar .container{overflow:hidden;padding:0;max-width:100%}
  .trustbar__inner{justify-content:flex-start!important;gap:40px!important;width:max-content;animation:trustbar-scroll 14s linear infinite;flex-wrap:nowrap!important}
  .trustbar__dup{display:flex}
}
/* ======= header (matches .header pattern) ======= */
.header{padding:18px 0;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header>.container{max-width:1720px}
.header__inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
.header__navigation{display:flex;justify-content:space-between;align-items:center;max-width:1110px;width:100%;gap:20px}
.header__menu{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;list-style:none;max-width:645px;width:100%;flex:1}
.header__menu-link{font-weight:600;font-size:16px;line-height:150%;color:#171717}
.header__menu-link:hover{color:var(--brand)}
.header__logo{display:flex;align-items:center;gap:10px;font-family:"Anek Latin",sans-serif;font-weight:800;font-size:28px;color:var(--ink);letter-spacing:-.02em;line-height:1}
.header__button{box-shadow:0 4px 4px 0 rgba(255,106,61,.25);background:var(--action);border-radius:6px;padding:10px 18px;font-weight:700;font-size:15px;line-height:150%;color:#fff;display:flex;align-items:center;gap:8px;flex-shrink:0;transition:background .15s,transform .15s}
.header__button:hover{background:var(--action-deep);transform:translateY(-1px)}
/* hamburger + mobile menu */
.header__hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;color:var(--ink)}
.header__hamburger svg{width:28px;height:28px}
.header__mobile-menu{position:fixed;top:0;left:0;right:0;z-index:100;background:#fff;transform:translateY(-100%);transition:transform .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.15)}
.header__mobile-menu.open{transform:translateY(0)}
.header__mobile-menu-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.header__mobile-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--ink)}
.header__mobile-close svg{width:28px;height:28px}
.header__mobile-nav{display:flex;flex-direction:column}
.header__mobile-link{padding:18px 20px;font-family:"Anek Latin",sans-serif;font-weight:700;font-size:18px;color:var(--ink);border-bottom:1px solid var(--line);text-decoration:none}
.header__mobile-link:last-child{border-bottom:0}
@media(max-width:980px) {
  .header__hamburger{display:block}
}
/* ======= hero (matches .hero pattern: dark bg, video overlay, gradient wash, big title) ======= */
.hero{position:relative;background:var(--night);overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,var(--night) 0%,var(--night) 42%,rgba(10,26,44,.85) 55%,rgba(10,26,44,0) 72%)}
.hero::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
    linear-gradient(65deg,rgba(51,197,243,.32) 0%,rgba(51,197,243,.16) 14%,rgba(51,197,243,0) 42%),
    linear-gradient(104deg,rgba(14,124,197,0) 58%,rgba(14,124,197,.22) 72%,rgba(14,124,197,.35) 100%)}
.hero-video{position:absolute;top:0;right:0;bottom:0;width:55%;z-index:1;pointer-events:none}
.hero__inner{position:relative;z-index:4;padding:84px 0 76px;max-width:780px;width:100%}
.hero__rated{display:inline-flex;align-items:center;font-weight:500;font-size:15px;line-height:130%;color:#fff;margin-bottom:14px;gap:8px;padding:0;background:none;border:none}
s:999px;
backdrop-filter:blur(6px);
.hero__rated-image{display:inline-flex;gap:1px}
.hero__rated-image svg{width:14px;height:14px;color:#ffb648}
.hero__title{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:72px;line-height:.95;letter-spacing:-0.02em;color:#fff;margin-bottom:18px;text-wrap:balance}
.hero__title em{font-style:normal;background:linear-gradient(110deg,#7fe2ff,#33c5f3 60%,#0e7cc5);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__mobile-img{display:none;margin-bottom:20px;border-radius:14px;overflow:hidden}
.hero__subtitle{font-weight:500;font-size:20px;line-height:140%;color:rgba(255,255,255,.85);margin-bottom:32px;max-width:540px}
.hero__checks{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}
.hero__checks-item{display:flex;align-items:center;gap:14px;font-weight:500;font-size:18px;line-height:130%;color:#fff}
.hero__checks-item svg{width:24px;height:24px;flex-shrink:0;color:#33c5f3}
.hero__message{max-width:508px;width:100%;display:flex;justify-content:center;margin-bottom:18px}
.hero__message-body{display:inline-flex;align-items:center;padding:10px 16px;font-weight:500;font-size:14px;line-height:140%;color:#fff;background:rgba(255,138,82,.18);border:1px solid rgba(255,138,82,.45);border-radius:10px;gap:8px}
.hero__message-body svg{width:14px;height:16px;color:#ff8b3d;flex-shrink:0}
/* ======= cta button (the magenta CTA in original; we use coral) ======= */
.cta-group{margin:0 auto;max-width:420px}
.cta-group-hero{max-width:480px;width:100%;margin:0}
.cta-button{padding:20px 16px;font-family:"Montserrat",sans-serif;font-weight:800;font-size:22px;line-height:100%;
  text-transform:uppercase;text-align:center;color:#fff;background:var(--action);border-radius:10px;width:100%;
  letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:10px;
  box-shadow:0 8px 18px -4px rgba(255,106,61,.5), inset 0 1px 0 rgba(255,255,255,.22);
  transition:background .15s,transform .15s,box-shadow .15s;}
.cta-button:hover{background:var(--action-deep);transform:translateY(-2px);box-shadow:0 14px 26px -6px rgba(255,106,61,.55), inset 0 1px 0 rgba(255,255,255,.25)}
.cta-button svg{width:18px;height:18px;background:rgba(255,255,255,.25);border-radius:50%;padding:6px;width:32px;height:32px;flex-shrink:0}
.cta-group-hero .cta-button{font-size:clamp(16px,5.5vw,26px);padding:22px 16px;white-space:nowrap}
.cta-bottom{width:fit-content;margin:14px auto 0;display:flex;align-items:center;gap:8px;color:#333;font-size:12.5px;line-height:150%;flex-wrap:wrap;justify-content:center}
.cta-group-hero .cta-bottom{color:#fff;font-size:15px}
.cta-ellipse{width:14px;height:14px;display:inline-block;border-radius:50%;background:#3bd66b;box-shadow:0 0 0 4px rgba(59,214,107,.18)}
.cta-stock{display:inline-flex;gap:3px;margin:0 4px}
.cta-low{color:#ef4444;font-weight:700}
/* white LOW on dark backgrounds */
.cta-group-hero .cta-low,
.comp .cta-low{color:#fff}
.cta-stock i{width:14px;height:12px;background:#d9d9d9;border-radius:2px;display:block}
.cta-stock i.on{background:#fc2201}
.shipByDate{font-weight:700}
/* ======= partners ======= */
.partners{padding:33px 0;background:#fff;border-bottom:1px solid var(--line)}
.partners__title{font-weight:700;font-size:24px;line-height:103%;letter-spacing:-.02em;text-transform:capitalize;color:#848484;flex-shrink:0}
/* ======= section base, eyebrow + title ======= */
.title-header{font-weight:700;font-size:14px;line-height:208%;letter-spacing:0.16em;text-transform:uppercase;text-align:center;color:var(--brand);margin-bottom:8px}
.title{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:54px;line-height:.95;letter-spacing:-.025em;text-align:center;color:var(--ink);text-wrap:balance;max-width:900px;margin:0 auto}
.title em{font-style:normal;font-weight:inherit;color:var(--brand)}
.reviews__title em,.why-phero-title em,.how__box-title em,.hero__title em{font-style:normal;font-weight:inherit}
.title br{display:none}
.comp__title--mobile br{display:revert}
/* ======= description ======= */
.description{padding:56px 0 40px}
.description__inner{text-align:center}
/* Two feature columns flanking the product image. The columns share row tracks
   via subgrid so every left feature and its right counterpart sit on the same
   baseline: icons on two clean rails, headings level, rows starting and ending
   together. Copy still has to be written to matching line counts, this only
   guarantees the geometry. */
.description__boxes{display:grid;grid-template-columns:minmax(0,380px) auto minmax(0,380px);grid-template-rows:repeat(3,auto);justify-content:space-between;align-items:start;gap:32px 30px;margin:48px 0;text-align:left}
.description__box{max-width:380px;width:100%;display:grid;grid-template-rows:subgrid;grid-row:1/-1;gap:32px}
.description__boxes>.desc-desktop-img{grid-row:1/-1;align-self:center}
.description__box-row{display:flex;align-items:flex-start;gap:16px}
.description__box-row>.iconBox{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#e7f4fc,#bbe5ff);color:var(--brand-deep);display:grid;place-items:center;flex-shrink:0}
.description__box-content h3{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:22px;line-height:120%;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em}
.description__box-content p{font-weight:400;font-size:16px;line-height:155%;color:var(--muted)}
/* ======= how (alternating rows) ======= */
.how{padding:48px 0 48px;background:#fff}
.how__inner{text-align:center}
.how__subtitle{font-weight:500;font-size:22px;line-height:140%;text-align:center;color:var(--muted);max-width:780px;width:100%;margin:14px auto 56px}
.how__boxes{display:flex;flex-direction:column;gap:56px;margin-bottom:56px;text-align:left}
.how__box{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:64px}
.how__box:nth-of-type(2n){flex-direction:row}
.how__box-image{width:50%;border-radius:24px;aspect-ratio:1.15/1;background:linear-gradient(135deg,#e7f4fc,#bbe5ff);overflow:hidden}
.how__box-content{max-width:480px;width:100%}
.how__box-title{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:34px;line-height:115%;color:var(--ink);margin-bottom:14px;letter-spacing:-.02em}
.how__box-text{font-weight:400;font-size:18px;line-height:155%;color:var(--muted)}
/* ======= split (yellow band in original, we use a soft cream to keep clean theme) ======= */
.split{background:#fff7e8}
.split__inner{display:flex;align-items:stretch}
.split__image{width:50%;align-self:stretch}
.split__image .ph{height:100%;border:0;border-radius:0;background:
  radial-gradient(800px 500px at 30% 20%, #ffe4b8 0%, #ffcc7a 50%, #f08c2c 100%);
  color:rgba(0,0,0,.55)}
.split__content{max-width:600px;width:100%;margin-left:48px;padding:40px 24px 40px 0}
.split__title{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:38px;line-height:110%;letter-spacing:-.02em;color:var(--ink);margin:12px 0 28px;text-wrap:balance}
.split__boxes{display:flex;flex-direction:column;gap:18px}
.split__box{display:flex;gap:18px;align-items:center}
.split__box+.split__box{border-top:1px solid color-mix(in srgb,var(--brand-deep) 15%,transparent);padding-top:18px}
.split__box b{font-family:"Anek Latin",sans-serif;font-weight:800;font-size:52px;line-height:1;letter-spacing:-.02em;color:var(--brand-deep);flex:0 0 120px;font-variant-numeric:tabular-nums}
.split__box span{font-weight:500;font-size:17px;line-height:140%;color:var(--ink)}
/* ======= set (use cases) ======= */
.set{padding:56px 0 40px}
.set__inner{text-align:center}
.set__boxes{margin-top:44px;display:flex;justify-content:space-evenly;gap:24px;text-align:left}
.set__boxes-wrapper{display:contents}
.set__box{max-width:340px;width:100%;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .2s, box-shadow .2s, border-color .2s}
.set__box:hover{transform:translateY(-3px);box-shadow:0 18px 38px -16px rgba(10,26,44,.18);border-color:#cfe4f5}
.set__box-image{aspect-ratio:308/220;background:linear-gradient(135deg,#e7f4fc,#bbe5ff);position:relative;overflow:hidden}
.set__box-body{padding:24px}
.set__box-title{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:24px !important;line-height:120%;color:var(--ink);margin:0 0 8px;letter-spacing:-.01em}
.set__box-text{font-weight:400;font-size:18px;line-height:150%;color:var(--muted)}
/* ======= marquee (scrolling value-prop ticker) ======= */
.marquee{background:var(--night);overflow:hidden;padding:22px 0;display:flex;white-space:nowrap;user-select:none}
.marquee__track{display:flex;align-items:center;flex-shrink:0;animation:marquee-scroll 34s linear infinite}
.marquee__item{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:24px;line-height:1;letter-spacing:-.01em;color:#fff;padding:0 36px;display:inline-flex;align-items:center;gap:12px}
.marquee__item svg{width:22px;height:22px;color:#33c5f3;flex-shrink:0}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* ======= comp (4-col x 6-row grid w/ highlighted middle col) ======= */
.comp{padding:52px 0;background:var(--bg-soft)}
.comp__inner{text-align:center}
/* ======= reviews ======= */
.reviews{padding:56px 0;background:#fff}
.reviews__title{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:46px;line-height:110%;text-align:center;color:var(--ink);letter-spacing:-.025em;margin:0 auto;max-width:880px;text-wrap:balance}
.reviews__boxes{margin:40px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.reviews__box{background:#fff;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s, border-color .2s}
.reviews__box:hover{box-shadow:0 20px 40px -16px rgba(10,26,44,.15);border-color:#cfe4f5}
.reviews__box-header{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#e7f4fc,#bbe5ff)}
.reviews__box-data{position:absolute;border-radius:10px;padding:0 5px;background:#fff;left:14px;bottom:14px;display:flex;gap:8px;align-items:center;height:35px;box-shadow:0 6px 14px -4px rgba(10,26,44,.18)}
.reviews__box-data>div{display:flex;flex-direction:row;align-items:center;gap:6px}
.reviews__box-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:10px;font-family:"Anek Latin",sans-serif;line-height:1;text-align:center;background:linear-gradient(135deg,#33c5f3,var(--brand-deep));flex-shrink:0;padding:0}
.reviews__box-avatar.b{background:linear-gradient(135deg,#3ec98a,#1a7a4d)}
.reviews__box-avatar.c{background:linear-gradient(135deg,#ff9c5b,#e85c1f)}
.reviews__box-name{font-weight:700;font-size:12px;color:#000;line-height:1;white-space:nowrap}
.reviews__box-verification{display:flex;align-items:center;gap:3px;font-weight:500;font-size:11px;line-height:1;color:#1ac70e;margin-top:0;white-space:nowrap}
.reviews__box-body{padding:22px 22px 24px;display:flex;flex:1;flex-direction:column}
.reviews__box-stars{display:flex;gap:1px;margin-bottom:10px}
.reviews__box-stars svg{width:16px;height:16px;color:#ff9911}
.reviews__box-title{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:19px;color:var(--ink);margin:0 0 10px;letter-spacing:-.01em}
.reviews__box-review{font-weight:400;font-size:15.5px;line-height:155%;color:var(--ink-soft)}
/* ======= expert (founder/specialist endorsement) ======= */
.expert{padding:48px 0;background:var(--bg-soft)}
.expert__inner{display:flex;align-items:center;gap:64px;max-width:1120px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 30px 70px -40px rgba(10,26,44,.3)}
.expert__media{position:relative;width:42%;align-self:stretch;min-height:440px;flex-shrink:0}
.expert__media-badge{position:absolute;left:24px;bottom:24px;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:9px 16px 9px 12px;font-weight:700;font-size:14px;color:var(--ink);box-shadow:0 10px 26px -10px rgba(10,26,44,.45)}
.expert__media-badge svg{width:20px;height:20px;color:var(--brand)}
.expert__body{flex:1;padding:56px 56px 56px 0}
.expert__eyebrow{font-weight:700;font-size:14px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin-bottom:14px}
.expert__name{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:40px;line-height:1.04;letter-spacing:-.025em;color:var(--ink);margin-bottom:6px}
.expert__role{font-weight:600;font-size:17px;color:var(--muted);margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.expert__quote{position:relative;font-weight:400;font-size:18px;line-height:165%;color:var(--ink-soft);max-width:560px;text-align:left;margin-left:0;padding-left:0}
.expert__quote span{display:block;overflow:visible}
.expert__sign{margin-top:24px;display:flex;flex-direction:column;gap:2px}
.expert__sign-mark{font-family:"Dancing Script",cursive;font-weight:700;font-size:46px;line-height:1;color:var(--brand-deep)}
.expert__sign-name{font-weight:700;font-size:15px;color:var(--ink);letter-spacing:.01em}
@media (max-width:980px) {
  .expert{padding:56px 0}
  .expert__inner{flex-direction:column;gap:0}
  .expert__media{width:100%;min-height:0;aspect-ratio:16/11}
  .expert__body{padding:40px 28px}
}
/* ======= faq ======= */
.faq{padding:56px 0;background:#fff}
.faq__title{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:44px;line-height:104%;text-align:center;color:var(--ink);margin-bottom:44px;letter-spacing:-.025em}
.faq__boxes{max-width:880px;width:100%;margin:0 auto}
.faq__box{border-bottom:1px solid rgba(33,37,41,.18);padding:22px 4px}
.faq__box:first-child{border-top:1px solid rgba(33,37,41,.18)}
.faq__box-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px}
.faq__box-header:hover .faq__box-question{color:var(--brand)}
.faq__box-question{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:20px;line-height:130%;color:var(--ink);letter-spacing:-.01em;transition:color .15s}
.faq__box-icon{width:32px;height:32px;border-radius:50%;background:#eaf3fb;color:var(--brand-deep);display:grid;place-items:center;flex-shrink:0;transition:transform .25s, background .15s}
.faq__box-icon svg{width:14px;height:14px;transition:transform .25s}
.faq__box-icon svg .faq-vertical{transition:opacity .25s}
.faq__box.open .faq__box-icon{background:var(--brand);color:#fff}
.faq__box.open .faq__box-icon svg{transform:none}
.faq__box.open .faq__box-icon svg .faq-vertical{opacity:0}
.faq__box-footer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq__box-footer-inner{padding:14px 4px 4px;font-size:16px;line-height:160%;color:var(--muted)}
.faq__box.open .faq__box-footer{max-height:400px}
/* ======= Trustpilot-style reviews ======= */
.tp-reviews{padding:56px 0;background:#fff}
.tp-reviews__eyebrow{font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#00b67a;margin-bottom:8px}
.tp-reviews__title{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:clamp(32px,4vw,48px);line-height:1;letter-spacing:-.025em;text-align:center;color:var(--ink);margin-bottom:40px}
.tp-reviews__top{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:start;margin-bottom:48px;max-width:1080px;margin-left:auto;margin-right:auto}
/* rating bars */
.tp-reviews__bars{display:flex;flex-direction:column;gap:10px}
.tp-reviews__bar-row{display:flex;align-items:center;gap:12px}
.tp-reviews__bar-label{font-weight:600;font-size:14px;color:var(--ink);min-width:120px}
.tp-reviews__bar{flex:1;height:24px;background:#dcdce6;border-radius:3px;overflow:hidden;min-width:160px}
.tp-reviews__bar-fill{display:block;height:100%;background:#00b67a;border-radius:3px}
.tp-reviews__bar-num{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:16px;color:var(--ink);min-width:28px;text-align:right}
/* overall score */
.tp-reviews__overall{text-align:center;padding:0 20px}
.tp-reviews__overall-num{font-family:"Anek Latin",sans-serif;font-weight:800;font-size:56px;line-height:1;color:var(--ink);display:block}
.tp-reviews__overall-stars{display:flex;gap:3px;justify-content:center;margin:8px 0}
.tp-reviews__overall-meta{font-size:14px;color:var(--muted);line-height:1.4}
/* photo strip */
.tp-reviews__photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tp-reviews__photo{aspect-ratio:1;border-radius:8px;min-width:0}
/* review cards grid */
.tp-reviews__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1080px;margin:0 auto}
.tp-reviews__card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.tp-reviews__card-img{aspect-ratio:4/5;border-radius:0}
.tp-reviews__card-body{padding:16px}
.tp-reviews__card-user{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.tp-reviews__card-avatar{width:32px;height:32px;border-radius:50%;background:var(--night);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}
.tp-reviews__card-name{font-weight:700;font-size:14px;color:var(--ink)}
.tp-reviews__card-verified{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#00b67a;margin-left:auto;white-space:nowrap}
.tp-reviews__card-verified svg{width:18px;height:18px;flex-shrink:0}
.tp-reviews__card-stars{display:flex;align-items:center;gap:3px;margin-bottom:10px;flex-wrap:nowrap}
.tp-reviews__card-stars svg{width:20px;height:20px;color:#fff;background:#00b67a;border-radius:3px;padding:2px;flex-shrink:0}
.tp-reviews__card-date{font-size:12px;color:var(--muted);font-weight:500;margin-left:6px;white-space:nowrap}
.tp-reviews__card-title{font-family:"Anek Latin",sans-serif;font-weight:700;font-size:16px;color:var(--ink);margin-bottom:6px}
.tp-reviews__card-text{font-size:14px;line-height:1.55;color:var(--muted)}
@media(max-width:900px) {
  .tp-reviews__top{grid-template-columns:1fr;gap:28px}
  .tp-reviews__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:580px) {
  .tp-reviews__grid{grid-template-columns:1fr}
}
/* ======= footer (STANDARD: identical on every sales template; only logo + --night vary) ======= */
.footer{padding:48px 0 36px;background:var(--night, rgb(12 30 56));color:#fff;text-align:center}
.footer .container{text-align:center}
.footer__logo{margin:0 auto 20px;display:flex;justify-content:center;align-items:center}
.footer__logo img{height:36px;width:auto;display:block}
.footer__logo .header__logo{color:#fff;padding:0;background:none;gap:10px}
.footer__logo a,.footer__logo a:hover{color:#fff;text-decoration:none}
.footer__nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 28px;max-width:940px;margin:0 auto 18px}
.footer__nav a{font-weight:700;font-size:15px;color:#fff;text-decoration:none;opacity:.9;letter-spacing:.01em}
.footer__nav a:hover{opacity:1;color:#fff}
.footer__copy{font-weight:700;font-size:15px;color:#fff;opacity:1;margin:0 auto 18px;text-align:center}
.footer__legal{font-weight:500;font-size:13px;line-height:1.6;color:rgba(255,255,255,.5);max-width:860px;width:100%;margin:0 auto 26px;text-align:center}
.footer__payments{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0}
.footer__payments img{height:28px;width:auto;display:block;border-radius:4px}
@media(max-width:768px) {
  .footer__legal{font-size:14px}
}
@media(max-width:680px) {
  .footer__nav{gap:10px 18px}
  .footer__nav a{padding:8px 4px;line-height:1.3}
}
/* ======= animations (from original) ======= */
.pulse{animation:pulse 1.6s infinite}
.glowing{animation:glowing 1.4s infinite}
/* ======= responsive (cleaned up vs original) ======= */
/*@media (max-width:1200px) {
  .hero__title{font-size:60px}
  
  .hero::after{display:none}
  .description__boxes{display:flex;flex-direction:column;gap:32px}
  .description__box{display:flex;flex-direction:column}
  .description__box{max-width:none}
  .reviews__boxes{grid-template-columns:repeat(2,1fr)}
}*/
@media (max-width:1200px){
  .hero__title{font-size:60px}
  .hero::after{display:none}
  .reviews__boxes{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1000px){
  .description__boxes{
    display:flex;
    flex-direction:column;
    gap:32px;
    align-items:center;
  }
  .description__box{max-width:600px; width:100%}
  .desc-desktop-img{
    order:-1; /* puts image first */
    width:100%;
    max-width:400px;
    margin:0 auto;
  }
  .desc-mobile-img{display:none !important}
}
@media (max-width:980px) {
  .header__navigation{display:none}
  .hero__inner{padding:64px 0;max-width:none}
  .hero__title{font-size:48px}
  .hero__subtitle{font-size:17px}
  .hero__checks-item{font-size:16px}
  .cta-group-hero .cta-button{font-size:22px}
  .how__box{flex-direction:column;gap:24px}
  .how__box:nth-of-type(2n){flex-direction:column}
  .how__box-image,.how__box-content{width:100%;max-width:none}
  .split__inner{flex-direction:column}
  .split__image{width:100%;aspect-ratio:16/10}
  .split__content{margin:0;padding:48px 0}
  .set__boxes{flex-wrap:wrap;justify-content:center}
  .set__box{max-width:calc(50% - 12px)}
}
@media (max-width:768px) {
  .title{font-size:clamp(34px,9.8vw,42px);font-weight:800;line-height:1.02;letter-spacing:-.03em;max-width:min(calc(100vw - 24px),400px)}
  .title br{display:revert}
  .faq__title,.tp-reviews__title{font-size:clamp(34px,9.8vw,42px);font-weight:800;line-height:1.02;letter-spacing:-.03em;max-width:min(calc(100vw - 24px),400px);margin-left:auto;margin-right:auto}
  .split__title{font-size:clamp(34px,9.8vw,42px);font-weight:800;line-height:1.02;letter-spacing:-.03em;max-width:min(calc(100vw - 24px),400px)}
  .mobile-sticky-cta__inner{display: none;}

}
@media (max-width:680px) {
  .title br{display:revert}
  .title-header{font-size:13px;letter-spacing:.16em;margin-bottom:12px}
  .reviews__title{font-size:26px}
  .hero__title{font-size:34px}
  .hero__mobile-img{display:block}
  .hero__inner{padding:48px 0 40px}
  .hero__subtitle{font-size:15px;margin-bottom:0;text-align:left}
  .hero__checks{gap:10px;margin-bottom:20px;margin-top:10px}
  .hero__checks-item{font-size:15px;gap:10px}
  .hero__checks-item svg{width:20px;height:20px}
  .reviews__boxes{grid-template-columns:1fr}
  .set__box{max-width:none}
  .split__box b{font-size:44px;flex-basis:100px}
  .split__box span{font-size:16px}
  .split__box{gap:16px}
  .split__content{padding:32px 0}
  /* CTA buttons, full width, proper touch targets, always one line */
  .cta-button{width:100%!important;font-size:17px;padding:10px 16px;min-height:54px;white-space:nowrap;justify-content:center!important;gap:10px!important;box-sizing:border-box!important;line-height:1}
  .cta-group-hero .cta-button{font-size:17px;padding:10px 16px;min-height:54px}
  .cta-group{width:100%!important;max-width:none!important;box-sizing:border-box!important}
  /* Buy card button: centered with 10px gap, keeps its size */
  #addCart{justify-content:center!important;gap:10px!important}
  .cta-bottom{flex-wrap:nowrap!important;white-space:nowrap;font-size:clamp(9px,2.5vw,12.5px)!important;gap:4px!important;width:100%!important;justify-content:center!important}
  .cta-ellipse{width:10px!important;height:10px!important}
  .cta-stock i{width:10px!important;height:9px!important}
  .cta-stock{gap:2px!important;margin:0 2px!important}
  /* Benefits / How section */
  .how__subtitle{font-size:17px;margin:10px auto 32px}
  .how__box-image{min-height:282px;aspect-ratio:376/282 !important}
  .how__box-content{padding:16px 0 4px}
  .how__box-title{font-size:26px}
  .how__box-text{font-size:15px;margin-bottom:0}
  /* Use cases */
  .set__boxes{gap:16px}
  .set__box{padding:0}
  /* Trustpilot reviews, single column, compact */
  .tp-reviews__grid{grid-template-columns:1fr;gap:14px}
  .tp-reviews__title{margin-bottom:24px}
  .tp-reviews__top{gap:20px}
  .tp-reviews__bar-label{min-width:90px;font-size:12px}
  .tp-reviews__bar{min-width:100px;height:20px}
  .tp-reviews__bar-num{font-size:14px}
  .tp-reviews__overall-num{font-size:44px}
  .tp-reviews__photos{grid-template-columns:repeat(3,1fr);gap:6px}
  .tp-reviews__card-img{aspect-ratio:16/10}
  /* FAQ */
  .faq__title{margin-bottom:28px}
  .faq__box-question{font-size:16px}
  .faq__box-footer-inner{font-size:14px}
  /* Expert */
  .expert__body{padding:28px 20px}
  .expert__name{font-size:30px}
  .expert__role{font-size:15px}
  /* Section padding, tighter on mobile */
  .description,.how,.set,.comp,.reviews,.faq,.tp-reviews{padding-top:40px;padding-bottom:40px}
  .expert{padding:32px 0}
  /* Marquee */
  .marquee__item{font-size:18px;padding:0 24px}
  /* Footer */
  .footer{padding:32px 0 20px}
  .footer__logo{margin-bottom:16px}
  /* Sticky mobile CTA bar */
  .mobile-sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;padding:12px 15px;display:flex;flex-direction:column;align-items:center;box-shadow:0 -4px 24px rgba(0,0,0,.15);border-top:1px solid var(--line)}
  .mobile-sticky-cta__inner{display: block; width:100%;max-width:100%}
  .mobile-sticky-cta__btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--action);color:#fff;font-family:"Anek Latin",sans-serif;font-weight:900;font-size:17px;line-height:1;padding:10px 16px;min-height:54px;border-radius:14px;border:2px solid var(--action-deep);cursor:pointer;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 4px 14px rgba(232,84,31,.3);box-sizing:border-box}
  .mobile-sticky-cta__arrow{width:28px;height:28px;background:rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;flex-shrink:0}
  .mobile-sticky-cta__arrow svg{width:16px;height:16px}
  body{padding-bottom:0}
  .footer__payments{padding-bottom:80px}
}
/* ======= social proof rows: avatar stack must never overlap the stars =======
   The overlapping avatar stack is built with a negative margin-right on each
   face. The LAST face must reset that margin, or it pulls whatever follows
   (Trustpilot stars, rating number) underneath it. Generated brand pages keep
   inheriting the negative margin on the final face, so this reset is forced
   here with !important to beat the inline style. Nothing after the stack is
   allowed to shrink into it either. */
.buy-social-proof .buy-avatar-img:last-child{margin-right:0 !important}
.buy-social-proof .buy-avatar-img{flex-shrink:0}
.buy-social-left>div:first-child{flex-shrink:0;margin-right:2px}
.buy-social-left>div:first-child+div{flex-shrink:0}
.buy-social-proof svg{flex-shrink:0}
/* ======= no orphans (global) =======
   No single word may sit alone on the last line of any text block, at any
   viewport width. Headlines balance across lines; body copy uses pretty, which
   reserves words to keep the last line from running short. Short labels never
   wrap at all. When CSS alone cannot fix a line, put a non-breaking space
   between the final two words in the markup. */
h1,
h2,
h3,
.title,
.hero__title,
.split__title,
.reviews__title,
.faq__title,
.tp-reviews__title,
blockquote,
figcaption{text-wrap:balance}
p,
li,
.description,
.tp-reviews__card p{text-wrap:pretty}
.cta-button,
.selling-fast-bar,
.title-header{text-wrap:nowrap}
@media (max-width:560px) {
  .cta-button,
.selling-fast-bar{text-wrap:balance}
}
/* ============================================================
   COMPACT SPACING
   The house spacing rhythm for every brand built from this
   template. It lived in brand.css, which made a shared default
   look like one brand's override and copied it into each new
   brand file. Verified equivalent: moving it here flips no
   winning declaration at any width the sheets mention.
   ============================================================ */
.hero__inner{padding: 42px 0 38px;}
.hero__title{margin-bottom: 10px;}
.hero__subtitle{margin-bottom: 16px;}
.hero__checks{gap: 9px; margin-bottom: 14px;}
.hero__message{margin-bottom: 9px;}
.partners{padding: 28px 0;}
.description{padding: 50px 0 25px;}
.description__boxes{margin: 24px 0;}
.description__box{max-width: 440px;}
@media (min-width: 769px) {
  .description__boxes{gap: 24px;}
  .description__box{gap: 18px;}
}
.how{padding: 50px 0 25px;}
.how__subtitle{margin: 7px auto 28px;}
.how__boxes{gap: 28px; margin-bottom: 28px;}
.split__content{padding: 36px 28px 36px 0;}
.split__title{margin: 6px 0 14px;}
.set{padding: 50px 0;}
.set__boxes{margin-top: 22px;}
.marquee{padding: 14px 0;}
.comp{padding: 50px 0;}
.reviews{padding: 50px 0;}
.reviews__boxes{margin: 22px 0;}
.expert{padding: 24px 0;}
.tp-reviews{padding: 40px 0;}
.tp-reviews__title{margin-bottom: 20px;}
.tp-reviews__top{margin-bottom: 24px;}
.tp-reviews__bar-label{width: 150px; min-width: 150px; flex-shrink: 0;}
.tp-reviews__bar{min-width: 0;}
.faq{padding: 35px 0 28px;}
.faq__title{margin-bottom: 22px;}
.faq__box{padding: 12px 4px;}

/* ===================== brand ===================== */
/* ============================================================
   SALES BRAND CSS, Breathe Green Turbo Drain
   Load AFTER sales-page-styles.css.
   ============================================================ */
@media (max-width: 768px) {
  .hero__checks{gap: 4px;}
  .hero__checks-item{font-size: 12px; line-height: 1.2; padding: 0;}
  .hero__checks-item svg{width: 20px; height: 20px;}
}
/* 1. BRAND TOKENS */
:root{--brand:       #B33E00;
  --brand-deep:  #0F243A;
  --brand-light: #FFE9DC;
  --night:       #0F243A;
  --night-2:     #18324F;
  --ink:         #0F243A;
  --ink-soft:    #4A5868;
  --bg-soft:     #E8F2FF;
  --muted:       #4A5868;
  --muted-2:     #5F6B7A;
  --peach:       #FFE9DC;
  --line:        rgba(15,36,58,.14);
  --action:      #ff6a3d;
  --action-deep: #e8541f;
  --warn-orange: #FF8F6D;}
/* 2. BRAND-COLOURED CHROME
   These carry brand colour, so they live here and not in the base sheet. */
.announcebar{background: #acf4a1; color: #111;}
.trustbar__icon{stroke: #FF8F6D;}
/* 3. Keyframes */
@keyframes pulse{
  0%, 100% { transform: scale(1);   box-shadow: 0 8px 18px -4px rgba(255,106,61,.5), inset 0 1px 0 rgba(255,255,255,.22); }50%{ transform: scale(.97); box-shadow: 0 5px 14px -4px rgba(255,106,61,.4), inset 0 1px 0 rgba(255,255,255,.22); }
}
@keyframes glowing{
  0%, 100% { opacity: .55; box-shadow: 0 0 0 3px rgba(59,214,107,.18); }
  50%       { opacity: 1;   box-shadow: 0 0 0 5px rgba(59,214,107,.32); }
}
@keyframes v3-ticker-scroll{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
/* 3. HERO */
.hero{background: #E8F2FF;}
.hero::after{background: none !important;}
.hero::before{background: none !important;}
.hero-video{position: absolute;}
.hero-video::before{display: none !important;}
.hero__title{color: #0C1E38;}
.hero__title em{color: #0C1E38; text-shadow: none; background: none; -webkit-background-clip: unset; background-clip: unset;}
.hero__subtitle{color: #0C1E38; opacity: 0.82;}
.hero__checks-item{color: #0C1E38;}
.hero__rated{color: #0C1E38;}
.hero__rated-image svg{color: #ff9911;}
.hero__rated-image svg.tp-strip{width: auto; height: 14px !important;}
.hero__message-body{color: #0C1E38; background: rgba(12,30,56,.08); border-color: rgba(12,30,56,.18);}
.hero__inner .cta-bottom{color: #0C1E38;}
/* 4. HEADER */
.header{padding: 10px 0;}
.header > .container{max-width: 1280px;}
.header__inner{display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;}
.header__logo{justify-self: start;}
.header__navigation{justify-self: center;}
.header__cta-group{justify-self: end;}
.header__hamburger{display: none;}
.header__menu{flex: none; max-width: none; gap: 40px;}
@media (max-width: 768px) {
  .header__inner{display: flex !important; justify-content: space-between; align-items: center;}
  .header__navigation{display: none;}
}
/* 5. PARTNERS */
.partners{background: #F5F4F2; padding: 28px 0; border-bottom: 1px solid var(--line); border-bottom-width: 0;}
.v3-partners-wrap{max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 48px; flex-wrap: nowrap;}
.v3-partners-wrap .partners__title{font-family: 'Anek Latin', sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -.01em; color: #2e4a55; flex-shrink: 0; line-height: 1;}
.v3-ticker{position: relative; overflow: hidden; flex: 1; min-width: 0;}
.v3-ticker::before,
.v3-ticker::after{content: ""; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none;}
.v3-ticker::before{left: 0;  background: linear-gradient(to right, #ebebeb, transparent);}
.v3-ticker::after{right: 0; background: linear-gradient(to left,  #ebebeb, transparent);}
.v3-ticker-track{display: flex; align-items: center; gap: 64px; width: max-content; animation: v3-ticker-scroll 32s linear infinite;}
.v3-ticker-track:hover{animation-play-state: paused;}
.v3-ticker-item{flex: 0 0 auto; display: flex; align-items: center;}
.v3-ticker-item img{max-height: 52px; width: auto; display: block; opacity: .65; filter: grayscale(1);}
/* 6. SECTION TWEAKS */
.description{background: linear-gradient(180deg, #C9ECFF, #FFFFFF);}
.description__box-row{background: transparent; border-radius: 0; padding: 12px 0; box-shadow: none; border: none;}
.description__box-row > .iconBox{background: linear-gradient(135deg, #e8f2ff, #c8dcff); color: var(--brand-deep); border-radius: 12px; overflow: hidden; width: 52px; height: 52px; flex-shrink: 0;}
.description .title{text-align: center; margin-left: auto; margin-right: auto;}
.how__box-image{background: linear-gradient(135deg, #E8F2FF, #C8DCFF); flex: 0 0 44%; width: 44%; aspect-ratio: 3/2 !important;}
.how__box{gap: 75px; justify-content: space-between; align-items: flex-start;}
.how__box-content{flex: 0 0 calc(56% - 75px); max-width: none;}
.split{background: #ddeaf8;}
.split__box b{color: var(--brand-deep); font-size: 48px; min-width: 100px; line-height: 1;}
.split__box span{font-size: 18px; line-height: 1.35; text-align: left;}
.set__box{max-width: none;}
.set__box-image{background: linear-gradient(135deg, #E8F2FF, #C8DCFF); aspect-ratio: 308/280;}
.set__box-body{padding: 10px 20px 20px;}
.set__box-title{font-size: 24px; margin-bottom: 5px;}
.set__box-text{font-size: 16px; line-height: 1.5;}
.marquee__item svg{color: #4D9FEC;}
.tp-reviews__bar-fill{background: #00b67a;}
.expert__media{min-height: unset; height: 100%;}
.expert__role{text-decoration: none; border-bottom: none;}
.faq__box-footer{display: none;}
.faq__box.open .faq__box-footer{display: block;}
.faq__box.open .faq-vertical{display: none;}
.footer{padding: 48px 0 36px; background: rgb(12 30 56);}
.footer .container{text-align: center;}
.footer__logo{margin: 0 auto 20px; display: flex; justify-content: center;}
.footer__nav{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px 28px; max-width: 940px; margin: 0 auto 18px;}
.footer__nav a{font-weight: 700; font-size: 15px; color: #fff; text-decoration: none; opacity: .9; letter-spacing: .01em;}
.footer__nav a:hover{opacity: 1 !important; color: #fff !important;}
.footer__copy{font-weight: 700; font-size: 15px; color: #fff; opacity: 1; margin: 0 auto 18px;}
.footer__legal{font-size: 13px; font-weight: 500; line-height: 1.6; color: rgba(255,255,255,.5); max-width: 700px; margin: 0 auto 26px;}
.footer__payments{display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin: 0;}
.footer__payments img{height: 28px; width: auto; border-radius: 4px;}
/* 8. RESPONSIVE */
@media (max-width: 560px) {
  .hero{overflow-x: hidden;}
}
@media (max-width: 480px) {
  .faq__box-footer-inner,
.reviews__box-review,
.tp-reviews__card-text,
.hero__subtitle,
.how__box-text,
.set__box-text,
.expert__quote{font-size: 15px !important; line-height: 1.6 !important;}
  p,
li{line-height: 1.6 !important;}
}
@media (max-width: 700px) {
  .footer__logo{align-items: center;}
  .footer__payments{justify-content: center;}
}
@media (max-width: 768px) {
  .why-pheromones-imgs{width: 100%; min-height: 240px;}
  .why-phero-imgframe{min-height: 240px;}
  .why-phero-copy{width: 100%;}
  .why-it-works{padding: 50px 0 0;}
  .hero__mobile-img{display: block; margin-bottom: 20px;}
  .hero__inner .hero__rated{display: flex; flex-wrap: nowrap !important; align-items: center; gap: 4px !important; white-space: nowrap;}
  .hero__inner .hero__rated-image{display: flex; flex-wrap: nowrap; gap: 1px; flex-shrink: 0;}
  .hero__inner .hero__rated-image svg{width: clamp(10px, 2.8vw, 16px); height: clamp(10px, 2.8vw, 16px) !important;}
  .hero__inner .hero__rated-image svg.tp-strip{width: auto !important; height: clamp(10px, 2.8vw, 16px) !important;}
  .hero__inner .hero__rated span:last-child{font-size: clamp(10px, 2.6vw, 13px); white-space: nowrap;}
  .hero__inner .hero__message-body{flex-wrap: nowrap; font-size: 12px; padding: 8px 10px; gap: 5px; white-space: nowrap; overflow: hidden;}
  .hero__inner .hero__message-body svg{flex-shrink: 0; width: 11px; height: 18px;}
  .hero__inner .cta-bottom{flex-wrap: nowrap; font-size: clamp(10px, 2.5vw, 13px) !important; gap: 5px !important; white-space: nowrap; width: 100%; justify-content: center;}
  .hero__inner .cta-low{white-space: nowrap;}
  .partners{padding: 12px 0 !important;}
  .v3-partners-wrap{padding: 0 12px; gap: 8px; flex-wrap: wrap; flex-direction: column; align-items: center;}
  .v3-partners-wrap .partners__title{font-size: 18px !important; display: block; text-align: center; width: 100%; opacity: 1; visibility: visible; padding: 8px 0 4px; line-height: 1.3; position: relative; z-index: 10; order: -1;}
  .v3-partners-wrap .v3-ticker{order: 1; width: 100%;}
  .v3-ticker-track{gap: 32px;}
  .v3-ticker-item{padding: 0 16px;}
  .v3-ticker-item img{max-height: 64px; width: auto;}
  .split__content{padding: 24px 0 !important;}
  .description__inner{padding: 0; box-sizing: border-box;}
  .set__inner{padding: 0; box-sizing: border-box;}
  .how__inner{padding: 0; box-sizing: border-box;}
  .faq .container{padding: 0 12px; box-sizing: border-box;}
  .tp-reviews .container{padding: 0 12px; box-sizing: border-box;}
  .comp .container{padding: 0 12px; box-sizing: border-box;}
  .cta-group-hero{align-items: center; text-align: center; width: 100%;}
  .cta-group-hero .cta-bottom{justify-content: center;}
  .cta-group{display: flex !important; flex-direction: column; align-items: center; margin-left: auto; margin-right: auto;}
  .cta-group .cta-button{width: 100%; box-sizing: border-box;}
  .cta-group .cta-bottom{display: flex; justify-content: center; text-align: center; width: 100%; flex-wrap: wrap !important; gap: 6px !important;}
  .how__inner .cta-group,
.description__inner .cta-group{width: calc(100% + 40px) !important; max-width: calc(100% + 40px) !important; margin-left: -20px !important; margin-right: -20px !important; align-items: center !important; box-sizing: border-box !important;}
  .how__inner .cta-group .cta-button,
.description__inner .cta-group .cta-button{width: calc(100% - 40px) !important; max-width: 480px !important; margin: 0 auto !important;}
  .how__inner .cta-group .cta-bottom,
.description__inner .cta-group .cta-bottom{justify-content: center !important; width: 100% !important;}
  .how__box-image{width: 100% !important; max-width: 100%;}
  .how__box-text{width: 100%; max-width: 100%; text-align: left;}
  .how__boxes{gap: 36px !important;}
  .set__box{width: 100%; max-width: 100%; padding: 0; overflow: hidden;}
  .set__boxes{flex-direction: column; align-items: stretch;}
  .set__box-image{margin: 0; border-radius: 0;}
  .set__box-image img{width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0;}
  .comp{overflow-x: hidden; overflow-y: visible;}
  .guarantee-card{flex-direction: column; padding: 20px !important; text-align: center; gap: 16px !important;}
  .guarantee-card img{width: 160px !important; height: 160px !important;}
  .guarantee-card > div:last-child p{width: 100%;}
  .guarantee-card > div:last-child h2{font-size: 24px;}
  #buy{padding: 50px 0;}
  #addCart{width: 100%;}
  .buy-card{flex-direction: column; min-height: unset !important; overflow: visible !important;}
  .buy-card__image{display: none;}
  .buy-card__image--mobile{display: block !important; margin-top: -8px !important; margin-bottom: 12px !important;}
  .buy-card__content{padding: 28px 20px !important; width: 100%; box-sizing: border-box;}
  .buy-card__content .cta-button{width: 100%; box-sizing: border-box;}
  .buy-social-proof{gap: clamp(4px, 1.5vw, 10px) !important; padding: 7px 10px !important; width: 100%; box-sizing: border-box; flex-wrap: nowrap;}
  .buy-social-proof .buy-avatar-img{width: clamp(20px, 5vw, 28px); height: clamp(20px, 5vw, 28px);}
  .buy-social-proof b{font-size: clamp(10px, 2.8vw, 13px);}
  .expert__inner{height: unset; min-height: unset;}
  .expert__media{width: 100%; min-height: 0 !important; height: auto; aspect-ratio: 4/3;}
  .expert__body{padding: 32px 24px !important; display: block;}
  .expert__role{width: 100% !important;}
  .expert__quote span{width: 100%; font-size: 18px;}
  .tp-reviews__bar-label{width: 100px !important; min-width: 100px !important; font-size: 13px;}
  .description__boxes{gap: 0;}
  .description__box{gap: 0;}
  .description__box-row > .iconBox{min-height: 45px; min-width: 45px; width: 45px; height: 45px;}
  .description{padding-top: 20px; padding-bottom: 20px;}
  .footer__legal{font-size: 14px;}
  .buy-social-proof{justify-content: space-between; gap: 0 !important; padding: 10px 5px !important;}
  .buy-social-left{display: flex; align-items: center; gap: 8px; width: 50%;}
  .buy-social-instock{width: 50%; justify-content: center;}
  .buy-trust-bullets{grid-template-columns: 1fr 1fr !important; gap: 10px 10px !important;}
  .comp-cta-group{display: none !important;}
  .description-cta-group{display: none !important;}
}
@media (max-width: 768px) {
  .hero__inner .hero__message-body.selling-fast-bar{font-size: clamp(12px, 3.95vw, 16px) !important; font-weight: 600; padding: 8px 8px !important; gap: 6px !important;}
  .hero__inner .hero__message-body.selling-fast-bar svg{width: clamp(12px, 3.95vw, 16px) !important; height: auto !important;}
}
@media (min-width: 769px) {
  .hero__inner .hero__message-body.selling-fast-bar{font-size: 16.5px; font-weight: 600; padding: 9px 16px; gap: 8px;}
  .hero__inner .hero__message-body.selling-fast-bar svg{width: 16px; height: auto;}
}
@media (max-width: 430px) {
  .how__box-title{font-size: 26px;}
  .how__box-text{font-size: 16px !important;}
  .how-review-text{font-size: 15px;}
  .how-review-name{font-size: 15px;}
}
@media (max-width: 390px) {
  .how__box-title{font-size: 24px;}
  .how__box-text{font-size: 15px !important;}
  .how-review-text{font-size: 15px;}
  .how-review-name{font-size: 15px;}
}
@media (max-width: 375px) {
  .how__box-title{font-size: 22px;}
  .how__box-text{font-size: 15px;}
  .how-review-text{font-size: 15px;}
  .how-review-name{font-size: 15px;}
}
@media (max-width: 320px) {
  .how__box-title{font-size: 20px;}
  .how__box-text{font-size: 15px;}
  .how-review-text{font-size: 15px;}
  .how-review-name{font-size: 15px;}
}
@media (max-width: 430px) {
  .hero__inner .hero__subtitle{font-size: 16px !important;}
}
@media (max-width: 390px) {
  .hero__inner .hero__subtitle{font-size: 15px !important;}
}
@media (max-width: 375px) {
  .hero__inner .hero__subtitle{font-size: 15px;}
}
@media (max-width: 320px) {
  .hero__inner .hero__subtitle{font-size: 14px !important;}
}
@media (max-width: 430px) {
  .hero__inner .hero__checks-item{font-size: 16px !important;}
}
@media (max-width: 390px) {
  .hero__inner .hero__checks-item{font-size: 14px !important;}
}
@media (max-width: 375px) {
  .hero__inner .hero__checks-item{font-size: 13.5px !important;}
}
@media (max-width: 320px) {
  .hero__inner .hero__checks-item{font-size: 11.25px !important;}
}
@media (min-width: 769px) {
  .why-it-works{padding: 80px 0;}
}
@media (max-width: 768px) {
  .results-scroll-section{padding-top: 50px !important;}
  section#overview.description{padding-top: 50px;}
  section.how{padding-top: 40px; padding-bottom: 40px;}
}
@media (max-width: 768px) {
  .tp-reviews__card-title{font-size: 24px;}
  .tp-reviews__card-text{font-size: 18px !important;}
  .reviews__box-title{font-size: 20px;}
  .reviews__box-review{font-size: 16px !important;}
  .faq__box-question{font-size: 20px;}
  .faq__box-footer-inner{font-size: 16px !important;}
  .faq{padding: 35px 0 28px;}
  .tp-reviews{padding-bottom: 0 !important;}
  .guarantee-card{padding-top: 0 !important; gap: 0 !important; border-radius: 0 !important;}
  .guarantee-card p{font-size: 16px;}
}
@media (max-width: 430px) {
  .reviews__box-title{font-size: 20px;}
  .reviews__box-review{font-size: 16px;}
  .set__box-title{font-size: 26px !important;}
  .set__box-text{font-size: 18px !important;}
  .tp-reviews__card-title{font-size: 22px !important;}
  .tp-reviews__card-text{font-size: 18px;}
  .faq__box-question{font-size: 19px !important;}
  .faq__box-footer-inner{font-size: 16px;}
}
@media (max-width: 390px) {
  .reviews__box-title{font-size: 16px !important;}
  .reviews__box-review{font-size: 14px !important;}
  .set__box-title{font-size: 22px !important;}
  .set__box-text{font-size: 16px !important;}
  .tp-reviews__card-title{font-size: 19px !important;}
  .tp-reviews__card-text{font-size: 16px !important;}
  .faq__box-question{font-size: 17.5px !important;}
  .faq__box-footer-inner{font-size: 15.5px !important;}
}
@media (max-width: 375px) {
  .reviews__box-title{font-size: 16px;}
  .reviews__box-review{font-size: 14px;}
  .set__box-title{font-size: 21px !important;}
  .set__box-text{font-size: 15px !important;}
  .tp-reviews__card-title{font-size: 19px;}
  .tp-reviews__card-text{font-size: 16px;}
  .faq__box-question{font-size: 16.5px !important;}
  .faq__box-footer-inner{font-size: 14.5px !important;}
}
@media (max-width: 320px) {
  .reviews__box-title{font-size: 14px !important;}
  .reviews__box-review{font-size: 12px !important;}
  .set__box-title{font-size: 17px !important;}
  .set__box-text{font-size: 14px !important;}
  .tp-reviews__card-title{font-size: 15.5px !important;}
  .tp-reviews__card-text{font-size: 14px !important;}
  .faq__box-question{font-size: 13.5px !important;}
  .faq__box-footer-inner{font-size: 12px !important;}
}
@media (max-width: 768px) {
  .expert__quote span{font-size: 18px;}
  .expert__name{font-size: 30px;}
  .expert__role{font-size: 18px;}
}
@media (max-width: 430px) {
  .expert__quote span{font-size: 16px;}
  .expert__name{font-size: 28px;}
  .expert__role{font-size: 16px !important;}
}
@media (max-width: 390px) {
  .expert__quote span{font-size: 15px;}
  .expert__name{font-size: 26px;}
  .expert__role{font-size: 15px !important;}
}
@media (max-width: 375px) {
  .expert__quote span{font-size: 14px;}
  .expert__name{font-size: 24px;}
  .expert__role{font-size: 14px !important;}
}
@media (max-width: 320px) {
  .expert__quote span{font-size: 12px;}
  .expert__name{font-size: 20px;}
  .expert__role{font-size: 12px !important;}
}
@media (max-width: 768px) {
  .buy-subtitle{font-size: 16px !important;}
}
@media (max-width: 430px) {
  .buy-subtitle{font-size: 16px;}
}
@media (max-width: 390px) {
  .buy-subtitle{font-size: 15.5px !important;}
}
@media (max-width: 375px) {
  .buy-subtitle{font-size: 14.5px !important;}
}
@media (max-width: 320px) {
  .buy-subtitle{font-size: 12px !important;}
}
@media (max-width: 768px) {
  .buy-eyebrow{font-size: 12px !important;}
}
@media (max-width: 430px) {
  .buy-eyebrow{font-size: 11px !important;}
}
@media (max-width: 390px) {
  .buy-eyebrow{font-size: 10px !important;}
}
@media (max-width: 375px) {
  .buy-eyebrow{font-size: 10px;}
}
@media (max-width: 320px) {
  .buy-eyebrow{font-size: 9px !important;}
}
/* Section headline typography lives in sales-page-styles.css (mobile section type system).
   Brand files set colors and brand-specific components only, never section headline sizes. */
@media (max-width: 980px) {
  .header__cta-group{display: none !important;}
  .header__hamburger{display: block;}
}
/* 9. POWER STIR MUG PALETTE */
body{color:#4A5868;}
h1,
h2,
h3{color:#0F243A;}
li a{color:#B33E00; text-decoration:underline;}
li a:hover{color:#0F243A;}
.announcebar, .announcebar__inner, .announcebar__offer, .announcebar__divider, .announcebar__note{background:#FFE9DC; color:#0F243A;}
.announcebar{background:#FFE9DC !important;}
.header__menu-link{color:#0F243A;}
.header__menu-link:hover{color:#B33E00;}
.header__hamburger{color:#0F243A;}
.hero{background:#E8F2FF;}
.hero__title, .hero__title em, .hero__checks-item, .hero__rated, .hero__inner .cta-bottom{color:#0F243A;}
.hero__subtitle{color:#4A5868; opacity:1;}
.hero__message-body{background:#FFE9DC; border-color:rgba(15,36,58,.12); color:#0F243A;}
.partners{background:#FFFFFF;}
.v3-ticker::before{background:linear-gradient(to right,#FFFFFF,transparent);}
.v3-ticker::after{background:linear-gradient(to left,#FFFFFF,transparent);}
.v3-partners-wrap .partners__title{color:#0F243A;}
.description{background:#E8F2FF;}
.description__box-row > .iconBox{background:#FFE9DC; color:#0F243A;}
.how{background-color:#FFFFFF;}
.how__box-image,
.set__box-image{background:#E8F2FF;}
.how__pill{background:#FFE9DC; color:#0F243A;}
.how__pill span{color:#0F243A;}
.how-review{background:#E8F2FF; border-left-color:#0F243A;}
.how-review-text{color:#4A5868;}
.split{background:#E8F2FF;}
.split__box b{color:var(--brand);}
.title-header::before, .title-header::after, .reviews-eyebrow::before, .reviews-eyebrow::after, .results-eyebrow::before, .results-eyebrow::after{background:rgba(179,62,0,.4);}
/* Dark "How it works" band */
.set--steps{background:#0F243A;}
.set--steps .title, .set--steps .title em{color:#FFFFFF;}
.set--steps .title-header{color:#FF8F6D;}
.set--steps .title-header::before, .set--steps .title-header::after{background:rgba(255,143,109,.5);}
.set--steps .set__box{background:#18324F; border-color:rgba(255,255,255,.1);}
.set--steps .set__box-title{color:#FFFFFF;}
.set--steps .set__box-text, .set--steps .set__box-text b{color:#C9D3DE;}
.set--steps .set__box-text b{color:#FFFFFF;}
.set--steps .how__carousel-dots button{background:rgba(255,255,255,.3);}
.set--steps .how__carousel-dots button.active{background:#FF8F6D;}
.marquee__item svg{color:#FF8F6D;}
.comp{background:#E8F2FF;}
/* Guarantee band: peach, navy text */
.guarantee-band{background:#FFE9DC;}
.guarantee-card{background:#FFE9DC;}
.guarantee-card__title{color:#0F243A;}
.guarantee-card__text{color:#0F243A;}
/* Buy box */
.buy-card__image, .buy-card__image--mobile{background:#E8F2FF;}
.buy-badge{background:#FFE9DC; color:#0F243A;}
.buy-eyebrow{color:#0F243A;}
.cta-bottom, .cta-low{color:#5F6B7A;}
.expert{background:#E8F2FF;}
.faq__box-icon{background:#E8F2FF; color:#0F243A;}
.faq__box.open .faq__box-icon{background:#0F243A; color:#FFFFFF;}
/* Footer */
.footer{background:#0F243A;}
.footer__logo-img{filter:none;}
.footer__nav a, .footer__copy{color:#FFFFFF;}
.footer__nav a:hover{color:#FF8F6D !important;}
.footer__legal{color:#C9D3DE;}
.trustbar__item svg, .trustbar__icon{color:#FF8F6D !important; stroke:#FF8F6D !important;}
.hero__title em, .hero__title .hero__title-line2{color:#FF6200 !important;}
.hero__title{color:#13263F !important;}

/* ===================== sales-page-sections ===================== */
/* ============================================================
   GENERAL SALES, SECTION STYLES
   Loads AFTER brand.css. That order is deliberate: these rules
   used to live in a <style> block in the page head, which sat
   after brand.css, so they outrank it. Keeping the position
   keeps the rendering identical.

   Load order for this template:
     1. sales-page-styles.css    base component library
     2. brand.css                brand tokens, colours, logo
     3. sales-page-sections.css  this file, section layout
   ============================================================ */
/* ============================================================
   TEMPLATE COMPONENT STYLES
   Moved out of the page head so the markup ships class-only.
   Brand colours resolve through the tokens declared in brand.css.
   ============================================================ */
.hero__checks-item{align-items: flex-start !important;}
.why-phero-title br{display: none;}
.why-3up{display: none;}
.why-solution-icon{width: 24px; height: 24px; flex-shrink: 0; border-radius: 50%; object-fit: cover; display: block;}
.wrong-badge{display: none;}
.why-intro-p b, .why-solution-p b{display: block; font-family: 'Anek Latin',sans-serif; font-size: 28px; font-weight: 800; line-height: 1.1; letter-spacing: -.025em; margin-bottom: 10px; color: var(--ink);}
.why-intro-p b::after{display: none;}
.why-intro-p b{margin-bottom: 14px;}
.why-intro-p, .why-solution-p{color: #1F2937;}
.wrong-kicker{display: none;}
.wrong-kicker::before{content: "\2715"; flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; background: #DC2626; color: #fff; font-size: 13px; font-weight: 700; display: grid; place-items: center;}
.vs-divider{display: flex; align-items: center; margin: 18px 0 16px;}
.vs-divider::before, .vs-divider::after{content: ""; flex: 1 1 auto; height: 1px; background: rgba(12,30,56,.14);}
.vs-divider span{flex-shrink: 0; width: 46px; height: 46px; margin: 0 14px; border-radius: 50%; background: var(--brand); color: #fff; font-weight: 800; font-size: 16px; letter-spacing: -.01em; display: grid; place-items: center;}
.why-solution-kicker{display: block; margin: 0 0 18px; font-weight: 800; font-size: 16px; line-height: 1.3; color: var(--brand);}
@media (max-width: 768px) {
  .wrong-row{display: block !important;}
  .wrong-badge{display: none !important;}
  .why-intro-p{margin: 0 0 9px !important; font-size: clamp(15px, 4.2vw, 16.5px) !important; line-height: 1.5 !important; color: #1F2937 !important;}
  .why-intro-p b{display: block; font-family: 'Anek Latin',sans-serif; font-size: clamp(26px, 7.2vw, 30px); font-weight: 800; line-height: 1.08; letter-spacing: -.025em; margin-bottom: 8px;}
  .why-intro-p b::after{content: ""; display: block; width: 56px; height: 5px; border-radius: 2px; background: #DC2626; margin: 14px 0 16px;}
  .wrong-kicker{display: flex !important; align-items: center; gap: 12px; margin: 16px 0 0; padding: 13px 15px; border: 1.5px solid #DC2626; border-radius: 10px; background: #FEF2F2; font-weight: 800; font-size: clamp(14px, 3.9vw, 15.5px); line-height: 1.3; color: #DC2626;}
  .wrong-kicker::before{content: "\2715"; flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; background: #DC2626; color: #fff; font-size: 13px; font-weight: 700; display: grid; place-items: center;}
  .vs-divider{display: flex !important; align-items: center; margin: 22px 0 18px;}
  .vs-divider::before, .vs-divider::after{content: ""; flex: 1 1 auto; height: 1px; background: rgba(12,30,56,.14);}
  .vs-divider span{flex-shrink: 0; width: 58px; height: 58px; margin: 0 14px; border-radius: 50%; background: var(--brand); color: #fff; font-weight: 800; font-size: 20px; letter-spacing: -.01em; display: grid; place-items: center;}
  .why-solution{padding: 22px 18px !important; border-radius: 16px !important;}
  .why-solution-p{margin: 0 0 9px !important; font-size: clamp(14.5px, 4vw, 16px) !important; line-height: 1.45 !important;}
  .why-solution-p b{display: block; font-family: 'Anek Latin',sans-serif; font-size: clamp(19px, 5.6vw, 23px); font-weight: 800; line-height: 1.15; letter-spacing: -.02em; margin-bottom: 8px;}
  .why-solution-kicker{display: block !important; margin: 0 0 18px; font-weight: 800; font-size: clamp(14px, 3.9vw, 15.5px); line-height: 1.3; color: var(--brand);}
  .why-solution-rows{border-top: 1px solid rgba(12,30,56,.12); padding-top: 18px; gap: 16px !important;}
  .why-solution-row{position: relative; gap: 14px !important;}
  .why-solution-row > .why-solution-icon{width: 44px !important; height: 44px !important; margin-top: 0 !important;}
  .why-solution-row:not(:last-child)::before{content: ""; position: absolute; left: 21px; top: 48px; bottom: -16px; border-left: 2px dashed rgba(26,111,212,.4);}
  .why-solution-row p{font-size: clamp(13.5px, 3.8vw, 15px) !important; line-height: 1.4 !important;}
  .why-solution-row p b{display: block; margin-bottom: 3px;}
}
@media (max-width: 768px) {
  .why-it-works{padding-top: 20px !important;}
  .why-pheromones-row{flex-direction: column !important; gap: 24px !important;}
  .why-pheromones-imgs{display: none !important;}
  .why-phero-img-mobile{display: block !important;}
  .why-phero-eyebrow{text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; font-size: 13px !important; letter-spacing: .16em !important; margin: 0 auto 14px !important;}
  .why-phero-eyebrow::before, .why-phero-eyebrow::after{content: ""; height: 1px; flex: 1 1 auto; max-width: 44px; background: rgba(26,111,212,.4);}
  .why-phero-title{text-align: center !important; font-size: clamp(30px, 9.8vw, 42px) !important; line-height: 1.02 !important; letter-spacing: -.03em !important; font-weight: 800 !important; max-width: min(calc(100vw - 24px), 400px) !important; margin: 0 auto 14px !important;}
  .why-phero-title br{display: revert !important;}
  .why-phero-title em{font-style: normal !important; color: var(--brand) !important;}
  .why-3up{display: none !important;}
  .why-3up__item{position: relative; text-align: center; padding: 0 6px;}
  .why-3up__item + .why-3up__item::before{content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 1px; background: rgba(12,30,56,.12);}
  .why-3up__badge{display: none;}
  .why-3up__label{font-weight: 800; font-size: clamp(13px, 3.7vw, 14.5px); line-height: 1.2; color: var(--ink); margin: 0 0 5px;}
  .why-3up__desc{font-size: clamp(11.5px, 3.3vw, 13px); line-height: 1.3; color: var(--muted); margin: 0;}
  .why-phero-img-mobile{position: relative !important;}
  .how__box{justify-content: flex-start !important; gap: 12px !important;}
}
.how__pill{margin: 14px 0 0; font-size: 15.5px; line-height: 1.45; color: var(--ink);}
.how__pill b{font-weight: 800;}
.how__pill span{color: var(--brand);}
@media (max-width: 768px) {
  .how__box-title{font-size: clamp(26px, 7.2vw, 30px) !important; line-height: 1.08 !important; letter-spacing: -.02em !important; font-weight: 800 !important;}
  .how__box-title em{display: block; font-style: normal; color: var(--brand);}
  .how__box-title--step1 em{display: block !important;}
  .how__box-title::after{content: ""; display: block; height: 1px; background: rgba(12,30,56,.14); margin: 14px 0 0;}
  .how__pill{display: flex; align-items: flex-start; gap: 10px; background: #EBF4FF; border-radius: 12px; padding: 8px 12px; margin: 16px 0 0; font-size: clamp(14px, 3.9vw, 15.5px); line-height: 1.4;}
  .how-review-name{font-size: 14.5px !important;}
}
.comp__title--mobile em{font-style: normal; color: var(--brand);}
.comp__sub{text-align: center; max-width: 560px; margin: 14px auto 0; font-size: 17px; line-height: 1.45; color: var(--muted); text-wrap: pretty;}
@media (max-width: 768px) {
  .comp__sub{max-width: 340px !important;}
  .ct-mob-feat{display: flex !important; align-items: center !important; gap: 11px !important;}
}
.title-header, .tp-reviews__eyebrow{display: flex !important; align-items: center; justify-content: center; gap: 14px;}
.title-header::before, .title-header::after{content: ""; height: 1px; flex: 1 1 auto; max-width: 60px; background: rgba(26,111,212,.5);}
.tp-reviews__eyebrow::before, .tp-reviews__eyebrow::after{content: ""; height: 1px; flex: 1 1 auto; max-width: 60px; background: rgba(0,182,122,.5);}
.reviews-eyebrow{display: flex !important; align-items: center; justify-content: center; gap: 14px; font-family: 'Montserrat',sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--brand); margin: 0 0 14px;}
.reviews-eyebrow::before, .reviews-eyebrow::after{content: ""; height: 1px; flex: 1 1 auto; max-width: 60px; background: rgba(26,111,212,.5);}
.how__box-title::after{content: ""; display: block; height: 1px; background: rgba(12,30,56,.14); margin: 14px 0 0;}
.how__pill{display: flex; align-items: flex-start; gap: 10px; background: #EBF4FF; border-radius: 12px; padding: 10px 14px; margin: 16px 0 0; font-size: 16px; line-height: 1.45; color: var(--ink);}
.how__pill::before{content: "\2713"; flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: var(--brand); color: #fff; font-size: 12px; font-weight: 700; display: grid; place-items: center; margin-top: 1px;}
.reviews__box-title{position: relative;}
.reviews__box-title::after{content: "\201D"; color: var(--brand); font-size: 1.5em; line-height: 0; vertical-align: -.28em; margin-left: 4px;}
.why-phero-title em,
.reviews__title em,
.how__box-title em{color: var(--brand);}
.reviews-sub{display: block; text-align: center; font-size: 19px; line-height: 1.4; color: var(--muted); max-width: 560px; margin: 16px auto 32px;}
@media (max-width: 768px) {
  .title-header, .tp-reviews__eyebrow{gap: 14px;}
}
.results-eyebrow{display: flex !important; align-items: center; justify-content: center; gap: 14px;}
.results-eyebrow::before, .results-eyebrow::after{content: ""; height: 1px; flex: 1 1 auto; max-width: 60px; background: rgba(26,111,212,.5);}
.results-scroll-title br{display: none;}
@media (max-width: 768px) {
  .results-scroll-title{font-size: clamp(34px, 9.8vw, 42px) !important; font-weight: 800 !important; line-height: 1.02 !important; letter-spacing: -.03em !important; max-width: min(calc(100vw - 24px), 400px) !important; margin: 0 auto !important;}
  .results-scroll-title br{display: revert;}
}
.hero__checks-item svg{margin-top: 2px;}
@media (max-width: 768px) {
  .hero__checks-item svg{width: 25px !important; height: 25px !important; flex-shrink: 0 !important; margin-top: 0 !important;}
  .hero__checks-item{position: relative !important; align-items: center !important; white-space: normal !important; line-height: 1.3 !important; padding: 5px 0 !important; gap: 14px !important; text-align: left !important;}
  .hero__checks{gap: 0 !important;}
}
.trustbar .trustbar__inner, .trustbar .trustbar__item{color: #fff !important;}
.instock-label{font-size: var(--instock-fs, 13.5px) !important; white-space: nowrap !important;}
.hero__rated{font-size: var(--hero-rated-fs,  15px) !important;}
.hero__title{font-size: var(--hero-title-fs,  48px) !important;}
.hero__checks-item{font-size: var(--hero-bullet-fs, 18px) !important;}
@media (max-width: 768px) {
  .hero__checks-item{font-size: clamp(15.5px, 4.9vw, 19px) !important; letter-spacing: -0.01em !important;}
  .hero__checks-item b{font-weight: 800 !important;}
}
@media (max-width: 768px) {
  .hero__rated{font-size: clamp(16px, 4.9vw, 19px) !important; gap: 8px !important;}
  .hero__rated .tp-strip{width: clamp(118px, 36.5vw, 146px) !important; height: auto !important;}
  .hero__message{max-width: none !important;}
  .selling-fast-bar{width: 100% !important; font-size: clamp(15px, 4.9vw, 21px) !important; font-weight: 600 !important; padding: 12px 10px !important; gap: 9px !important;}
  .selling-fast-bar svg{width: 19px !important; height: 27px !important;}
  .selling-fast-bar b, .selling-fast-bar .sf-num{color: var(--action) !important; font-weight: 700 !important;}
}
@media (min-width: 769px) {
  .hero__mobile-img{display: none !important;}
  .hero{background: #E8F2FF !important;}
}
@media (max-width: 768px) {
  .hero{background: #fff !important;}
  .hero-video{display: none !important;}
  .hero__mobile-img{background: #C8DCFF !important; border-radius: 0 !important; margin-left: -20px !important; margin-right: -20px !important; width: calc(100% + 40px) !important;}
  .hero__inner{display: flex !important; flex-direction: column !important;}
  .hero__title{text-align: center !important;}
  .hero__title-line2{display: block !important; margin-top: 6px !important; font-size: .82em !important; font-weight: 800 !important; letter-spacing: -0.02em !important; line-height: 1.02 !important;}
  .hero__inner{padding-top: 24px !important;}
  .hero__rated{order: 1; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 6px !important; width: 100% !important;}
  .hero__rated-score{display: none !important;}
  .hero__title{order: 2; font-size: clamp(28px, 8.7vw, 44px) !important; line-height: 1.02 !important; letter-spacing: -0.025em !important; font-weight: 800 !important;}
  .hero__mobile-img{display: block !important; order: 3; margin: 0 -20px !important;}
  .hero__subtitle{order: 4; margin-top: 16px !important; margin-bottom: 4px !important; text-align: center !important; font-size: clamp(15.5px, 4.3vw, 17px) !important; font-weight: 400 !important; line-height: 1.5 !important; color: var(--ink) !important; max-width: 100% !important; width: 100% !important; letter-spacing: 0 !important; text-wrap: pretty !important;}
  .hero__subtitle b{font-weight: 800 !important;}
  .hero__title em{background: none !important; color: var(--brand) !important; -webkit-text-fill-color: var(--brand) !important;}
  .hero__checks{order: 5; align-items: stretch !important; display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; margin: 22px 0 0 !important; padding-left: 0 !important; gap: 0 !important;}
  .hero__message{order: 6; margin-top: 18px !important;}
  .cta-group-hero{order: 7;}
}
@media (max-width: 768px) {
  .hero .hero__subtitle{text-align: left !important; margin-bottom: 0 !important;}
  .hero .hero__checks{margin-top: 10px !important;}
}
@media (max-width: 768px) {
  .results-scroll-section{padding-top: 50px !important;}
  section#overview.description{padding-top: 56px !important; padding-bottom: 0 !important;}
  section.how{padding-top: 56px !important; padding-bottom: 56px !important;}
  .desc-mobile-img{display: flex !important;}
  .desc-desktop-img{display: none !important;}
}
@keyframes results-scroll{ 0% { transform: translateX(0); } 100% { transform: translateX(calc(-50% - 8px)); } }
.reviews__box-review{color: var(--muted) !important;}
.expert__quote, .expert__quote span{color: var(--muted) !important;}
.reviews__box-header img{width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important;}
.expert__inner{background: transparent !important;}
.expert__quote .expert__qmark{display: none;}
.expert__sign > span{display: flex; flex-direction: column; gap: 2px;}
.expert__sign .expert__sign-mark, .expert__sign .expert__sign-name{display: block;}
@media (max-width: 980px) {
  .expert__inner{height: auto !important;}
}
@media (max-width: 768px) {
  .expert__eyebrow{position: relative !important; text-align: left !important; max-width: none !important; padding-bottom: 9px !important; margin: 0 0 14px !important;}
  .expert__eyebrow::after{content: ""; position: absolute; left: 0; bottom: 0; width: 52px; height: 2px; background: var(--brand);}
  .expert__name{font-size: clamp(28px, 8vw, 34px) !important; line-height: 1.05 !important; margin: 0 0 14px !important;}
  .expert__role{display: none !important;}
  .expert-rule{display: block !important; height: 1px; background: rgba(12,30,56,.14); margin: 18px 0;}
  .expert__quote{display: flex !important; gap: 10px; padding: 0 !important;}
  .expert__quote .expert__qmark{display: block !important; width: auto !important; flex: 0 0 auto; font-family: Georgia, "Times New Roman", serif; font-size: 44px !important; line-height: .8; color: var(--brand) !important;}
  .expert__quote .expert__quote-text{width: auto !important; flex: 1 1 auto; min-width: 0; font-size: 15.5px !important; line-height: 1.5 !important;}
  .expert__quote .expert__quote-text b{color: var(--brand) !important; font-weight: 800;}
  .expert__sign{display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 13px !important; margin-top: 20px !important;}
  .expert__sign > span{align-items: flex-start;}
  .expert__sign-mark{font-size: 30px !important; line-height: 1 !important; display: block;}
  .expert__sign-name{display: block; font-size: 13px !important; color: var(--muted) !important;}
}
@media (max-width: 768px) {
  .expert__quote{width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;}
}
.footer__copy{text-align: center !important;}
.footer__legal{text-align: center !important;}
@media (max-width: 768px) {
  .footer__payments{padding-bottom: 0 !important;}
}
@media (min-width: 769px) {
  #faq-cta-inner{max-width: none !important;}
  #faq-cta-h2{white-space: nowrap !important;}
  #faq-cta-sub{white-space: nowrap !important;}
}
.partners__title{color: #414141 !important; font-size: 22px !important;}
.v3-ticker::before{background: linear-gradient(to right, #F5F4F2, transparent) !important;}
.v3-ticker::after{background: linear-gradient(to left,  #F5F4F2, transparent) !important;}
@media (max-width: 768px) {
  .results-eyebrow{font-size: 13px !important; margin: 0 auto 14px !important;}
}
/* Reviews carousel */
.reviews__boxes{display: block !important;}
.reviews__carousel-wrap{display: contents;}
.reviews__boxes-inner{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: 100%;}
.reviews__carousel-dots{display: none; justify-content: center; gap: 8px; margin-top: 20px;}
.reviews__carousel-dots button{width: 8px; height: 8px; border-radius: 50%; background: #C8D6E9; border: none; cursor: pointer; padding: 0; transition: background .2s, transform .2s;}
.reviews__carousel-dots button.active{background: var(--brand); transform: scale(1.35);}
@media (max-width: 768px) {
  .reviews__boxes{display: block !important;}
  .reviews__carousel-wrap{display: block; overflow: hidden; width: 100%; position: relative;}
  .reviews__boxes-inner{display: flex !important; grid-template-columns: unset; flex-wrap: nowrap !important; gap: 0 !important; transition: transform .35s cubic-bezier(.4,0,.2,1); will-change: transform;}
  .reviews__boxes-inner > .reviews__box{flex: 0 0 100% !important; width: 100% !important; min-width: 100% !important;}
  .reviews__carousel-dots{display: flex !important;}
}
.reviews-sub{display: block;}
.reviews-eyebrow{display: flex;}
@media (max-width: 768px) {
  .reviews-eyebrow{display: flex !important; align-items: center; justify-content: center; gap: 14px; font-family: 'Montserrat',sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--brand); margin: 0 0 14px;}
  .reviews-eyebrow::before, .reviews-eyebrow::after{content: ""; height: 1px; flex: 1 1 auto; max-width: 60px; background: rgba(26,111,212,.4);}
  .reviews__title{text-align: center !important; font-size: clamp(34px, 9.8vw, 42px) !important; letter-spacing: -.03em !important; line-height: 1.02 !important; font-weight: 800 !important; max-width: min(calc(100vw - 24px), 400px) !important; margin: 0 auto 12px !important;}
  .reviews__title em{font-style: normal !important; font-weight: 800 !important; color: var(--brand) !important;}
  .reviews-sub{display: block !important; text-align: center; font-size: 19px; line-height: 1.4; color: var(--muted); max-width: min(calc(100vw - 24px), 400px); margin: 16px auto 28px;}
  .reviews__box-title{position: relative !important;}
  .reviews__box-title::after{content: "\201D"; color: var(--brand); font-size: 1.5em; line-height: 0; vertical-align: -.28em; margin-left: 4px;}
  .reviews__box-review b{color: var(--brand) !important;}
  .reviews__carousel-dots{margin-top: 16px !important;}
}
/* Use-cases carousel */
.set__carousel-wrap{display: contents;}
.set__carousel-dots{display: none; justify-content: center; gap: 8px; margin-top: 20px;}
.set__carousel-dots button{width: 8px; height: 8px; border-radius: 50%; border: none; background: #C8D6E9; padding: 0; cursor: pointer; transition: background .2s, transform .2s;}
.set__carousel-dots button.active{background: var(--brand); transform: scale(1.35);}
@media (max-width: 768px) {
  section.set{padding: 40px 0 !important;}
  section.set .container{padding-left: 0 !important; padding-right: 0 !important;}
  section.set .set__inner{padding: 0 !important;}
  .set__carousel-wrap{display: block; overflow: hidden; width: 100%; position: relative;}
  .set__boxes-wrapper{display: flex !important; flex-wrap: nowrap !important; overflow: visible !important; gap: 10px !important; transition: transform .35s cubic-bezier(.4,0,.2,1) !important; will-change: transform;}
  .set__box{flex: 0 0 calc(100% - 60px) !important; width: calc(100% - 60px) !important;}
  .set__carousel-dots{display: flex !important;}
}
/* How-to carousel */
.how__carousel-wrap{display: contents;}
.how__boxes-wrapper{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.how__carousel-dots{display: none; justify-content: center; gap: 7px; margin-top: 20px;}
.how__carousel-dots button{width: 8px; height: 8px; border-radius: 50%; background: #c8d6e9; border: none; cursor: pointer; padding: 0; transition: background .2s, transform .2s;}
.how__carousel-dots button.active{background: var(--brand); transform: scale(1.35);}
@media (max-width: 768px) {
  .how__carousel-wrap{display: block; overflow: hidden; position: relative; width: 100%;}
  .how__boxes-wrapper{display: flex !important; grid-template-columns: unset; gap: 10px !important; flex-wrap: nowrap !important; transition: transform .35s cubic-bezier(.4,0,.2,1); will-change: transform;}
  .how__boxes-wrapper > .set__box{flex: 0 0 calc(100% - 40px) !important; width: calc(100% - 40px) !important; min-width: 0; box-sizing: border-box; padding: 0 !important;}
  .how__boxes-wrapper > .set__box .set__box-body{padding: 16px;}
  .how__carousel-dots{display: flex !important;}
}
.step-num{display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--brand); color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 15px; margin-bottom: 12px; flex-shrink: 0;}
/* Mobile sticky bar */
#mobileStickyBar{transform: translateY(110%); transition: transform .35s cubic-bezier(.4,0,.2,1); display: none;}
@media (max-width: 768px) {
  #mobileStickyBar{display: flex;}
  #mobileStickyBar.is-visible{transform: translateY(0);}
}
.ct--mobile{display: none;}
/* Comparison mobile */
@media (max-width: 768px) {
  .ct--mobile{display: block !important;}
  /* Mobile comparison table */
  .ct-mob-hdr{display: grid; grid-template-columns: 1.6fr 1fr 1fr; column-gap: 8px; align-items: flex-end;}
  .ct-mob-hdr-spc{}
  .ct-mob-hcol{display: flex; flex-direction: column; align-items: center; position: relative;}
  .ct-mob-hcol + .ct-mob-hcol{}
  .ct-mob-himg-wrap{width: 100%; display: flex; justify-content: center; position: relative; z-index: 2;}
  .ct-mob-hinfo{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 2px; padding: 0 4px 10px; position: relative; z-index: 1;}
  .ct-mob-hinfo--us{background: #EBF4FF; border-radius: 12px 12px 0 0; margin-top: -32px; padding-top: 38px;}
  .ct-mob-hinfo--rx{background: #f0f3f7; border-radius: 12px 12px 0 0; margin-top: -20px; padding-top: 26px;}
  .ct-mob-name{font-family: 'Anek Latin', sans-serif; font-weight: 700; font-size: 13px; color: #1a1a1a; text-align: center; line-height: 1.2;}
  .ct-mob-name--us{color: var(--ink);}
  /* Grid rows */
  .ct-mob-grid{display: grid; grid-template-columns: 1.6fr 1fr 1fr; column-gap: 8px; border-bottom: 1px solid rgba(12,30,56,0.12);}
  .ct-mob-divider{grid-column: 1 / -1; height: 1px; background: rgba(12,30,56,0.12); margin: 0; padding: 0;}
  .ct-mob-feat{font-weight: 600; font-size: 13px; color: #1a1a1a; line-height: 1.3; padding: 10px 6px 10px 0; display: flex; align-items: center; text-align: left;}
  .ct-mob-cell{display: flex; align-items: center; justify-content: center; padding: 10px 0;}
  .ct-mob-cell--us{background: #EBF4FF;}
  .ct-mob-cell--rx{background: #f0f3f7;}
  .ct-mob-grid > .ct-mob-cell--us:nth-last-child(2){border-radius: 0 0 0 12px;}
  .ct-mob-grid > .ct-mob-cell--rx:last-child{border-radius: 0 0 12px 0;}
  .ct-mob-cell img{width: 17px; height: 17px; display: block;}
  .p28-desk{display: none !important;}
  .comp{padding: 56px 0 48px !important;}
}
@media (max-width: 430px) {
  .ct-mob-name{font-size: 17px !important;}
}
@media (max-width: 390px) {
  .ct-mob-name{font-size: 16px !important;}
}
@media (max-width: 375px) {
  .ct-mob-name{font-size: 15px !important;}
}
@media (max-width: 320px) {
  .ct-mob-name{font-size: 14px !important;}
}
@media (max-width: 768px) {
  .guarantee-badge-img{width: 180px !important; height: 180px !important;}
}
/* ============================================================
   SECTION CLASSES
   One class per element that used to carry an inline style.
   BEM on the existing prefixes: announcebar__, hero__, how-,
   ct-desk__ (desktop comparison table), buy-, msc- (mobile
   sticky cta), results-scroll__, tp-reviews__.
   ============================================================ */
/* head */
.announcebar{padding:7px 16px;height:auto;line-height:1.3}
.announcebar__inner{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#111;white-space:nowrap;overflow:hidden}
.announcebar__offer{color:#111}
/* The bold offer text carried an inline colour that beat .announcebar b
   { color: var(--warn-orange) } in the base sheet. inherit keeps it tied to
   the bar's own colour, so re-branding the bar takes this word with it. */
.announcebar__offer b{color:inherit}
.announcebar__divider{color:#111;font-weight:400;font-size:11px}
.announcebar__note{color:#111;font-weight:800}
.trustbar{background-color:var(--night);color:#fff}
.trustbar__inner{justify-content:center;gap:56px}
.header__logo{padding:0;background:none;gap:10px}
.header__logo-img{height:36px;width:auto;display:block}
.header__menu{width:600px}
.header__cta-group{display:flex;align-items:center;justify-content:flex-end}
/* hero */
.hero-video__el{width:100%;height:100%;object-fit:cover;display:block}
.hero__rated-strip{display:inline-flex;gap:3px}
.hero__subtitle{width: 500px}
.hero__mobile-img{width:100%;margin:16px 0 4px}
.hero__mobile-video{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.hero__message{max-width:480px;width:100%}
.hero__message-body.selling-fast-bar{padding:10px 16px;text-align:center;width:100%;justify-content:center}
/* Selector doubled on purpose: these carried inline styles, so they have to
   outrank .hero__message-body svg the way an inline style did. Doubling the
   class raises specificity without escalating to !important, so the
   brand.css !important rules still win here, as they did before. */
.selling-fast-bar__icon.selling-fast-bar__icon{width:13px;height:20px;flex-shrink:0}
.selling-fast-bar__strong{font-weight:700}
/* Doubled: must outrank .cta-group-hero .cta-low, as the inline style did. */
.cta-low.cta-low{color:#ef4444}
/* results-scroll-section */
.results-scroll-section{background-color:#fff;padding:64px 0 50px;overflow:hidden}
.results-scroll__header{text-align:center;padding:0 24px 20px}
.results-eyebrow{font-family: 'Montserrat',sans-serif;font-size: 14px;font-weight: 700;letter-spacing: .16em;text-transform: uppercase;color: var(--brand);margin: 0 0 8px}
.results-scroll-title{font-family:'Anek Latin',sans-serif;font-size:clamp(28px,5vw,46px);font-weight:700;color:var(--ink);line-height:.95;margin:0}
.results-scroll-title__accent{color:var(--brand);font-weight:inherit}
.results-scroll__viewport{position:relative;width:100%;overflow:hidden}
.results-scroll__track{display:flex;gap:16px;width:max-content;animation:results-scroll 42s linear infinite}
.results-scroll__item{flex-shrink:0;width:533px;aspect-ratio:4/3;border-radius:16px;overflow:hidden}
.results-scroll__img{width:100%;height:100%;object-fit:cover}
/* description */
.description .title{margin:0 auto 20px}
.desc-mobile-img{display:none;width:100%;justify-content:center;padding:0}
.desc-mobile-img__img{width:260px;height:auto;object-fit:contain;display:block}
.description__boxes{text-align:left}
.desc-desktop-img{flex:0 0 300px;display:flex;align-items:center;justify-content:center;min-width:0;align-self:center}
.desc-desktop-img__frame{width:300px;display:flex;align-items:center;justify-content:center}
.desc-desktop-img__img{width: 100%;height: 100%;object-fit: cover;display: block;max-height: 500px}
/* why-it-works */
.why-it-works{background:#fff}
.why-pheromones-row{display:flex;align-items:center;gap:60px}
.why-pheromones-imgs{flex:1;min-width:0;align-self:stretch}
.why-phero-imgframe{border-radius:16px;overflow:hidden;aspect-ratio:1/1;width:100%}
.why-phero-img{width:100%;height:100%;object-fit:cover;display:block}
.why-phero-copy{flex:1;min-width:0}
.why-phero-eyebrow{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin:0 0 8px}
.why-phero-title{font-family:'Anek Latin',sans-serif;font-weight:700;font-size:40px;line-height:1.35;letter-spacing:-.02em;color:var(--ink);margin:0 0 20px}
.why-phero-img-mobile{display:none;border-radius:16px;overflow:hidden;margin:16px 0 20px}
.why-phero-img-mobile__img{width:100%;object-fit:contain;display:block;background:#f5f5f5}
.why-intro-p{font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 24px}
.why-solution{background:#EBF4FF;border-radius:12px;padding:20px 24px;margin-bottom:24px}
.why-solution-p{font-size:16px;line-height:1.55;color:var(--ink);margin:0 0 16px}
.why-solution-rows{display:flex;flex-direction:column;gap:12px}
.why-solution-row{display:flex;align-items:flex-start;gap:12px}
.why-solution-row__text{font-size:15.5px;line-height:1.4;color:var(--ink);margin:0}
/* how */
.how{background-color:#F5F4F2}
.how__inner{margin-bottom:30px}
.how__subtitle{padding-bottom:20px}
.how__box{align-self:auto}
.how__box-video{width:100%;height:100%;object-fit:cover;display:block}
.how__box-content{align-self:center}
.how-review{margin-top:20px;border-left:3px solid var(--brand);padding-left:16px;background-color:#fff;padding-top:12px;padding-bottom:12px;padding-right:16px}
.how-review__head{margin-bottom:8px}
.how-review-text{font-size:15px;line-height:1.4;color:var(--muted);margin:0 0 8px}
.how-review-name{font-size:15px;font-weight:700;color:var(--ink);margin:0}
.cta-group--how{position:static;display:block;padding-top:20px}
/* split */
.split__image-ph{height: 100%;border: 0;border-radius: 0;min-height: 420px}
.split__content{display:flex;align-self:center;flex-direction:column;gap:10px}
.split__title--mobile{padding-left:12px;padding-right:12px}
.split__boxes{padding-left:12px;padding-right:12px}
/* set */
.set__box{padding:0}
.set__box-image{margin:0;border-radius:0}
.set__box-img{width:100%;height:100%;object-fit:cover;display:block}
.set--steps{background-color:#F5F4F2}
section.set--steps .title{color:#0F243A}
section.set--steps .title em{color:var(--brand)}
.set__step-media{position:relative;width:100%;padding-top:75%;overflow:hidden}
.set__step-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
.set__step-numrow{display:flex;justify-content:center;margin-top:-17px;position:relative;z-index:2}
.step-num{margin-bottom:0;border:3px solid #fff;box-sizing:content-box}
.set__box-body{text-align:center}
/* comp */
.comp{background:#fff}
.comp__title--mobile{margin-top:0}
.comp__grid-logo{width:80px;height:80px;object-fit:contain;border-radius:0;display:block}
.comp__grid-stars{height:14px;width:auto;display:block}
.comp__grid-logo--sm{width:66px;height:66px;object-fit:cover;border-radius:0;display:block}
.p28-desk{max-width:920px;margin:0 auto}
.ct-desk__row{display:flex;align-items:flex-start}
.ct-desk__features{flex:1.6;display:flex;flex-direction:column}
.ct-desk__spacer-hero{height:200px;flex-shrink:0}
.ct-desk__spacer-head{height:64px;flex-shrink:0}
.ct-desk__feature{height:50px;flex-shrink:0;display:flex;align-items:center;font-weight:700;font-size:15px;color:var(--ink);border-top:1px solid #dde8f0;padding-right:20px}
.ct-desk__feature--last{border-bottom:1px solid #dde8f0}
.ct-desk__spacer-foot{height:41px;flex-shrink:0}
.ct-desk__cols{flex:3;display:flex;gap:16px;min-width:0;background-image:linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px),linear-gradient(#dde8f0 1px,transparent 1px);background-size:100% 2px;background-position:0 264px,0 314px,0 364px,0 414px,0 464px,0 514px,0 564px,0 614px;background-repeat:no-repeat}
.ct-desk__col{flex:1;display:flex;flex-direction:column}
.ct-desk__col-hero{flex-shrink: 0;display: flex;justify-content: center;align-items: center;position: relative;z-index: 2}
.ct-desk__hero-img{width: 160px;height: 160px;object-fit: contain;display: block;border-radius: 0px;box-shadow: none;margin-top: 40px}
.ct-desk__panel--us{background:#EBF4FF;border-radius:16px;margin-top:-100px;padding-top:100px;position:relative;z-index:1;display:flex;flex-direction:column}
.ct-desk__col-head{height:64px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.ct-desk__col-stars{height:18px;width:auto;display:block}
.ct-desk__col-name{font-family:'Anek Latin',sans-serif;font-weight:700;font-size:15px;color:var(--ink)}
.ct-desk__cell{height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-top:1px solid #dde8f0}
.ct-desk__cell-icon{width:18px;height:18px;display:block}
.ct-desk__cell--last{border-bottom:1px solid #dde8f0}
.ct-desk__col-hero--th{height:200px;flex-shrink:0;display:flex;justify-content:center;align-items:flex-end;position:relative;z-index:2}
.ct-desk__th-img{width: 108px;height: 108px;border-radius: 12px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px}
.ct-desk__panel--th{border-radius:16px;margin-top:-54px;padding-top:54px;position:relative;z-index:1;display:flex;flex-direction:column;background:rgba(235,244,255,0.5)}
.ct-desk__spacer-foot--2{height:42px;flex-shrink:0}
.comp-cta-group{margin:0 auto;padding:48px 0 0;max-width:480px}
.guarantee-band{padding:0}
.guarantee-card{background:var(--ink);border-radius:24px;padding:0 24px;display:flex;align-items:center;gap:40px;max-width:1120px;margin:0 auto}
.guarantee-card__badge{flex-shrink:0}
.guarantee-badge-img{width:240px;height:200px;object-fit:contain;display:block}
.guarantee-card__body{flex:0 1 auto;align-self:auto;min-width:0}
.guarantee-card__title{font-family:'Anek Latin',sans-serif;font-weight:700;font-size:32px;line-height:1.3;color:#fff;margin:0 0 12px;letter-spacing:-.02em}
/* Capped, not fixed: a hard 750px made the card demand 1078px and pushed a
   horizontal scrollbar onto every viewport between 769px and 1078px. The cap
   renders identically once there is room for it. */
.guarantee-card__text{font-weight:400;font-size:16px;line-height:1.55;color:rgba(255,255,255,.82);margin:0;max-width:750px}
/* reviews */
.reviews__box-img{width:100%;height:100%;object-fit:cover;display:block}
.reviews__box-data{padding-right:7px}
.reviews__box-avatar{padding:0;overflow:hidden}
.reviews__box-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}
/* buy */
.buy-section{background:#f0f5fe;padding:20px 0}
.buy-card{max-width:1120px;margin:0 auto;border:2px dashed var(--brand);border-radius:24px;overflow:hidden;background:#fff;display:flex;min-height:480px}
.buy-card__image{width:48%;flex-shrink:0;position:relative}
.buy-card__image-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:absolute;inset:0}
.buy-card__content{flex:1;padding:44px 48px;display:flex;flex-direction:column;justify-content:center;gap:0}
.buy-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;align-self:flex-start;background:#EBF4FF;border-radius:10px;padding:10px 14px}
.buy-eyebrow{font-weight:700;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.buy-title{font-family:'Anek Latin',sans-serif;font-weight:800;font-size:clamp(28px,3.2vw,42px);line-height:1.08;letter-spacing:-.02em;color:var(--ink);margin:0 0 14px;text-transform:uppercase}
.buy-title em{font-style:normal;font-weight:inherit;color:var(--brand)}
.buy-rule{width:64px;height:4px;background:var(--brand);border-radius:99px;margin-bottom:14px}
.buy-subtitle{font-size: 15px;line-height: 1.45;color: var(--muted);margin: 0 0 18px;max-width: 430px}
.buy-card__image--mobile{display:none;width:100%;border-radius:12px;overflow:hidden;margin:0 0 20px}
.buy-card__image-img--mobile{width:100%;display:block;object-fit:cover}
.buy-social-proof{display:flex;align-items:center;gap:12px;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;margin-bottom:18px;width:100%;box-sizing:border-box}
.buy-social-left{display:flex;align-items:center;gap:8px}
.buy-avatars{display:flex}
.buy-avatar-img{width:30px;height:30px;border-radius:50%;border:2px solid #fff;flex-shrink:0;margin-right:-8px;overflow:hidden}
.buy-avatar-img__img{width:100%;height:100%;object-fit:cover}
.buy-rating{display:flex;gap:6px;align-items:center}
.buy-rating__stars{display:inline-flex;gap:2px}
.buy-rating-text{font-size:14px;color:var(--ink)}
.buy-social-divider{width:1px;height:20px;background:#e2e8f0}
.buy-social-instock{display:flex;align-items:center;gap:6px}
.buy-instock-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.instock-label{font-weight:600;color:#22c55e}
.buy-trust-bullets{display:grid;grid-template-columns:auto auto;gap:8px 20px;margin-bottom:20px;justify-content:start}
.buy-trust-bullet{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--muted)}
.try-today-text{text-align:center;font-size:13px;color:var(--muted);margin:10px 0 0}
/* expert */
.expert{background-color:#fff}
.expert__inner{height:360px}
.expert__media-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;border:0;border-radius:0}
.expert__body{display:block;padding-top:0;padding-bottom:0}
.expert__role{width:450px;max-width:100%;padding-bottom:0;text-decoration:none;border:none;border-bottom:none}
.expert__quote-text{width:100%;font-size:17px;line-height:1.45}
.expert__sign-mark{font-size:32px}
/* tp-reviews */
.tp-reviews__top{display:grid;align-items:center}
.tp-reviews__bar-fill--96{width:96%}
.tp-reviews__bar-fill--98{width:98%}
.tp-reviews__bar-fill--90{width:90%}
.tp-reviews__bar-fill--94{width:94%}
.tp-reviews__logo-img{width:152px;max-width:152px;height:auto;display:block;margin:0 auto}
.tp-reviews__strip-ph{height: 100%;border: 0;border-radius: 8px}
.tp-reviews__card-img{aspect-ratio:4/3;border-radius:8px;overflow:hidden}
.tp-reviews__card-ph{height: 100%;border: 0;border-radius: 0}
/* faq */
.faq-cta{padding:48px 0;background:#E8F2FF}
.faq-cta__inner{text-align:center;max-width:560px;margin:0 auto}
.faq-cta__title{font-family:'Anek Latin',sans-serif;font-weight:800;font-size:36px;line-height:1.3;letter-spacing:-.02em;color:var(--ink);margin:0 0 10px}
.faq-cta__sub{font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 28px}
.cta-group--faq{max-width:420px;margin:0 auto}
.mobile-sticky-cta__inner{flex-direction:column;gap:8px;width:100%}
.mobile-sticky-cta__btn{width:100%;border-radius:12px}
.msc-meta{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13.5px;font-weight:600;color:#555;margin-top:2px}
.msc-meta__item{display:flex;align-items:center;gap:5px}
.msc-meta__dot{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block;flex-shrink:0}
.msc-meta__divider{color:#ccc}
.msc-meta__item--stock{display:flex;align-items:center;gap:6px}
.msc-stock{display:flex;gap:2px;align-items:center}
.msc-stock__bar--on{width:6px;height:10px;background:#e03;border-radius:2px;display:inline-block}
.msc-stock__bar{width:6px;height:10px;background:#ddd;border-radius:2px;display:inline-block}
.msc-stock__label{color:#e03;font-weight:800;letter-spacing:.05em}
.footer__logo-img{height:36px;width:auto;display:block;filter:brightness(0) invert(1)}

/* ===================== Export: runtime styles baked in ===================== */
html,body{margin:0}
figure{margin:0}
/* Header shadow once the page scrolls (script.js toggles .header--scrolled) */
.header.header--scrolled{box-shadow:0 2px 16px rgba(0,0,0,.12)}
/* Responsive type the builder set from JS, per breakpoint */
:root{--hero-rated-fs:15px;--hero-title-fs:48px;--hero-bullet-fs:18px;--instock-fs:13.5px}
@media (max-width: 430px) {
  :root{--hero-title-fs:38px;--hero-bullet-fs:16px;--instock-fs:12px}
}
@media (max-width: 390px) {
  :root{--hero-rated-fs:14px;--hero-title-fs:34px;--hero-bullet-fs:14px;--instock-fs:10.5px}
}
@media (max-width: 375px) {
  :root{--hero-rated-fs:13px;--hero-title-fs:33px;--hero-bullet-fs:13px;--instock-fs:9.5px}
}
@media (max-width: 320px) {
  :root{--hero-rated-fs:10.5px;--hero-title-fs:27px;--hero-bullet-fs:10.5px;--instock-fs:8px}
}
/* Buy box social proof sizing the builder set from JS */
.buy-social-proof .buy-avatars .buy-avatar-img{width:32px;height:32px}
.buy-social-proof .buy-social-left .buy-rating-text{font-size:15px}
.buy-social-proof .buy-social-instock .buy-instock-dot{width:9px;height:9px}
.buy-social-proof .buy-rating__stars .tp-strip{width:91px;height:16px}
@media (max-width: 768px) {
  .buy-social-proof .buy-rating__stars .tp-strip{width:57px;height:10px}
  .cta-group-hero {margin-left: auto; margin-right:auto; }
}
@media (max-width: 430px) {
  .buy-social-proof .buy-avatars .buy-avatar-img{width:24px;height:24px}
  .buy-social-proof .buy-social-left .buy-rating-text{font-size:12px}
  .buy-social-proof .buy-social-instock .buy-instock-dot{width:10px;height:10px}
}
@media (max-width: 390px) {
  .buy-social-proof .buy-avatars .buy-avatar-img{width:20px;height:20px}
  .buy-social-proof .buy-social-left .buy-rating-text{font-size:10.5px}
  .buy-social-proof .buy-social-instock .buy-instock-dot{width:9px;height:9px}
}
@media (max-width: 375px) {
  .buy-social-proof .buy-avatars .buy-avatar-img{width:18px;height:18px}
  .buy-social-proof .buy-social-left .buy-rating-text{font-size:9.5px}
  .buy-social-proof .buy-social-instock .buy-instock-dot{width:8.5px;height:8.5px}
}
@media (max-width: 320px) {
  .buy-social-proof .buy-avatars .buy-avatar-img{width:15px;height:15px}
  .buy-social-proof .buy-social-left .buy-rating-text{font-size:8px}
  .buy-social-proof .buy-social-instock .buy-instock-dot{width:5px;height:5px}
}
/* Mobile carousels: slide positions (script.js swaps the --slide-N class) */
@media (max-width: 768px) {
  .set__carousel-wrap .set__boxes-wrapper{transform:translateX(20px)}
  .set__carousel-wrap .set__boxes-wrapper--slide-1{transform:translateX(calc(20px - (100% - 50px)))}
  .set__carousel-wrap .set__boxes-wrapper--slide-2{transform:translateX(calc(20px - (100% - 50px) * 2))}
  .set__carousel-wrap .set__boxes-wrapper--slide-3{transform:translateX(calc(20px - (100% - 50px) * 3))}
  .how__carousel-wrap .how__boxes-wrapper{transform:translateX(20px)}
  .how__carousel-wrap .how__boxes-wrapper--slide-1{transform:translateX(calc(20px - (100% - 30px)))}
  .how__carousel-wrap .how__boxes-wrapper--slide-2{transform:translateX(calc(20px - (100% - 30px) * 2))}
  .reviews__carousel-wrap .reviews__boxes-inner--slide-1{transform:translateX(-100%)}
  .reviews__carousel-wrap .reviews__boxes-inner--slide-2{transform:translateX(-200%)}
}
/* Section images (were inline background styles in the builder) */
.description__box-row > .iconBox.iconBox--vortex{background:url("../images/psm-overview-icon-1.webp") center / cover no-repeat}
.description__box-row > .iconBox.iconBox--one-touch{background:url("../images/psm-overview-icon-2.webp") center / cover no-repeat}
.description__box-row > .iconBox.iconBox--no-spoon{background:url("../images/psm-overview-icon-3.webp") center / cover no-repeat}
.description__box-row > .iconBox.iconBox--steel{background:url("../images/psm-overview-icon-4.webp") center / cover no-repeat}
.description__box-row > .iconBox.iconBox--usb{background:url("../images/psm-overview-icon-5.webp") center / cover no-repeat}
.description__box-row > .iconBox.iconBox--temperature{background:url("../images/psm-overview-icon-6.webp") center / cover no-repeat}
.split__image .ph.split__image-ph--lifestyle{background:url("../images/psm-trust-lifestyle.webp") center / cover no-repeat}
.ct-desk__col-hero--th .ct-desk__th-img.ct-desk__th-img--frother{background:url("../images/psm-comparison-frother.webp") center / cover no-repeat}
.ct-desk__col-hero--th .ct-desk__th-img.ct-desk__th-img--spoon{background:url("../images/psm-comparison-spoon.webp") center / cover no-repeat}
.tp-reviews__photo .ph.tp-reviews__strip-ph--1{background:url("../images/psm-allreviews-photo-1.webp") center / cover no-repeat}
.tp-reviews__photo .ph.tp-reviews__strip-ph--2{background:url("../images/psm-allreviews-photo-2.webp") center / cover no-repeat}
.tp-reviews__photo .ph.tp-reviews__strip-ph--3{background:url("../images/psm-allreviews-photo-3.webp") center / cover no-repeat}
.tp-reviews__photo .ph.tp-reviews__strip-ph--4{background:url("../images/psm-allreviews-photo-4.webp") center / cover no-repeat}
.tp-reviews__photo .ph.tp-reviews__strip-ph--5{background:url("../images/psm-allreviews-photo-5.webp") center / cover no-repeat}
.tp-reviews__photo .ph.tp-reviews__strip-ph--6{background:url("../images/psm-allreviews-photo-6.webp") center / cover no-repeat}
.tp-reviews__card-img .ph.tp-reviews__card-ph--1{background:url("../images/psm-allreviews-photo-1.webp") center / cover no-repeat}
.tp-reviews__card-img .ph.tp-reviews__card-ph--2{background:url("../images/psm-allreviews-photo-2.webp") center / cover no-repeat}
.tp-reviews__card-img .ph.tp-reviews__card-ph--3{background:url("../images/psm-allreviews-photo-3.webp") center / cover no-repeat}
.tp-reviews__card-img .ph.tp-reviews__card-ph--4{background:url("../images/psm-allreviews-card-4.webp") center / cover no-repeat}
.tp-reviews__card-img .ph.tp-reviews__card-ph--5{background:url("../images/psm-allreviews-card-5.webp") center / cover no-repeat}
.tp-reviews__card-img .ph.tp-reviews__card-ph--6{background:url("../images/psm-allreviews-photo-4.webp") center / cover no-repeat}
.tp-reviews__card-img .ph.tp-reviews__card-ph--7{background:url("../images/psm-allreviews-photo-5.webp") center / cover no-repeat}
.tp-reviews__card-img .ph.tp-reviews__card-ph--8{background:url("../images/psm-allreviews-photo-6.webp") center / cover no-repeat}


@media (min-width: 769px) and (max-width: 1200px){
  .hero-video{display:block !important;width:44%;left:auto;right:0}
  .hero__inner{width:auto !important;max-width:calc(52vw - 28px) !important}
  :root{--hero-title-fs:clamp(32px, 4.2vw, 44px)}
  .hero__title{font-size:clamp(32px, 4.2vw, 44px) !important}
  .hero__subtitle{width:auto;max-width:100%;font-size:clamp(15px, 1.7vw, 18px)}
  .hero__rated{max-width:100%;flex-wrap:wrap;row-gap:4px}
  .hero__checks-item{font-size:clamp(14px, 1.55vw, 17px) !important}
  .hero__message,
  .cta-group-hero{max-width:100%;min-width:0}
  .hero__message-body,
  .hero__message-body.selling-fast-bar{max-width:100%;white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center;font-size:clamp(13px, 1.55vw, 16.5px) !important}
  .cta-group-hero .cta-button{font-size:clamp(14px, 1.85vw, 22px);padding:16px 14px;white-space:nowrap}

  .header__inner{display:flex !important;align-items:center;justify-content:space-between;gap:clamp(8px, 1.4vw, 24px);min-width:0}
  .header__logo{flex:0 1 auto;min-width:0;justify-self:auto}
  .header__logo-img{height:auto;width:auto;max-height:clamp(30px, 4vw, 44px);max-width:min(168px, 26vw)}
  .header__navigation{display:flex !important;flex:1 1 auto;justify-content:center;width:auto;max-width:none;min-width:0}
  .header__menu{width:auto !important;max-width:100%;flex:0 1 auto;justify-content:center;gap:clamp(8px, 1.6vw, 28px)}
  .header__menu-link{font-size:clamp(12.5px, 1.35vw, 16px);white-space:nowrap}
  .header__cta-group{display:flex !important;flex:0 0 auto;justify-self:auto}
  .header__button{font-size:clamp(11px, 1.25vw, 15px);padding:8px clamp(8px, 1.1vw, 16px);white-space:nowrap}
  .header__hamburger{display:none !important}

  .trustbar__inner{gap:clamp(12px, 2.4vw, 40px);justify-content:center}
  .trustbar__item{font-size:clamp(10.5px, 1.3vw, 13px);letter-spacing:.02em}
  .partners__wrap{gap:clamp(16px, 3vw, 40px)}
  #faq-cta-h2,
  #faq-cta-sub{white-space:normal !important}
  #faq-cta-h2{font-size:clamp(26px, 3.4vw, 36px)}
  .title{font-size:clamp(42px, 4.5vw, 54px)}
  .guarantee-card{gap:clamp(16px, 3vw, 40px)}
  .guarantee-badge-img{width:clamp(160px, 22vw, 240px);height:auto}
  .guarantee-card__title{font-size:clamp(24px, 3vw, 32px)}
  .reviews__boxes{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 380px) {
  /* 1. KILL page scroll - clip is stronger than hidden */
  html, body {
    overflow-x: clip !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 2. hero was also causing scroll */
  .hero__mobile-img {
    width: 100% !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  /* 3. FIX set__ - centered, size fine, no page scroll */
  section.set .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .set__carousel-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    display: block !important;
  }

  .set__carousel-wrap .set__boxes-wrapper {
    transform: translateX(0) !important;
    width: max-content !important;
    max-width: none !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  .set__carousel-wrap .set__boxes-wrapper .set__box {
    flex: 0 0 calc(100vw - 32px) !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 !important;
    /* centers image inside card */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .set__box-image {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* swipe positions - keep scrolling working */
  .set__carousel-wrap .set__boxes-wrapper--slide-0 {
    transform: translateX(0) !important;
  }
  .set__carousel-wrap .set__boxes-wrapper--slide-1 {
    transform: translateX(calc(-1 * (100vw - 20px))) !important;
  }
  .set__carousel-wrap .set__boxes-wrapper--slide-2 {
    transform: translateX(calc(-2 * (100vw - 20px))) !important;
  }
  .set__carousel-wrap .set__boxes-wrapper--slide-3 {
    transform: translateX(calc(-3 * (100vw - 20px))) !important;
  }

  .set__carousel-dots {
    justify-content: center !important;
  }
}