@font-face{font-family:"Plakat Grotesk";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/PlakatGrotesk.woff2") format("woff2")}

:root{
  --heading:"Plakat Grotesk",sans-serif;
  --body:"Manrope",sans-serif;
  --black:0,0,0; --white:255,255,255;
  --yellow:252,242,89; --blue:138,212,255; --green:142,234,161; --orange:245,151,29; --pink:240,105,167; --purple:151,71,255;
  --bg:var(--white); --text:var(--black); --accent:var(--yellow); --accent2:var(--black); --card:var(--white); --card-text:14,23,50;
  --section-y:4rem; --section-x:2.5rem; --gap:2.5rem; --max-site:1820px;
  --btn-radius:.5rem; --btn-shadow:6px; --card-radius:1rem; --card-shadow:12px; --border:2px;
  --fs-base:16px; --fs-sm:14px; --fs-lg:21.36px; --fs-xl:23.97px; --fs-2xl:26.9px; --fs-3xl:32px; --fs-4xl:42.71px; --fs-5xl:47.95px; --fs-6xl:57px; --fs-7xl:64px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--body);font-size:14px;line-height:22px;color:rgb(var(--text));background:#fff;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{font-weight:inherit;font-size:inherit}

/* schemes */
.scheme{background:rgb(var(--bg));color:rgb(var(--text))}
.s-white{--bg:var(--white);--accent:var(--yellow)}
.s-yellow{--bg:var(--yellow);--accent:var(--yellow)}
.s-orange{--bg:var(--orange);--accent:var(--yellow)}
.s-blue{--bg:var(--blue);--accent:var(--yellow)}
.s-green{--bg:var(--green);--accent:var(--yellow)}
.s-white-green{--bg:var(--white);--accent:var(--green)}
.s-white-blue{--bg:var(--white);--accent:var(--blue)}
.s-white-orange{--bg:var(--white);--accent:var(--orange)}
.s-black{--bg:var(--black);--text:var(--white);--accent:var(--white);--accent2:var(--black)}

/* type */
.font-heading{font-family:var(--heading);font-weight:700;letter-spacing:-.025em;line-height:.9}
.h-standard{font-size:var(--fs-4xl)}
.h-feature{font-size:var(--fs-7xl)}
.h-secondary{font-size:var(--fs-lg)}
.rte-center{text-align:center}
.sub{margin-top:1.25rem;font-size:14px;line-height:22px}

/* layout */
.section{position:relative;overflow:hidden}
.section-content{position:relative;z-index:10;padding:var(--section-y) var(--section-x)}
.section-content.no-x{padding-left:0;padding-right:0}
.max-site{max-width:var(--max-site);margin:0 auto}
.px-section{padding-left:var(--section-x);padding-right:var(--section-x)}
.top-margin{margin-top:2.5rem}

/* push button */
.push-btn{position:relative;display:inline-block;z-index:0}
.push-btn:after{content:"";position:absolute;left:var(--btn-shadow);top:var(--btn-shadow);width:100%;height:100%;border-radius:var(--btn-radius);background:rgb(var(--accent2));border:var(--border) solid rgb(var(--text));z-index:-1}
.push-btn__surface{position:relative;display:inline-block;border-radius:var(--btn-radius);padding:.75rem 1rem;text-align:center;font-family:var(--heading);font-weight:700;font-size:16px;line-height:1.2;letter-spacing:-.025em;text-transform:uppercase;background:rgb(var(--accent));color:rgb(var(--black));box-shadow:inset 0 0 0 var(--border) rgb(var(--text));transition:transform .1s cubic-bezier(.215,.61,.355,1)}
.push-btn:hover .push-btn__surface{transform:translate(var(--btn-shadow),var(--btn-shadow))}
.push-btn--pop:hover .push-btn__surface{transform:translate(-3px,-3px)}
.push-btn--icon .push-btn__surface{padding:.5rem;line-height:0}
.push-btn--icon svg{width:20px;height:20px;display:block}
.push-btn--sm .push-btn__surface{font-size:14px;padding:.5rem .75rem}

/* card */
.card{position:relative;z-index:1;height:fit-content}
.card:before{content:"";position:absolute;left:var(--card-shadow);top:var(--card-shadow);width:100%;height:100%;border-radius:var(--card-radius);border:var(--border) solid rgb(var(--text));z-index:0}
.card:after{content:"";position:absolute;left:var(--card-shadow);top:var(--card-shadow);width:100%;height:100%;border-radius:var(--card-radius);background:rgb(var(--accent));z-index:-1}
.card__surface{position:relative;z-index:1;border-radius:var(--card-radius);border:var(--border) solid rgb(var(--text));background:rgb(var(--card));color:rgb(var(--card-text))}

/* media (image with offset shadow) */
.media{position:relative;z-index:1}
.media:before,.media:after{content:"";position:absolute;left:var(--card-shadow);top:var(--card-shadow);width:100%;height:100%;border-radius:var(--card-radius);z-index:-1}
.media:before{background:rgb(var(--accent))}
.media:after{border:var(--border) solid rgb(var(--text))}
.media__el{position:relative;overflow:hidden;border-radius:var(--card-radius);border:var(--border) solid rgb(var(--text));background:#fff}
.media__el img{width:100%;height:100%;object-fit:cover}
.pb-shadow{padding-bottom:var(--card-shadow)}

/* icons */
.icon{width:20px;height:20px;display:block}
.theme-icon path{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;vector-effect:non-scaling-stroke}

/* marquee */
.marquee{overflow:hidden;white-space:nowrap}
.marquee__track{display:flex;width:max-content;animation:marquee var(--speed,15s) linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__item{display:flex;align-items:center;flex:0 0 auto}
.marquee__item .rotate-anim{width:16px;height:16px;margin:0 .5rem;animation:rotate 3s linear infinite}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* free shipping bar */
.shipbar{border-bottom:0;text-align:center;padding:.5rem 0;font-size:14px;line-height:1.2}

/* header */
.hero-wrap{position:relative}
.site-header{position:absolute;top:0;left:0;right:0;z-index:30;padding:0 var(--section-x)}
.site-header__row{display:flex;align-items:center;height:72px}
.site-header__col{flex:1 1 0;display:flex;align-items:center}
.site-header__col--right{justify-content:flex-end;gap:1.25rem}
.site-header__logo{flex:0 0 auto;padding:.625rem 0}
.site-header__logo img{width:154px;height:36px}
.nav{display:flex;align-items:center;margin:0 -.625rem}
.nav li{display:inline-block}
.nav a,.nav button{display:flex;align-items:center;gap:.4rem;padding:.875rem .625rem;font-family:var(--heading);font-weight:700;font-size:16px;letter-spacing:-.025em;line-height:1.2}
.nav .chev{width:10px;height:10px;transition:transform .15s cubic-bezier(.4,0,.2,1)}
.nav .chev path{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;vector-effect:non-scaling-stroke}
.hdr-icons{display:flex;align-items:center;gap:1.25rem}
.hdr-icons .icon{width:22px;height:22px}.burger{display:none}.burger .icon{width:24px;height:24px}

/* hero */
.hero img{width:100%;height:auto}

/* trust bar */
.ktb{background:#fff;color:#141414;padding:56px 20px}
.ktb-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}
.ktb-col{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 26px;gap:16px}
.ktb-col+.ktb-col{border-left:1px solid rgba(20,20,20,.14)}
.ktb-label{font-family:var(--heading);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:15px}
.ktb-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1 1 auto}
.ktb-myer img{height:44px;width:auto}
.ktb-badge img{height:122px;width:auto}
.ktb-impact img{height:50px;width:auto}
.ktb-caption{font-size:13px;letter-spacing:.04em;text-transform:uppercase;max-width:230px;line-height:1.4}
.ktb-stat{display:flex;align-items:center;justify-content:center;gap:12px}
.ktb-stat svg{height:42px;width:auto}
.ktb-num{font-family:var(--heading);font-weight:800;font-size:30px;line-height:1}

/* rich text */
.richtext .sub-h3{font-family:var(--heading);font-weight:700;font-size:var(--fs-2xl);line-height:1.2;letter-spacing:-.025em;margin-top:1.25rem}
.richtext .push-btn{margin-top:1.25rem}

/* focus carousel */
.fc{position:relative;margin-top:2.5rem}
.fc__viewport{overflow:hidden;padding:1rem 0}
.fc__track{display:flex;align-items:center;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}
.fc__slide{flex:0 0 35%;padding:0 1.25rem}
.fc__controls{display:flex;align-items:center;justify-content:center;position:relative;margin-top:1rem;padding:0 var(--section-x)}
.fc__arrows{position:absolute;right:var(--section-x);top:50%;transform:translateY(-50%);display:flex;gap:.5rem}
.tile{position:relative}
.tile__media{display:block;position:relative}
.tile__media .media__el{aspect-ratio:1/1}
.tile__media .media__el img{position:absolute;inset:0}
.tile__media .swap{opacity:0;transition:opacity .3s;z-index:2}
.tile:hover .swap{opacity:1}
.tile__info{margin-top:1.25rem;text-align:center;word-wrap:break-word}
.tile__title{font-family:var(--heading);font-weight:700;font-size:16px;line-height:1.2;letter-spacing:-.025em}
.tile__stars{display:inline-flex;align-items:center;gap:0;margin-top:.25rem;font-size:12px;line-height:1}
.tile__stars svg{width:13px;height:13px}
.tile__stars .cnt{font-family:var(--heading);font-weight:700;font-size:12px;margin-left:.3rem}
.tile__price{margin-top:.625rem;font-family:var(--heading);font-weight:700;font-size:16px;line-height:1.2}
.tile__price s{margin-right:.35rem}
.sticker{position:absolute;top:15%;left:90%;transform:rotate(-5deg) translate(-50%,-50%);z-index:20;pointer-events:none;width:100px;height:100px}
.sticker__in{position:absolute;inset:0;border-radius:50%;background:rgb(var(--accent));border:2px solid #000;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;font-size:9.8px;line-height:1.05;padding:10px;animation:rotate 12s linear infinite}
.sticker__in b{display:block;font-size:12.5px;font-weight:400}

/* icon list */
.icon-row{display:flex;justify-content:center;align-items:flex-start;gap:var(--gap)}
.icon-row li{flex:1 1 0;max-width:135px;text-align:center}
.icon-row .ico{height:90px;display:flex;align-items:center;justify-content:center}.icon-row img{max-width:90px;max-height:90px;margin:0 auto}
.icon-row h3{margin-top:1rem;font-size:16px;line-height:22px}

/* shape dividers (clouds) */
.has-divider-bottom{padding-bottom:11.5%}
.has-divider-top{padding-top:11.5%}
.shape-divider{position:absolute;left:0;width:100%;z-index:20;pointer-events:none;padding-top:11.5%;transform:scaleX(1.01)}
.shape-divider--bottom{bottom:-2px}
.shape-divider--top{top:-2px;transform:scaleX(1.01) scaleY(-1)}
.shape-divider svg{position:absolute;inset:0;width:100%;height:100%;color:rgb(var(--green))}

/* quiz */
.fmr{background:#8eeaa1;padding:64px 20px}
.fmr__wrap{max-width:880px;margin:0 auto;text-align:center}
.fmr__eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:#5c5c5c;margin:0 0 10px}
.fmr__title{font-family:var(--heading);font-weight:800;line-height:.95;letter-spacing:-.03em;text-transform:lowercase;font-size:clamp(40px,7vw,84px);margin:0 0 14px;color:#000}
.fmr__sub{font-size:17px;line-height:1.5;max-width:560px;margin:0 auto 28px;color:#1a1a1a}

/* offset images */
.feature{position:relative}
.feature__grid{display:grid;grid-template-columns:1fr;place-items:center}
.feature__text{grid-area:1/1;z-index:20;max-width:32rem;text-align:center;padding:0 var(--section-x)}
.feature__text h2{font-size:var(--fs-6xl)}
.feature__text .push-btn{margin-top:1.25rem}
.feature__imgs{grid-area:1/1;width:200%;display:flex;align-items:center;justify-content:center;column-gap:18%}
.feature__imgs .media{width:28vw;flex:0 0 auto}
.feature__imgs .media__el{aspect-ratio:1/1}
.feature__imgs .media--l{transform:rotate(-8deg)}
.feature__imgs .media--r{transform:rotate(8deg)}

/* testimonials */
.testi{margin-top:2.5rem}
.testi__card{margin:1.25rem auto 0;max-width:var(--max-site);padding:0 var(--section-x)}
.testi__card .card__surface{padding:1.25rem;text-align:center}
.testi__stars{display:block;letter-spacing:.3em;margin-bottom:1.25rem;font-size:14px}
.testi__quote{font-family:var(--heading);font-weight:700;font-size:var(--fs-3xl);line-height:.9;letter-spacing:-.025em}
.testi__name{margin-top:2.5rem;font-family:var(--heading);font-weight:700;font-size:var(--fs-lg);letter-spacing:-.025em;line-height:.9}
.testi__arrows{display:flex;justify-content:flex-end;gap:.5rem;padding:0 var(--section-x);margin-top:1.75rem}

/* blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.blog-grid .card__surface{padding:1.25rem;text-align:center}
.blob{position:relative;aspect-ratio:1/1;margin-bottom:1.25rem}
.blob__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.blob svg{position:absolute;inset:0;width:100%;height:100%}
.blob svg use{fill:none;stroke:#000;stroke-width:2}
.blog-title{font-family:var(--heading);font-weight:700;font-size:var(--fs-lg);line-height:.9;letter-spacing:-.025em}
.blog-date{display:block;margin-top:.625rem;font-size:16px;line-height:22px}
.center-btn{display:flex;justify-content:center;margin-top:1.75rem}

/* faq */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);max-width:1120px;margin:2.5rem auto 0}
.faq .card__surface{padding:1rem}
.faq button{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;font-family:var(--heading);font-weight:700;font-size:var(--fs-lg);line-height:.9;letter-spacing:-.025em}
.faq button .icon{flex:0 0 auto;margin-left:1.25rem;transition:transform .15s cubic-bezier(.4,0,.2,1)}
.faq .ans{display:none;margin-top:1rem;font-size:14px;line-height:22px}
.faq .open .ans{display:block}
.faq .open .icon{transform:rotate(180deg)}

/* logo list */
.logo-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;margin:0 -1.25rem}
.logo-row li{margin:0 1.25rem;max-width:120px}

/* instagram */
.ig{padding:2rem var(--section-x) 3rem;position:relative}
.ig__grid{display:flex;justify-content:center;gap:10px;max-width:1200px;margin:0 auto}
.ig__grid img{width:190px;height:190px;object-fit:cover}
.ig__arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.ig__arrow--l{left:var(--section-x)}.ig__arrow--r{right:var(--section-x)}
.ig__arrow svg{width:22px;height:22px}

/* footer */
.footer{padding:0 var(--section-x)}
.footer__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}
.footer__col6{grid-column:span 6}
.footer__col3{grid-column:span 3}
.footer ul.links li{margin-top:.625rem}
.footer ul.links li:first-child{margin-top:0}
.social{display:flex;gap:1rem;margin-top:1.25rem}
.social .icon{width:20px;height:20px;fill:currentColor}.social .icon--stroke{fill:none}
.footer__bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--gap);margin-top:2.5rem}
.pay{display:flex;gap:.4rem;justify-content:center}
.pay span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:24px;border-radius:3px;background:#fff;color:#1a1f71;font:700 8px/1 var(--body);letter-spacing:-.02em}
.country{justify-self:end;display:flex;align-items:center;gap:.5rem}
.hero-logo{padding:2rem var(--section-x)}
.hero-logo img{width:100%;height:auto}

@media (max-width:989px){
  :root{--section-y:2rem;--section-x:1.25rem;--gap:1.25rem;--fs-4xl:32px;--fs-7xl:42.7px}
  .nav,.hdr-icons a[aria-label="Account"],.hdr-icons a[aria-label="Search"],.site-header .push-btn{display:none}.burger{display:block}.marquee__track.font-heading{font-size:var(--fs-xl)!important}.richtext .sub-h3{font-size:18px}
  .fc__slide{flex-basis:60%}
  .ktb-inner{grid-template-columns:1fr}.ktb-col+.ktb-col{border-left:0;border-top:1px solid rgba(20,20,20,.14)}
  .icon-row{display:grid;grid-template-columns:repeat(3,1fr)}
  .feature__imgs .media{width:50vw}.feature__imgs{column-gap:5%;padding:10% 0}
  .blog-grid,.faq-grid{grid-template-columns:1fr}
  .footer__col6,.footer__col3{grid-column:span 12}
  .footer__bottom{grid-template-columns:1fr}
  .ig__grid{flex-wrap:wrap}
}

/* =========================================================
   Inner pages: shared layout primitives
   ========================================================= */
.site-header--static{position:relative;background:rgb(var(--bg));color:rgb(var(--text))}
.site-header--static .site-header__row{height:72px}
.nav li{position:static}
.nav button{position:relative}
.nav-dd{display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-in-out,visibility 0s linear .2s;position:absolute;left:0;right:0;top:100%;background:#fff;color:#000;padding:2rem var(--section-x);z-index:200;text-align:left}
.nav-dd.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease-in-out}
.site-header.active{background:#fff;color:#000}
.nav-dd ul{display:flex;gap:2.5rem;margin:0}
.nav-dd--grid ul{display:grid;grid-template-columns:repeat(12,1fr);gap:2.5rem}
.nav-dd--grid li{grid-column:span 2}
.nav-dd a{display:inline-block;font-family:var(--heading);font-weight:700;font-size:16px;letter-spacing:-.025em;padding:.25rem 0;line-height:1.2}
.nav li.open>button .chev{transform:rotate(180deg)}

/* mobile drawer */
.drawer{position:fixed;inset:0;z-index:300;visibility:hidden;transition:visibility 0s linear .3s}
.drawer.open{visibility:visible;transition:none}
.drawer__bg{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s ease-in}
.drawer.open .drawer__bg{opacity:1;transition:opacity .3s ease-out}
.drawer__panel{position:absolute;left:0;top:0;bottom:0;width:min(420px,88vw);background:#fff;color:#000;padding:1.25rem;overflow:auto;transform:translateX(-100%);transition:transform .3s ease-in}
.drawer.open .drawer__panel{transform:none;transition:transform .3s ease-out}
.drawer__close{display:flex;justify-content:flex-end;padding-bottom:1.25rem}
.drawer__close .icon{width:20px;height:20px}
.drawer li>button,.drawer li>a.top{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.625rem 0;font-family:var(--heading);font-weight:700;font-size:var(--fs-lg);letter-spacing:-.025em;line-height:.9;text-align:left}
.drawer li>button .chev{width:12px;height:12px}
.drawer li>button .chev path{stroke:currentColor;stroke-width:2;fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.drawer li.open>button .chev{transform:rotate(180deg)}
.drawer .sub{display:none;padding-bottom:1.25rem;margin:0}
.drawer li.open .sub{display:block}
.drawer .sub li{margin:.75rem 0;font-size:16px}
.drawer__acct{margin-top:1.25rem}
.drawer__acct li{margin-top:.375rem}
.drawer__acct .input{margin-top:2.5rem;width:100%}

/* generic section wrapper (shopify-section) */
.sec{position:relative}
.sec__in{position:relative;overflow:hidden;background:rgb(var(--bg));color:rgb(var(--text))}
.sec__in.grad{background:var(--grad,rgb(var(--bg)))}
.sc{padding:var(--section-y) var(--section-x)}
.sc-half{padding:calc(var(--section-y)/2) var(--section-x) var(--section-y)}
.w23{width:66.6667%;margin:0 auto}
.w12{width:50%;margin:0 auto}
.wfull{width:100%}
.mt5{margin-top:1.25rem}.mt10{margin-top:2.5rem}.mt2{margin-top:.625rem}
.tc{text-align:center}.tl{text-align:left}
.max2xl{max-width:42rem}.max3xl{max-width:48rem}.max4xl{max-width:56rem}.max5xl{max-width:64rem}.max-xl{max-width:36rem}
.mxauto{margin-left:auto;margin-right:auto}
.p5{padding:1.25rem}.p10{padding:2.5rem}
.card.p10 .card__surface,.card__surface.p10{padding:2.5rem}

/* rte (rich text) */
.rte{font-size:17px;line-height:1.65}
.rte>*+*{margin-top:1.25rem}
.rte>*+h1,.rte>*+h2,.rte>*+h3,.rte>*+h4,.rte>*+h5{margin-top:2.5rem}
.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6{font-family:var(--heading);font-weight:700;letter-spacing:-.025em;line-height:.9}
.rte h1{font-size:var(--fs-4xl)}
.rte h2{font-size:var(--fs-3xl)}
.rte h3{font-size:var(--fs-2xl);line-height:1.2}
.rte h4{font-size:var(--fs-xl);line-height:1.2}
.rte h5{font-size:16px;line-height:1.2}
.rte ul{list-style:disc;padding-left:1.25rem}
.rte ol{list-style:decimal;padding-left:1.25rem}
.rte li{margin-bottom:.5rem;list-style-position:outside}
.rte li>ul,.rte li>ol{margin-top:.625rem;margin-bottom:.9rem}
.rte li>*+*{margin-top:.625rem}
.rte a{text-decoration:underline;text-underline-offset:.15em}
.rte strong,.rte b{font-weight:700}
.rte img{margin:0 auto}
.rte p:empty{display:none}
.rte-tight{font-size:16px;line-height:1.375}
.rte-tight>*+*{margin-top:1.25rem}
.card__surface .rte,.card__surface .rte-tight{color:rgb(var(--card-text))}
.card__surface .h-secondary,.card__surface .h-standard,.card__surface .h-feature{color:rgb(var(--card-text))}

/* headings */
.h-standard,.h-feature,.h-secondary{font-family:var(--heading);font-weight:700;letter-spacing:-.025em;line-height:.9;word-wrap:break-word}
.h-standard{font-size:var(--fs-4xl)}
.h-feature{font-size:var(--fs-7xl)}
.h-secondary{font-size:var(--fs-lg)}

/* shape dividers (generic) */
.sd{position:absolute;left:0;width:100%;z-index:20;pointer-events:none;overflow:hidden;transform:scaleX(1.01)}
.sd--bottom{bottom:-1px}
.sd--top{top:-1px}
.sd__box{position:relative;width:100%}
.sd svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.sd--top svg{transform:scaleY(-1)}
.sd--anim svg{width:100.1%}
.sd--anim svg:nth-child(2){left:100%}
.sd--anim .sd__box{animation:sdwave 12s linear infinite}
@keyframes sdwave{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.sd--anim{width:200%}
.sd--anim .sd__box{width:100%;display:flex}
.sd--anim svg{position:absolute;left:0;width:50%}
.sd--anim svg:nth-child(2){left:50%}
.sd--anim.sd--top svg{transform:scaleY(-1)}

/* media variants */
.media--plain{z-index:auto}
.media--plain:before,.media--plain:after{display:none}
.media--noframe .media__el{border:0;border-radius:0;background:transparent}
.media--noframe:before,.media--noframe:after{display:none}
.media--half:before,.media--half:after{left:6px;top:6px}
.pb-shadow-half{padding-bottom:6px}
.sq .media__el{aspect-ratio:1/1}
.sq .media__el img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.sq .media__el{position:relative}

/* 12-col grid */
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem}
.cs3{grid-column:span 3}.cs4{grid-column:span 4}.cs6{grid-column:span 6}.cs8{grid-column:span 8}
.c7-13{grid-column:7/13}.c9-13{grid-column:9/13}
.it-center{display:flex;align-items:center}

/* image with text */
.iwt .rte{max-width:42rem}
.iwt .tc .rte{margin-left:auto;margin-right:auto}
.iwt .push-btn{margin-top:1.25rem}

/* columns (ingredient cards etc.) */
.cols .card__surface{padding:1.25rem;text-align:center}
.cols .media{margin-bottom:1.25rem}
.cols .pb-shadow{padding-bottom:12px}
.cols .h-secondary{margin-top:0}
.cols .rte-tight{margin-top:.625rem;font-size:16px;line-height:1.75}
.cols .rte-tight>*+*{margin-top:1.25rem}

/* icon list */
.icl{display:flex;flex-wrap:nowrap;justify-content:center;align-items:baseline;gap:var(--gap);max-width:var(--max-site);margin:0 auto}
.icl li{text-align:center;flex:1 1 0;max-width:260px}
.icl img{max-width:110px;margin:0 auto}
.icl h2{margin-top:1rem;font-size:16px;line-height:1.2;font-weight:400}

/* newsletter */
.nl{text-align:center}
.nl__form{display:flex;align-items:center;justify-content:center;margin-top:2.5rem;gap:.5rem}
.nl__form .input{width:300px}
.nl--wide .nl__form .input{width:660px}

/* inputs */
.input{display:inline-block;appearance:none;border:0;border-radius:.5rem;padding:.75rem 1rem;font:inherit;font-size:16px;line-height:1.2;box-shadow:inset 0 0 0 2px rgb(var(--text));background:rgb(var(--bg));color:rgb(var(--text));box-sizing:border-box;width:100%}
.input::placeholder{color:rgb(var(--text))}
textarea.input{resize:vertical;min-height:216px}
.push-btn__surface--secondary{background:rgb(var(--bg));color:rgb(var(--text))}
.push-btn--block{display:block;width:100%}
.push-btn--block .push-btn__surface{display:block;width:100%}
.push-btn input.push-btn__surface{cursor:pointer;border:0;width:100%}

/* contact */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-label{display:block;margin:1.25rem 0 .25rem;font-size:14px;line-height:1.2}
.form-label:first-child{margin-top:1.25rem}
.contact-card .h-feature{text-align:center}

/* policies */
.policy{padding:var(--section-y) var(--section-x)}
.policy__in{max-width:594px;margin:0 auto}
.policy__title{text-align:center;font-family:var(--heading);font-weight:700;font-size:var(--fs-7xl);letter-spacing:-.025em;line-height:.9}
.policy .rte{margin-top:1.25rem}

/* collection */
.coll-head{text-align:center;padding-top:2.5rem}
.coll-head .text-rte{margin:1.25rem auto 0;max-width:36rem;font-family:var(--heading);font-weight:700;letter-spacing:-.025em}
.coll-head .text-rte h2{font-size:var(--fs-2xl);line-height:1.2}
.coll-head .text-rte p{margin-top:1.25rem;font-size:14px;line-height:1.75;font-weight:700}
.coll-head .text-rte p span{font-weight:700!important;font-size:14px!important;color:inherit!important}
.coll-bar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-bottom:2.5rem}
.coll-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);padding:1rem 0}
.coll-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ptile{position:relative}
.ptile--down{transform:translateY(1rem)}
.ptile--up{transform:translateY(-1rem)}
.ptile__media{display:block;position:relative;padding-bottom:12px}
.ptile__media .media__el{aspect-ratio:1/1;position:relative}
.ptile__media .media__el img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ptile__media .swap{opacity:0;transition:opacity .3s;z-index:2}
.ptile__media:hover .swap{opacity:1}
.ptile__info{margin-top:1.25rem;text-align:center;word-wrap:break-word}
.ptile__title{font-family:var(--heading);font-weight:700;font-size:16px;line-height:1.2;letter-spacing:-.025em}
.ptile__stars{display:inline-flex;align-items:center;margin-top:.25rem;line-height:1}
.ptile__stars svg{width:13px;height:13px}
.ptile__stars .cnt{font-family:var(--heading);font-weight:700;font-size:12px;margin-left:.3rem}
.ptile__price{margin-top:.625rem;font-family:var(--heading);font-weight:700;font-size:16px;line-height:1.2}
.ptile__price s{margin-left:.35rem}
.ptile__buy{position:relative;z-index:20;margin:1.25rem auto 0;max-width:20rem;text-align:center;padding-bottom:6px}
.sale-sticker{position:absolute;top:15%;left:90%;transform:rotate(5deg) translate(-50%,-50%);z-index:20;pointer-events:none;width:100px;height:100px}
.sale-sticker__in{position:absolute;inset:0;border-radius:50%;background:rgb(var(--accent));border:2px solid #000;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;font-size:9.77px;line-height:1.05;padding:10px;animation:rotate 12s linear infinite}
.sale-sticker__in b{display:block;font-size:12.5px;font-weight:400}
.sale-sticker__in .pct{font-size:.78em;display:inline-block;margin-top:.15em}

/* product page */
.pdp{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem}
.pdp__media{grid-column:span 6}
.pdp__info{grid-column:span 6;padding:0 3.125rem 0 3.5rem}
.pdp__main{display:block;padding-bottom:12px}
.pdp__main .media__el{aspect-ratio:1/1;position:relative}
.pdp__main .media__el img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.pdp__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.125rem;margin-top:1.625rem}
.pdp__thumbs .media{cursor:pointer;padding-bottom:6px}
.pdp__thumbs .media:before,.pdp__thumbs .media:after{left:6px;top:6px}
.pdp__thumbs .media__el{aspect-ratio:1/1;position:relative}
.pdp__thumbs .media__el img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pdp__title{font-family:var(--heading);font-weight:700;font-size:var(--fs-7xl);letter-spacing:-.025em;line-height:.9}
.pdp__stars{display:inline-flex;align-items:center;margin-top:.5rem;line-height:1}
.pdp__stars svg{width:16px;height:16px}
.pdp__stars .cnt{font-family:var(--heading);font-weight:700;font-size:14px;margin-left:.3rem}
.pdp__price{margin-top:1.25rem;font-family:var(--heading);font-weight:700;font-size:var(--fs-lg);line-height:1.2}
.pdp__price s{margin-left:.25rem}
.pblock{margin-top:1.25rem}
.chart{display:flex;align-items:center}
.chart h4{width:20%;flex:0 0 auto;font-family:var(--heading);font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.025em}
.chart__track{flex:1 1 0}
.chart__bar{height:8px;border-radius:9999px;border:2px solid rgb(var(--text));background:rgb(var(--accent));box-sizing:border-box}
.pblock.chart+.pblock.chart{margin-top:10px}
.qty{display:flex;align-items:center}
.qty label{width:25%;flex:0 0 auto;font-family:var(--heading);font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.025em;padding-right:.625rem}
.qty__ctl{display:flex;align-items:center}
.qty .push-btn--icon .push-btn__surface{padding:.5rem}
.qty .push-btn--icon svg{width:16px;height:16px}
.qty input{width:3rem;text-align:center;border:0;background:transparent;font:inherit;font-size:16px;padding:.5rem;margin:0 .25rem 0 .6rem}
.qty .push-btn{margin-right:6px}
.atc{margin-top:1.25rem}
.atc .push-btn__surface{padding:.75rem 1rem}
.shoppay{margin-top:.625rem;position:relative;z-index:0}
.shoppay__btn{display:flex;align-items:center;justify-content:center;gap:.4rem;height:44px;border-radius:.5rem;background:#5a31f4;color:#fff;font-family:var(--body);font-size:17px;font-weight:500;position:relative}
.shoppay:after{content:"";position:absolute;left:6px;top:6px;width:100%;height:100%;border-radius:.5rem;background:#000;z-index:-1}
.shoppay__logo{font-weight:800;font-size:21px;letter-spacing:-.02em}
.more-pay{display:block;text-align:center;margin-top:1em;font-size:14.2544px;line-height:1.2;text-decoration:underline}
.badges{display:flex;flex-wrap:wrap;justify-content:center;margin-top:18px}
.badges li{flex:0 0 calc(20% - 16px);max-width:calc(20% - 16px);margin:0 8px;text-align:center}
.badges img{width:55px;height:55px;margin:0 auto 6px;object-fit:contain}
.badges span{display:block;font-size:12px;line-height:1.25;letter-spacing:-.01em;color:#000}
.tabs-card{margin-top:2.5rem;padding-bottom:12px}
.tabs-card .card__surface{padding:1.25rem}
.tabs{display:flex;flex-wrap:wrap;gap:1rem}
.tabs button{font-family:var(--heading);font-weight:700;font-size:16px;letter-spacing:-.025em;line-height:1.2;text-transform:uppercase;padding:.25rem .5rem;border:2px solid transparent;border-radius:.5rem;color:#000}
.tabs button.on{border-color:rgb(var(--text))}
.tabpanes{margin-top:1.25rem}
.tabpane{display:none}
.tabpane.on{display:block}
.free-ship{margin-top:1.25rem;text-align:center;font-family:var(--heading);font-weight:700;font-size:17px;line-height:1.65;letter-spacing:-.025em}
.pdesc{margin-top:1.25rem}
.img-sticker{position:absolute;z-index:20;pointer-events:none;transform:translate(-50%,-50%)}
.img-sticker img{display:block;width:100%;height:auto}
.img-sticker__par{transform:translateZ(0)}
.img-sticker__el{transition:transform 50ms linear;will-change:transform}
main{overflow:hidden}

/* hero ingredients */
.hero-ing{max-width:1030px;margin:2.5rem auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}
.hero-ing--4{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-ing--2{max-width:690px;grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-ing .card__surface{padding:1.25rem;text-align:center}
.hero-ing .media{margin-bottom:1.25rem;padding-bottom:12px}
.hero-ing .sq .media__el{position:relative}
.hero-ing .h-secondary{line-height:.9}
.hero-ing--4{gap:16px}

/* what's inside */
.inside{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:2.5rem}
.inside__col{display:flex;flex-direction:column;justify-content:center;gap:var(--gap)}
.inside__mid{grid-column:span 2;display:flex;align-items:center;justify-content:center}
.inside__mid img{width:100%;max-width:600px;height:auto}
.inside .card__surface{padding:1.25rem;text-align:center}
.inside .h-secondary{line-height:.9}
.inside p{margin-top:.625rem;font-size:16px;line-height:1.2}

/* feature text band */
.feature-band{text-align:center;padding:var(--section-y) var(--section-x)}
.feature-band .ft{font-family:var(--heading);font-weight:700;font-size:var(--fs-5xl);letter-spacing:-.025em;line-height:.9;max-width:var(--max-site);margin:0 auto}

/* how to use */
.howto{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:2.5rem}
.howto .card__surface{padding:1.25rem;text-align:center}
.howto .media{margin-bottom:1.25rem;padding-bottom:12px}
.howto .rte{font-size:16px;line-height:1.75}
.num-sticker{position:absolute;top:5%;left:5%;transform:translate(-50%,-50%);width:80px;height:80px;z-index:20;pointer-events:none}
.num-sticker__in{position:absolute;inset:0;border-radius:50%;background:rgb(var(--accent));border:2px solid #000;display:flex;align-items:center;justify-content:center;font-family:var(--body);font-size:22.8px;line-height:1;color:#000}

/* compare table */
.cmp{width:100%;border-collapse:collapse;table-layout:fixed}
.cmp th,.cmp td{border:2px solid currentColor;padding:20px;vertical-align:middle}
.cmp .tl-cell{border-top:0;border-left:0;border-bottom:0;text-align:left}
.cmp th.hd{font-family:var(--heading);font-weight:700;font-size:var(--fs-lg);letter-spacing:-.025em;line-height:.9;text-align:center}
.cmp th.lab{text-align:left;font-weight:400;font-size:16px;line-height:1.2}
.cmp td{text-align:center}
.cmp .hl{background:#fcf259;color:#000}
.cmp-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;border:1.5px solid currentColor;box-sizing:border-box}
.cmp-ico svg{width:70%;height:70%;display:block}
.cmp-hint{display:none}

/* reviews (judge.me look) */
.rv{max-width:1168px;margin:0 auto;font-family:var(--body);color:#000}
.rv__title{text-align:center;font-size:24px;line-height:1.4;font-weight:400}
.rv{font-size:16px;line-height:1.4;padding:24px 0}
.rv__summary{display:flex;align-items:stretch;justify-content:flex-start;margin-top:1.5rem;height:110px;padding-bottom:24px}
.rv__sum{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0;width:350px;flex:0 0 350px;border-right:1px solid rgba(0,0,0,.1);min-width:0;font-size:16px;line-height:1.4}
.rv__sum .stars{display:inline-flex;gap:0;vertical-align:middle;margin-right:.4rem}
.rv__hist{padding:0 0 0 2rem;width:467px;flex:0 0 467px;border-right:0;display:flex;flex-direction:column;justify-content:center;gap:0}
.rv__row{display:flex;align-items:center;gap:1.75rem;font-size:12px;color:#7b7b7b}
.rv__row .stars{display:inline-flex}
.rv__bar{width:140px;height:14px;background:#eee;position:relative}
.rv__bar i{position:absolute;left:0;top:0;bottom:0;background:#000}
.rv__write{display:flex;align-items:center;padding:0 2rem 0 3.5rem}
.rv__write a{display:inline-block;background:#000;color:#fff;padding:.7rem 4rem;font-size:16px;font-weight:600}
.rv__sort{margin-top:1.5rem;padding:1rem 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}
.rv__sort select{font:inherit;font-size:14px;padding:.55rem .5rem;border:2px solid #000;border-radius:4px;background:#fff}
.rv__item{padding:1.5rem 0;border-bottom:1px solid rgba(0,0,0,.1);position:relative}
.rv__item .stars{display:inline-flex}
.rv__date{position:absolute;right:0;top:1.5rem;font-size:12px;color:#7b7b7b}
.rv__who{display:flex;align-items:center;gap:.6rem;margin-top:.5rem;font-size:16px}
.rv__ava{width:36px;height:36px;background:#eee;display:flex;align-items:center;justify-content:center;position:relative}
.rv__ava svg{width:20px;height:20px}
.rv__ava .vb{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;background:#000;border:1px solid #fff}
.rv__badge{background:#000;color:#fff;font-size:12px;padding:0 6px;line-height:1.5;border-radius:3px}
.rv__badge b{font-weight:700}
.rv__t{display:block;margin-top:1.25rem;font-weight:700;font-size:16px;line-height:1.4}
.rv__b{margin-top:.5rem;font-size:16px;line-height:1.4}
.rv__empty{text-align:center;margin-top:1.5rem;font-size:16px}
.rv__empty .stars{display:inline-flex;justify-content:center}
.stars svg{width:16px;height:16px;fill:#000}
.stars svg.off{fill:#fff;stroke:#000;stroke-width:1.5}
.rv__row .stars svg{width:12px;height:12px}

/* blog */
.blog-feat .card__surface{padding:2.5rem}
.blog-feat .h-standard{color:rgb(var(--card-text))}
.blog-feat .date{display:block;margin-top:1.25rem;font-family:var(--heading);font-weight:700;font-size:14px;letter-spacing:-.025em;line-height:1.2}
.blog-feat p{margin-top:1.25rem;font-size:16px;line-height:1.75;max-width:42rem}
.blog-feat .push-btn{margin-top:1.25rem}
.blog-cards{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem;margin-top:2.5rem}
.blog-cards li{grid-column:span 4}
.blog-cards .card__surface{padding:1.25rem;text-align:center}
.blog-cards .media{margin-bottom:1.25rem;padding-bottom:12px}
.blog-cards .h-secondary{line-height:.9}
.blog-cards time{display:block;margin-top:.625rem;font-size:16px;line-height:1.2}
.blog-cards .rte{margin-top:.625rem}
.article{max-width:56rem;margin:0 auto}
.article__img{margin-bottom:2.5rem;padding-bottom:12px}
.article__meta{text-align:center;margin-bottom:.625rem;font-size:16px;line-height:1.2}
.article .h-feature{text-align:center}
.article .rte{margin-top:1.25rem}
.article__foot{margin-top:2.5rem;text-align:center;font-size:16px}
.article__foot .share{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:.625rem;font-size:14px}
.article__foot .share a{margin-right:.5rem}
.article__nav{display:flex;align-items:center;justify-content:space-between;margin-top:2.5rem}
.article__nav .push-btn--icon .push-btn__surface{padding:.5rem}

/* search + cart */
.search-form{position:relative;max-width:42rem;margin:2.5rem auto 0}
.search-form .input{padding-right:3rem}
.search-form button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);padding:.25rem}
.search-form button svg{width:20px;height:20px}
.cart-card .h-feature{text-align:center}
.cart-empty{margin-top:2.5rem;padding:1.25rem 0;text-align:center;font-size:16px}

/* instagram strip (real feed) */
.ig{padding:64px var(--section-x)}
.ig__grid{display:flex;justify-content:center;gap:5px;max-width:1360px;margin:0 auto}
.ig__grid img{width:222px;height:222px;object-fit:cover;border-radius:4px}
.ig__arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center}
.ig__arrow svg{width:14px;height:14px}
.ig__arrow svg path{stroke:#333;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* footer payment icons */
.pay{display:flex;flex-wrap:wrap;gap:.5rem .8rem;justify-content:center;max-width:460px}
.pay svg{width:38px;height:24px;display:block}
.footer__bottom{grid-template-columns:1fr auto 1fr}

/* apco custom block */
.custom-apco-container{display:flex;align-items:center;justify-content:center;gap:2.5rem;max-width:1100px;margin:0 auto;padding:var(--section-y) var(--section-x)}
.custom-apco-logo{width:220px;height:auto;flex:0 0 auto}
.custom-apco-text{font-size:16px;line-height:1.75}

/* video */
.video-wrap{position:relative;padding-top:75%}
.video-wrap video,.video-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-media .media__el{position:relative}

/* privacy choices */
.opt-form{margin-top:1.25rem}
.opt-form label{display:block;font-size:14px;margin:1.25rem 0 .25rem}

@media (max-width:989px){
  .w23,.w12{width:100%}
  .g12{gap:var(--gap)}
  .cs3,.cs4,.cs6,.cs8,.c7-13,.c9-13{grid-column:span 12}
  .form-grid,.coll-grid,.coll-grid--4,.howto,.inside,.hero-ing,.hero-ing--4,.hero-ing--2{grid-template-columns:1fr}
  .inside__mid{grid-column:span 1}
  .pdp__media,.pdp__info{grid-column:span 12}
  .pdp__info{padding:0}
  .blog-cards li{grid-column:span 12}
  .ptile--down,.ptile--up{transform:none}
  .icl{display:grid;grid-template-columns:1fr 1fr}
  .nl__form{flex-direction:column}.nl__form .input,.nl--wide .nl__form .input{width:100%}
  .rv__summary{flex-direction:column;gap:1.5rem;align-items:center}.rv__sum,.rv__hist,.rv__write{border:0;padding:0}
  .ig__grid{flex-wrap:wrap}.ig__grid img{width:calc(50% - 3px);height:auto;aspect-ratio:1}
  .badges li{flex-basis:calc(33.333% - 12px);max-width:calc(33.333% - 12px);margin:0 6px 12px}
  .custom-apco-container{flex-direction:column}
  .cmp th,.cmp td{padding:16px;width:35vw}
  .cmp-wrap{overflow-x:auto}
  .feature-band .ft{font-size:var(--fs-lg)}
  .policy__title{font-size:var(--fs-3xl)}
  .nav-dd{display:none!important}

}

.tabpane h2{font-size:var(--fs-lg);line-height:1.2}
.tabpane h3{font-family:var(--body);font-weight:600;font-size:20px;letter-spacing:0;line-height:1.2}
.pdesc h2{font-size:var(--fs-lg);line-height:1.2}
@media (max-width:989px){
  html,body{overflow-x:hidden}
  .pdp{display:block}
  .pdp__media,.pdp__info{min-width:0;width:100%}
  .pdp__info{margin-top:2.5rem}
  .pdp__info>*{min-width:0}
  .rte,.tabpane{overflow-wrap:anywhere}
  .pdp__title{font-size:var(--fs-4xl)}
}
@media (max-width:989px){
  .blog-cards,.g12,.coll-grid,.hero-ing,.howto,.inside{display:grid;grid-template-columns:minmax(0,1fr)}
  .blog-cards li,.g12>*,.coll-grid>*{min-width:0;grid-column:auto}
  .cols li{grid-column:auto}
}

/* hover effects (theme: rotate -5deg, zoom 1.3, 300ms) */
.ptile__media,.tile__media{transition:transform .3s cubic-bezier(.4,0,.2,1)}
.ptile__media .media__el img,.tile__media .media__el img{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s}
.pdp__thumbs .media__el{transition:transform .1s cubic-bezier(.215,.61,.355,1)}
.footer ul.links a,.footer__bottom a,.footer__col6 a{text-decoration:underline solid 2px;text-decoration-color:transparent;transition:text-decoration-color .1s ease-in-out}
@media(hover:hover) and (pointer:fine){
.ptile:hover .ptile__media,.tile:hover .tile__media{transform:rotate(-5deg)}
.ptile:hover .ptile__media .media__el img,.tile:hover .tile__media .media__el img{transform:scale(1.3)}
.ptile:hover .swap,.tile:hover .swap{opacity:1}
.pdp__thumbs .media:hover .media__el{transform:translate(var(--card-shadow),var(--card-shadow))}
.footer ul.links a:hover,.footer__bottom a:hover,.footer__col6 a:hover{text-decoration-color:inherit}
}

/* ---- live parity overrides (16 Eki): measured against kinside.club ---- */
.chart h4,.qty label{font-size:14.2544px;line-height:1.2}
.pdp__stars{margin-top:0;height:24px;font-size:16px}
.pdp__stars .cnt{font-size:16px}
.ptile__stars svg,.tile__stars svg{width:16px;height:16px}
.hero-ing .media,.howto .media{padding-bottom:0}
.hero-ing .h-secondary{padding-bottom:10px}
.howto{gap:16px}
.howto .rte{font-size:17px;line-height:1.65}
.coll-grid.related{padding:0}
.rv__row{height:22px;font-size:12.8px;line-height:1.4}
.rv__sort{margin-top:0;padding:8px 0}
.rv__sort select{height:40px;padding:8px}
.rv__item{padding:16px 0 32px}
.rv__who{height:22px;gap:8px;margin:0 0 27px}
.rv__date{top:16px;font-size:12.8px;line-height:1.4}
.rv__t{margin-top:0}
.rv__b{line-height:1.4}
.footer{font-size:16px;line-height:1.2}
.footer__bottom{font-size:14.2544px;line-height:1.2}
.country{padding:4px 0}
.rv__summary{height:134px;box-sizing:border-box}
.rv__item>.stars{display:flex;align-items:center;height:22px;margin-bottom:8px}
.rv__item{margin-bottom:4px}
.inside__mid{padding-bottom:12px}
.rv__sum .stars svg,.rv__row .stars svg{width:16px;height:16px}

/* ---- desktop parity round 2 ---- */
.fc__slide{flex-basis:calc(33.3333% + 36px)}
.fc__viewport{padding:0 0 12px}
.tile{padding-bottom:12px}
.tile__stars .cnt,.ptile__stars .cnt{font-size:12.8px;line-height:1.2}
.fc--scale .tile{transition:transform .5s cubic-bezier(.4,0,.2,1);transform:scale(.8)}
.fc--scale .fc__slide.on .tile{transform:none}
.icon-row h3{line-height:1.2}
.fmr__eyebrow{font-weight:400;line-height:1.2}
.testi__stars{font-size:16px;line-height:1.2}
.feature__text .sub{font-size:16px;line-height:1.2}
.center-btn{margin-top:40px}
.pdp-spacer{height:108px}
.pdp__nav{display:none}
.inside__cards{display:contents}
.inside__col--l{order:-1}
.sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;background:#fff;color:#000;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .2s ease}
.sticky-atc.is-visible{transform:translateY(0)}
.sticky-atc__in{display:flex;align-items:center;gap:.75rem;max-width:48rem;margin:0 auto}
.sticky-atc__img{width:2.75rem;height:2.75rem;object-fit:cover;border-radius:.5rem;flex:0 0 auto}
.sticky-atc__info{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;line-height:1.15}
.sticky-atc__title{font-family:var(--body);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-atc__price{font-family:var(--heading);font-weight:700;font-size:.95rem;margin-top:.1rem}
.sticky-atc__btn{flex:0 0 auto;font-family:var(--heading);font-weight:700;border:0;border-radius:999px;padding:.7rem 1.4rem;font-size:.9rem;background:#000;color:#fff;text-decoration:none}
@media (max-width:989px){
  .fc__slide{flex-basis:60%}
  .sticky-atc{display:block}
  .pdp-spacer{height:32px}
  .pdp__thumbs{display:none}
  .pdp__nav{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
  .pdp__info{margin-top:43px}
  .chart{flex-wrap:wrap;gap:8px}
  .chart h4{width:100%;flex:0 0 100%}
  .chart__track{flex:0 0 100%}
  .qty{display:block}
  .qty label{margin-bottom:10px}
  .badges img{width:36px;height:36px;margin-bottom:5px}
  .badges span{font-size:10px;line-height:1.2}
  .hero-ing,.howto,.inside__cards{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;margin:20px -20px 0;padding:0 20px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .hero-ing::-webkit-scrollbar,.howto::-webkit-scrollbar,.inside__cards::-webkit-scrollbar{display:none}
  .hero-ing>.card,.howto>.card,.inside__cards .card{flex:0 0 280px;scroll-snap-align:start}
  .inside{display:block;margin-top:40px}
  .inside__col{display:contents}
  .inside__mid{padding:0;margin-bottom:40px}
  .inside__mid img{max-width:100%}
  .sale-sticker{width:81px;height:81px}
  .ig{padding:32px var(--section-x)}
  .ig__grid{flex-wrap:nowrap;overflow:hidden;gap:2px;justify-content:flex-start}
  .ig__grid img{width:174px;height:174px;flex:0 0 174px;aspect-ratio:auto}
  .footer__grid{display:flex;flex-wrap:wrap;gap:40px}
  .footer__col6{width:100%}
  .footer__col3{flex:1 1 0;min-width:0}
  .footer__bottom{display:flex;flex-direction:column;align-items:center;text-align:center;gap:40px;margin-top:20px}
  .footer__bottom>*{width:auto}
  .country{justify-self:auto}
}
.tile{padding-bottom:0}
.tile__media{padding-bottom:12px}
@media (max-width:989px){.qty label{display:block;line-height:1.2}}

.scroll-nav{display:none}
.sale-sticker__in{font-size:15.624px;line-height:1.05}
.sale-sticker__in b{font-size:15.624px}
.sale-sticker{width:108px;height:108px}
@media (max-width:989px){
  .scroll-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:27px}
  .sale-sticker{width:81px;height:81px}
}
.fc__controls{margin-top:27px;padding-bottom:6px}
.faq-grid{max-width:1280px}
.faq button{min-height:24px}
.faq button .icon{width:24px;height:24px}
.footer__bottom{align-items:center}
.footer__bottom>div:first-child{align-self:start}
@media (max-width:989px){.sale-sticker__in{padding:8px}.sale-sticker__in b{white-space:nowrap}}
/* ---- round 3: live parity ---- */
.shipbar{padding:7px 0;font-size:14.2544px;line-height:19px}
.section .sub{font-size:16px;line-height:1.2}
.sub.px-section{max-width:448px;margin-left:auto;margin-right:auto}
.faq .sub{line-height:22px}
.sale-sticker__in{animation:none}
.sale-sticker{width:100px;height:100px}
.sale-sticker__in{padding:10.67px}
.marquee__item .rotate-anim{animation:none}
@media (max-width:989px){
  .shipbar{padding:3px 0}
  .site-header{padding:8px 20px}
  .site-header__row,.site-header--static .site-header__row{height:50px}
  .site-header__logo{padding:10px 0}
  .site-header__logo img{width:130px;height:30px}
  .hdr-icons{gap:12px}
  .hdr-icons a[aria-label="Search"]{display:flex}
  .pdp-spacer{height:46px}
  .coll-head{padding-top:14px}
  .coll-head h1{font-size:32px}
  .coll-bar{padding-bottom:20px}
  .coll-bar .push-btn{flex:1 1 0}
  .coll-bar .push-btn__surface{display:block;width:100%;box-sizing:border-box;text-align:center}
  .fc__slide{flex-basis:59%;padding:0 10px}
  .fc{margin-top:20px}
  .fc__controls{margin-top:20px;flex-wrap:wrap;justify-content:center;row-gap:20px}
  .fc__arrows{position:static;transform:none;flex:0 0 100%;display:flex;justify-content:flex-end;gap:8px}
  .icon-row{margin-top:20px}
  .icon-row li{min-width:0;max-width:none}
  .icon-row h3{overflow-wrap:anywhere}
  .fmr{padding:48px 16px}
  .marquee__item,.marquee__item>span{line-height:1.2}
  .richtext .sub-h3{font-size:23.9729px;line-height:1.2}
  .feature__text h2{font-size:26.9087px;line-height:.9}
  .testi__quote{font-size:23.9729px;line-height:.9}
  .cmp-hint{display:block;font-size:12px;line-height:1.2}
  .rv__title{margin-bottom:12px}
  .rv__summary{margin-top:0;height:auto;flex-direction:column;gap:0;padding-bottom:24px;align-items:stretch}
  .rv__sum{flex:none;width:auto;height:45px;border:0;margin-bottom:24px}
  .rv__hist{flex:none;width:auto;height:110px;padding:0}
  .sale-sticker{width:75px;height:75px}
  .sale-sticker__in{padding:10.67px}
  .sale-sticker__in b{white-space:normal}
}
@media (max-width:989px){
  .feature__text{grid-area:1/1}
  .feature__imgs{grid-area:2/1}
}
@media (max-width:768px){
  .ktb-col{padding:26px 16px}
  .ktb-col+.ktb-col{border-left:0;border-top:1px solid rgba(20,20,20,.14)}
}
@media (max-width:989px){.scroll-nav{margin-top:20px;padding-bottom:6px}}
@media (max-width:989px){.logo-row{flex-wrap:wrap;justify-content:center;align-items:center;margin:-20px 0 0;padding:0}.logo-row li{margin:16px 20px 0;flex:0 0 auto}}
.rv__write--m{display:none}
@media (max-width:989px){
  .footer__bottom{align-items:flex-start;text-align:left}
  .rv__write--m{display:block;padding:0;margin-top:24px}
  .rv__write-btn{display:block;background:#000;color:#fff;text-align:center;padding:10px 16px;font-weight:700;font-size:16px;line-height:20px;text-decoration:none}
  .rv__summary{padding-bottom:24px}
}
@media (max-width:989px){.rv__write.rv__write--m{display:block;padding:0}.rv__write-btn{width:100%;box-sizing:border-box}}

/* color schemes */
.cs-scheme1{--bg:255, 255, 255;--text:0, 0, 0;--accent:252, 242, 89;--accent2:0, 0, 0;--card:255, 255, 255;--card-text:14, 23, 50}
.cs-scheme2{--bg:244, 244, 244;--text:0, 0, 0;--accent:252, 242, 89;--accent2:0, 0, 0;--card:17, 26, 55;--card-text:253, 121, 91}
.cs-scheme3{--bg:151, 71, 255;--text:0, 0, 0;--accent:240, 105, 167;--accent2:255, 255, 255;--card:255, 255, 255;--card-text:0, 0, 0}
.cs-scheme4{--bg:240, 105, 167;--text:0, 0, 0;--accent:252, 242, 89;--accent2:255, 255, 255;--card:255, 255, 255;--card-text:0, 0, 0}
.cs-scheme5{--bg:0, 0, 0;--text:255, 255, 255;--accent:255, 255, 255;--accent2:0, 0, 0;--card:0, 0, 0;--card-text:255, 255, 255}
.cs-scheme6{--bg:255, 255, 255;--text:0, 0, 0;--accent:0, 0, 0;--accent2:255, 255, 255;--card:255, 255, 255;--card-text:0, 0, 0}
.cs-24ba8444{--bg:252, 242, 89;--text:0, 0, 0;--accent:252, 242, 89;--accent2:0, 0, 0;--card:255, 255, 255;--card-text:0, 0, 0}
.cs-51083faf{--bg:245, 151, 29;--text:0, 0, 0;--accent:252, 242, 89;--accent2:0, 0, 0;--card:255, 255, 255;--card-text:14, 23, 50}
.cs-ecf7d4da{--bg:138, 212, 255;--text:0, 0, 0;--accent:252, 242, 89;--accent2:0, 0, 0;--card:255, 255, 255;--card-text:14, 23, 50}
.cs-42f59899{--bg:142, 234, 161;--text:0, 0, 0;--accent:252, 242, 89;--accent2:0, 0, 0;--card:255, 255, 255;--card-text:14, 23, 50}
.cs-86398e3d{--bg:255, 255, 255;--text:0, 0, 0;--accent:138, 212, 255;--accent2:0, 0, 0;--card:255, 255, 255;--card-text:14, 23, 50}
.cs-8c1bd6d5{--bg:255, 255, 255;--text:0, 0, 0;--accent:151, 71, 255;--accent2:0, 0, 0;--card:255, 255, 255;--card-text:14, 23, 50}
.cs-10456a4c{--bg:255, 255, 255;--text:0, 0, 0;--accent:245, 151, 29;--accent2:0, 0, 0;--card:255, 255, 255;--card-text:14, 23, 50}
.cs-6e1c763a{--bg:255, 255, 255;--text:0, 0, 0;--accent:142, 234, 161;--accent2:0, 0, 0;--card:255, 255, 255;--card-text:14, 23, 50}
.cs-b2ae41a9{--bg:255, 255, 255;--text:0, 0, 0;--accent:240, 105, 167;--accent2:0, 0, 0;--card:255, 255, 255;--card-text:14, 23, 50}
.cs-7a00516e{--bg:255, 255, 255;--text:0, 0, 0;--accent:252, 242, 89;--accent2:0, 0, 0;--card:255, 255, 255;--card-text:14, 23, 50;--grad:linear-gradient(135deg, rgb(252, 242, 89) 0%, rgb(252, 242, 89) 100%)}