/** Shopify CDN: Minification failed

Line 162:0 Unexpected "}"

**/
/* Snactivate homepage (templates/index.json, WIP 193790804244), 2026-10-19. Tokens match PDP / collection: Inter body, Baloo 2 headings, CTA #FC4C02 + #121212 text, flavour tints. Shared buttons + card price live in snactivate-buttons.css (site-wide). */
.snx-hm{--hm-ink:#121212;--hm-muted:#555;--hm-display:'Baloo 2',var(--font-heading-family),sans-serif;--hm-body:Inter,var(--font-body-family),sans-serif;font-family:var(--hm-body);color:var(--hm-ink);padding:36px 0;overflow-x:clip}
@media (min-width:750px){.snx-hm{padding:56px 0}}
.snx-hm-sec{margin:0!important}
.snx-hm--white{background:#fffdfa}.snx-hm--dc{background:#f0e8f6}.snx-hm--mb{background:#FEEAF0}.snx-hm--cc{background:#E8EFFC}.snx-hm--fv{background:#EBF9FD}.snx-hm--ink{background:#121212;color:#fff}.snx-hm--plum{background:#543078;color:#fff}.snx-hm--warm{background:#fbf4ed}.snx-hm--cream{background:#fbf7f0}.snx-hm--coral{background:#FC4C02;color:#20182a}.snx-hm--grey{background:#F4F4F6}
.snx-hm__h2{font-family:var(--hm-display);font-weight:700;font-size:26px;line-height:1.2;letter-spacing:0;text-transform:none;text-align:left;color:#2B0F4C;margin:0 0 8px}
@media (min-width:750px){.snx-hm__h2{font-size:34px}}
.snx-hm__sub{text-align:left;font-size:15px;line-height:1.5;color:var(--hm-muted);max-width:640px;margin:0 0 22px}
@media (min-width:750px){.snx-hm__sub{font-size:16px;margin-bottom:30px}}
.snx-hm__ph{outline:1px dashed #FC4C02;outline-offset:3px}
/* link button (not add to cart): same orange, no cart icon */
.snx-hm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:0;padding:13px 20px;background:#FC4C02;color:#271822;border-radius:999px;border:1px solid transparent;font-family:var(--hm-body);font-weight:750;font-size:13px;line-height:1.2;text-decoration:none;box-shadow:none;transition:background-color .15s ease,transform .15s ease,color .15s ease,border-color .15s ease}
.snx-hm-btn:hover{transform:translateY(-2px)}
.snx-hm-btn:focus-visible{outline:3px solid #FC4C02;outline-offset:3px}
.snx-hm-btn--dark{background:#20182a;color:#fff;border-color:transparent}
.snx-hm-btn--dark:hover{background:#2c2238;color:#fff}
.snx-hm-btn--coral{background:#FC4C02;color:#271822;border-color:transparent}
.snx-hm-btn--coral:hover{background:#ff5a1a;color:#271822}
.snx-hm-btn--ghost,.snx-hm-btn--outline{background:transparent;color:#20182a;border:1px solid #bcb1bc;box-shadow:none}
.snx-hm-btn--ghost:hover,.snx-hm-btn--outline:hover{background:#20182a;color:#fff;border-color:#20182a}
.snx-hm-btn--sm{padding:9px 13px;font-size:11px}
.snx-hm-link{font-weight:600;color:#121212;text-decoration:underline;text-decoration-color:#FC4C02;text-decoration-thickness:2px;text-underline-offset:4px}
.snx-hm-link:hover{color:#FC4C02}
@media (prefers-reduced-motion:reduce){.snx-hm-btn{transition:none}.snx-hm-btn:hover{transform:none}}

/* 2 trust strip */
.snx-ht{padding:12px 0}
.snx-ht__list{list-style:none;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;max-width:1280px}
@media (min-width:990px){.snx-ht__list{grid-template-columns:repeat(3,auto);justify-content:space-between;gap:8px 24px}}
.snx-ht__a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#FC4C02}
.snx-ht__item{display:flex;align-items:center;gap:8px;min-height:24px;font-size:12.5px;line-height:1.3;font-weight:600;color:#333;text-align:left}
.snx-ht__ic{flex:none;width:22px;height:22px;color:#FC4C02}
.snx-ht__ic svg{width:100%;height:100%;display:block}
@media (min-width:750px){.snx-ht{padding:14px 0}.snx-ht__item{font-size:14px}}

/* 3 flavour cards (Dawn card-product inside, like /collections/all) */
.snx-hf__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:990px){.snx-hf__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
.snx-hf__item{background:#fff;border:1.5px solid color-mix(in srgb,var(--fl-d,#121212) 35%,#fff);border-radius:16px;padding:8px 8px 10px;min-width:0;display:flex;flex-direction:column}
.snx-hf__item .card-wrapper{height:100%}
.snx-hf__item .card{--border-width:0px;--shadow-opacity:0;background:transparent}
.snx-hf__item .card__inner{background:var(--fl-t,#F3F3F3)!important;border-radius:12px;overflow:hidden}
.snx-hf__item.has-art .card__inner{--ratio-percent:var(--art-pct,138.9%)!important}
.snx-hf__item.has-art .card__media img{object-fit:contain!important;object-position:center bottom}
.snx-hf__item .card__content{padding:10px 4px 0!important}
.snx-hf__item .card__heading{font-family:var(--hm-body)!important;font-weight:600!important;font-size:15px!important;line-height:1.3;letter-spacing:0;margin:0 0 4px}
.snx-hf__item .card__heading a{color:var(--hm-ink)}
.snx-hf__item .quick-add{margin-top:8px}
.snx-hf__grid .snx-card-save{display:none!important}
@media (min-width:750px){.snx-hf__item{padding:10px 10px 12px}.snx-hf__item .card__heading{font-size:16px!important}}

/* 4 marquee */
.snx-hq{padding:0;height:52px;display:flex;align-items:center;overflow:hidden;contain:layout paint}
.snx-hq__track{display:flex;width:max-content;animation:snx-hq var(--hq-dur,24s) linear infinite}
.snx-hq__list{display:flex;flex:none;margin:0;padding:0;list-style:none}
.snx-hq__list li{display:flex;align-items:center;white-space:nowrap;font-family:var(--hm-display);font-weight:700;font-size:18px;line-height:1;color:#121212;padding:0 18px}
.snx-hq__list li::after{content:"";width:6px;height:6px;border-radius:50%;background:#FC4C02;margin-left:36px}
@keyframes snx-hq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.snx-hq__track{animation:none}}

/* 5 videos: portrait cards, swipe on mobile, row on desktop */
.snx-hv__row{list-style:none;margin:0;padding:0 16px 6px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.snx-hv__row::-webkit-scrollbar{display:none}
.snx-hv__item{flex:0 0 62%;max-width:260px;scroll-snap-align:center;display:flex;flex-direction:column;gap:10px}
@media (min-width:750px){.snx-hv__row{padding:0;overflow:visible;display:grid;grid-template-columns:repeat(var(--hv-n,5),minmax(0,1fr));gap:16px;max-width:1280px;margin:0 auto}.snx-hv__item{max-width:none}}
.snx-hv__frame{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:var(--fl-t,#F3F3F3);border:1.5px solid color-mix(in srgb,var(--fl-d,#121212) 35%,#fff)}
.snx-hv__frame video,.snx-hv__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.snx-hv__pp{position:absolute;right:8px;bottom:8px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(18,18,18,.66);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.snx-hv__pp svg{width:16px;height:16px}
.snx-hv__pp:focus-visible{outline:3px solid #FC4C02;outline-offset:2px}
.snx-hv__pp .i-play{display:none}.snx-hv__item.is-paused .snx-hv__pp .i-play{display:block}.snx-hv__item.is-paused .snx-hv__pp .i-pause{display:none}
.snx-hv__cta{text-align:center}
.snx-hv__cta .snx-btn--secondary{width:100%;min-height:46px;font-size:15px;padding:0 10px}
.snx-hv__more{text-align:center;margin-top:22px}
@media (min-width:750px){.snx-hv__more{margin-top:30px}}

/* 6 what's inside tiles */
.snx-hi__grid{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1040px}
@media (min-width:990px){.snx-hi__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.snx-hi__item{background:#fff;border-radius:16px;padding:18px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.snx-hi__ic{width:44px;height:44px;border-radius:12px;background:#FC4C02;color:#121212;display:flex;align-items:center;justify-content:center}
.snx-hi__ic svg{width:24px;height:24px}
.snx-hi__t{font-family:var(--hm-display);font-weight:700;font-size:19px;line-height:1.15;margin:0}
.snx-hi__d{font-size:14px;line-height:1.4;color:var(--hm-muted);margin:0}
.snx-hi__note{text-align:center;font-size:14px;color:var(--hm-muted);margin:18px auto 0;max-width:640px}

/* 7 packs (disabled until discounts go live) */
.snx-hp__list{list-style:none;margin:0 auto;padding:0;display:grid;gap:12px;max-width:900px}
@media (min-width:750px){.snx-hp__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
.snx-hp__item{position:relative;border:1.5px solid #E5E5E5;border-radius:16px;background:#fff;padding:18px 16px;display:flex;flex-direction:column;gap:4px;text-align:center}
.snx-hp__item.is-em{border-color:#FC4C02}
.snx-hp__badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#121212;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}
.snx-hp__t{font-family:var(--hm-display);font-weight:700;font-size:22px;line-height:1.1;margin:0}
.snx-hp__s{font-size:14px;color:var(--hm-muted);margin:0}
.snx-hp__price{display:flex;justify-content:center;align-items:baseline;gap:8px;margin:6px 0 10px}
.snx-hp__price strong{font-family:var(--hm-display);font-weight:700;font-size:22px}
.snx-hp__price s{font-size:14px;color:#767676}
.snx-hp__item .snx-hm-btn{min-height:46px;font-size:15px}

/* 10 FAQ */
.snx-hz__list{max-width:860px;margin:0;display:flex;flex-direction:column;gap:10px}
.snx-hz__q{background:#fff;border-radius:14px;border:1px solid rgba(18,18,18,.08)}
.snx-hz__q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;font-weight:600;font-size:15px;line-height:1.4;min-height:44px}
.snx-hz__q summary::-webkit-details-marker{display:none}
.snx-hz__q summary::after{content:"+";flex:none;font-size:22px;line-height:1;color:#FC4C02;font-weight:600}
.snx-hz__q[open] summary::after{content:"\2212"}
.snx-hz__q summary:focus-visible{outline:3px solid #FC4C02;outline-offset:2px;border-radius:14px}
.snx-hz__a{padding:0 16px 16px;font-size:15px;line-height:1.6;color:#333}
.snx-hz__a p{margin:0}


/* shared v2: left heading row with a link on the right (owner mockup) */
.snx-hm__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:6px 20px;margin:0 0 18px}
.snx-hm__head .snx-hm__h2{margin:0}
.snx-hm__head .snx-hm-link{font-size:15px;padding:6px 0}
@media (min-width:750px){.snx-hm__head{margin-bottom:26px}}
.snx-hm__sub--l{text-align:left;margin-left:0}
.snx-hf__desc{font-size:13px;line-height:1.35;color:var(--hm-muted);margin:0 0 6px}

/* 1 hero v2: owner art; desktop text over the empty left area; mobile text on a solid band above the crop */
.snx-hh{padding:0;background:var(--hh-mbg,#fbf7f0)}
.snx-hh__wrap{position:relative;display:flex;flex-direction:column}
.snx-hh__media{position:relative;order:2;width:100%;aspect-ratio:var(--hh-rm);overflow:hidden}
.snx-hh__media picture,.snx-hh__media img{display:block;width:100%;height:100%}
.snx-hh__media img{object-fit:cover;object-position:center}
.snx-hh__media::before{content:"";position:absolute;inset:0 0 auto;height:22%;background:linear-gradient(var(--hh-mbg,#fbf7f0),transparent);z-index:1;pointer-events:none}
.snx-hh__txt{order:1;padding:28px 20px 6px}
.snx-hh__h1{font-family:var(--hm-display);font-weight:800;font-size:40px;line-height:1.02;letter-spacing:-.01em;text-transform:none;margin:0 0 12px;color:#fff}
.snx-hh__sub{font-size:16px;line-height:1.5;color:rgba(255,255,255,.88);margin:0 0 18px;max-width:440px}
.snx-hh__stats{list-style:none;margin:0 0 22px;padding:0;display:flex;gap:26px}
.snx-hh__stats li{display:flex;flex-direction:column;gap:2px}
.snx-hh__stats strong{font-family:var(--hm-display);font-weight:800;font-size:34px;line-height:1;color:#fff}
.snx-hh__stats span{font-size:13px;line-height:1.2;color:rgba(255,255,255,.8)}
.snx-hh--t-dark .snx-hh__h1,.snx-hh--t-dark .snx-hh__stats strong{color:#2B0F4C}.snx-hh--t-dark .snx-hh__sub,.snx-hh--t-dark .snx-hh__stats span{color:#333}
.snx-hh--noimg .snx-hh__txt{padding:44px 20px 48px}
@media (min-width:750px){
  .snx-hh__media{aspect-ratio:var(--hh-rd)}
  .snx-hh__media::before{display:none}
  .snx-hh__h1{font-size:56px}
  .snx-hh__stats strong{font-size:44px}
  .snx-hh__sub{font-size:18px}
  .snx-hh--overlay .snx-hh__txt{position:absolute;inset:0 auto 0 0;z-index:2;width:min(46%,640px);display:flex;align-items:center;padding:0 0 0 max(5vw,40px)}
  .snx-hh--below .snx-hh__media{order:1}.snx-hh--below .snx-hh__txt{order:2;padding:36px max(5vw,40px) 44px}
  .snx-hh--split .snx-hh__wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center}
  .snx-hh--split .snx-hh__media{order:2}.snx-hh--split .snx-hh__txt{padding:40px max(5vw,40px)}
}
@media (min-width:1200px){.snx-hh__h1{font-size:68px}.snx-hh__stats{gap:34px;margin-bottom:28px}}

/* ingredients (owner image with baked labels; never cropped) */
.snx-hg__top{display:grid;gap:10px;margin-bottom:18px}
@media (min-width:750px){.snx-hg__top{grid-template-columns:1.1fr 1fr;align-items:start;gap:40px;margin-bottom:26px}}
.snx-hg__txt{font-size:15px;line-height:1.6;color:#333}
.snx-hg__txt p{margin:0}
@media (max-width:749px){.snx-hg__txt{text-align:center}.snx-hg__txt p{text-wrap:balance}}
.snx-hg__media{position:relative;border-radius:18px;overflow:hidden;background:#F7E6D6}
.snx-hg__media picture,.snx-hg__media img{display:block;width:100%;height:auto}
}

.snx-hg__foot{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:18px;text-align:center}
.snx-hg__note{margin:0;font-size:14px;line-height:1.4;background:#fff;border-radius:10px;padding:10px 14px;color:#333}

/* 4 PM Club v2: image band + shop button + email */
.snx-hc__head{align-items:center}
.snx-hc__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px}
.snx-hc__chips li{font-size:14px;font-weight:600;color:#2B0F4C;background:#fff;border-radius:999px;padding:6px 12px}
.snx-hc__media{border-radius:18px;overflow:hidden;aspect-ratio:1/1;background:#E4D8F5}
@media (min-width:750px){.snx-hc__media{aspect-ratio:12/5}}
.snx-hc__media picture,.snx-hc__media img{display:block;width:100%;height:100%;object-fit:cover}
.snx-hc__row{display:grid;gap:16px;margin-top:20px;align-items:center}
@media (min-width:990px){.snx-hc__row{grid-template-columns:auto 1fr;gap:40px}.snx-hc__box{justify-self:end;width:min(100%,560px)}}
.snx-hc__row>.snx-btn--secondary{justify-self:start}
.snx-hc__lead{margin:0 0 8px;font-size:15px;color:#333}
.snx-hc__form{display:flex;gap:8px;flex-wrap:wrap}
.snx-hc__form label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.snx-hc__in{flex:1 1 200px;min-width:0;min-height:52px;border-radius:12px;border:1.5px solid #2B0F4C;background:#fff;color:#121212;padding:0 16px;font:400 16px/1.2 var(--hm-body)}
.snx-hc__in:focus-visible{outline:3px solid #FC4C02;outline-offset:2px}
.snx-hc__btn{min-height:52px;padding:0 24px;border-radius:var(--snx-atc-radius,12px);border:0;background:#FC4C02;color:#121212;font:600 16px/1.2 Inter,var(--font-body-family),sans-serif;box-shadow:0 6px 16px rgba(252,76,2,.28);cursor:pointer}
.snx-hc__btn:hover{background:#FF801A}.snx-hc__btn:focus-visible{outline:3px solid #121212;outline-offset:3px}
.snx-hc__row--form{display:flex;justify-content:center}
.snx-hc__row--form .snx-hc__box{width:min(100%,560px)}
@media (max-width:749px){.snx-hc__form{flex-direction:column}.snx-hc__in,.snx-hc__btn{flex:0 0 auto;width:100%}.snx-hc__msg{text-align:center}}
.snx-hc__msg{flex-basis:100%;margin:6px 0 0;font-size:14px}.snx-hc__msg.is-ok{color:#1A7F37}.snx-hc__msg.is-err{color:#B42318}
.snx-hc__fine{margin:8px 0 0;font-size:12px;line-height:1.5;color:#555}

/* story v4: owner's Bengaluru banner. Desktop: image is the background, text in the empty left ~46%. Phones: image band on top, text below on a beige sampled from the image. */
.snx-hs3{position:relative;padding:0;background:var(--hs-bg,#FBE6CE);color:#2B0F4C;overflow:hidden}
.snx-hs3__media{position:relative;aspect-ratio:16/9;overflow:hidden}
.snx-hs3__media picture,.snx-hs3__media img{display:block;width:100%;height:100%}
.snx-hs3__media img{object-fit:cover;object-position:right center}
.snx-hs3__media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(transparent,var(--hs-bg,#FBE6CE));pointer-events:none}
.snx-hs3__in{position:relative;padding-top:22px;padding-bottom:44px}
.snx-hs3__h2{font-family:var(--hm-display);font-weight:800;font-size:36px;line-height:1.04;letter-spacing:-.01em;text-transform:none;color:#2B0F4C;margin:0 0 14px}
.snx-hs3__h2::after{content:"";display:block;width:64px;height:5px;border-radius:3px;background:#FC4C02;margin-top:14px}
.snx-hs3__body{font-size:16px;line-height:1.7;color:#3A2547;max-width:560px}
.snx-hs3__body p{margin:0}
.snx-hs3__badge{display:inline-flex;align-items:center;gap:8px;margin:20px 0 0;padding:8px 14px;border:2px solid #FC4C02;border-radius:999px;font-weight:700;font-size:14px;line-height:1.3;color:#2B0F4C;background:#fff}
.snx-hs3__badge span{color:#FC4C02}
.snx-hs3__fn{margin:8px 0 0;font-size:12px;color:#3A2547}
.snx-hs3__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:22px}
@media (min-width:1100px){
  .snx-hs3{min-height:calc(100vw / 3.2);display:flex;align-items:center}
  .snx-hs3__media{position:absolute;left:0;right:0;bottom:0;aspect-ratio:16/5}
  .snx-hs3__media::after{top:0;bottom:auto;height:30%;background:linear-gradient(var(--hs-bg,#FBE6CE),transparent)}
  .snx-hs3__in{width:100%;padding-top:48px;padding-bottom:48px}
  .snx-hs3__txt{max-width:46%}
  .snx-hs3__h2{font-size:48px}
  .snx-hs3__body{font-size:17px}
}
@media (min-width:750px) and (max-width:1099px){.snx-hs3__media{aspect-ratio:21/9}.snx-hs3__in{padding-bottom:56px}.snx-hs3__h2{font-size:44px}}
@media (min-width:1440px){.snx-hs3__h2{font-size:56px}.snx-hs3__txt{max-width:min(44%,640px)}}
.snx-hs3.snx-anim .snx-hs3__fade{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s ease}
.snx-hs3.snx-anim.is-in .snx-hs3__fade{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.snx-hs3 .snx-hs3__fade{opacity:1!important;transform:none!important;transition:none!important}}

/* reviews (live Trustoo widget, palette) */
.snx-hr__box{background:#fff;border-radius:18px;padding:12px 10px;min-height:220px}
@media (min-width:750px){.snx-hr__box{padding:20px 24px}}
.snx-hr .vstar-star,.snx-hr #seal-review-widget{--star-color:#FC4C02}
.snx-hr #seal-review-widget{font-family:var(--hm-body)!important}
.snx-hr__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}

/* Snacademy v2 cards */
.snx-hb__list{list-style:none;margin:0;padding:0 0 4px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.snx-hb__list::-webkit-scrollbar{display:none}
.snx-hb__card{flex:0 0 72%;scroll-snap-align:start;min-width:0}
@media (min-width:750px){.snx-hb__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;overflow:visible}.snx-hb__card{flex:none}}
@media (min-width:990px){.snx-hb__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
.snx-hb__a{display:flex;flex-direction:column;gap:10px;height:100%;padding:10px 10px 14px;border:1.5px solid #ECE6F5;border-radius:16px;background:#fff;color:#121212;text-decoration:none}
.snx-hb__a:hover{border-color:#FC4C02}
.snx-hb__a:focus-visible{outline:3px solid #FC4C02;outline-offset:2px}
.snx-hb__img{display:block;aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:#EFE7F9}
.snx-hb__img img{display:block;width:100%;height:100%;object-fit:cover}
.snx-hb__t{font-family:var(--hm-body);font-weight:600;font-size:15px;line-height:1.35;margin:0;padding:0 4px}
.snx-hb__read{margin-top:auto;padding:0 4px;font-size:14px;font-weight:600;color:#2B0F4C;text-decoration:underline;text-decoration-color:#FC4C02;text-decoration-thickness:2px;text-underline-offset:4px}

/* footer (native rebuild of the GemPages footer: black, outlined boxes, uppercase links) */
.snx-hft{padding:36px 0 28px;background:#000!important}
@media (min-width:750px){.snx-hft{padding:56px 0 36px}}
.snx-hft__grid{display:grid;border:1px solid #B9A6E0;max-width:1100px;margin:0 auto}
.snx-hft__grid>*{border:0 solid #B9A6E0;padding:22px 20px}
.snx-hft__join{border-bottom-width:1px}
.snx-hft__col{text-align:center;border-bottom-width:1px}
.snx-hft__col+.snx-hft__col{border-left-width:1px}
@media (max-width:749px){.snx-hft__grid{grid-template-columns:1fr 1fr}.snx-hft__join,.snx-hft__social{grid-column:1/-1}}
@media (min-width:750px){.snx-hft__grid{grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto}.snx-hft__join{grid-row:1/3;border-bottom-width:0;border-right-width:1px;display:flex;flex-direction:column;justify-content:center;padding:36px}.snx-hft__social{grid-column:2/4}}
.snx-hft__h{font-family:var(--hm-display);font-weight:800;font-size:30px;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:#fff;margin:0 0 20px}
@media (min-width:750px){.snx-hft__h{font-size:36px}}
.snx-hft__lbl{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.snx-hft__row{display:flex;max-width:420px}
.snx-hft__in{flex:1;min-width:0;min-height:48px;border:0;border-radius:0;background:#fff;color:#121212;padding:0 14px;font:500 15px/1.2 var(--hm-body);letter-spacing:.04em}
.snx-hft__in::placeholder{color:#767676}
.snx-hft__in:focus-visible{outline:3px solid #FC4C02;outline-offset:2px}
.snx-hft__btn{min-height:48px;padding:0 22px;border:0;border-radius:0;background:#FC4C02;color:#121212;font:700 15px/1 var(--hm-body);cursor:pointer}
.snx-hft__btn:hover{background:#FF801A}.snx-hft__btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.snx-hft__msg{margin:10px 0 0;font-size:14px}.snx-hft__msg.is-ok{color:#9BE7A8}.snx-hft__msg.is-err{color:#FFB199}
.snx-hft__ch{font-family:var(--hm-body);font-weight:700;font-size:17px;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.snx-hft__col ul,.snx-hft__icons{list-style:none;margin:0;padding:0}
.snx-hft__col a{display:inline-block;padding:7px 2px;color:#fff;text-decoration:none;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.snx-hft__col a:hover{color:#FC4C02}
.snx-hft a:focus-visible{outline:2px solid #FC4C02;outline-offset:2px}
.snx-hft__social{text-align:center}
.snx-hft__icons{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.snx-hft__icons a{display:flex;width:44px;height:44px;align-items:center;justify-content:center;color:#F3F3F3}
.snx-hft__icons a:hover{color:#FC4C02}
.snx-hft__icons svg{width:24px;height:24px;display:block}
.snx-hft__soon{margin:0;font-size:13px;color:#BDBDBD}
.snx-hft__pay{list-style:none;margin:22px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1100px}
.snx-hft__payi{width:38px;height:24px;display:block}
.snx-hft__legal{margin:16px auto 0;text-align:center;font-size:12px;line-height:1.5;letter-spacing:.04em;color:#8F8F8F}
@media (max-width:749px){.snx-hft{padding-bottom:84px}}

/* item 7/9 (19 Oct): section buttons use the shared .snx-btn--secondary (snactivate-buttons.css). Under 750px every section button and CTA row is centred; desktop alignment unchanged. */
@media (max-width:749px){
  .snx-hh__in>.snx-hm-btn{display:flex;width:fit-content;margin-left:auto;margin-right:auto}
  .snx-hc__row{justify-items:center}
  .snx-hc__row>.snx-btn--secondary{justify-self:center}
  .snx-hs3__badge{display:flex;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;justify-content:center;text-align:center}
  .snx-hs3__fn{text-align:center}
  .snx-hs3__cta,.snx-hr__cta{justify-content:center}
  .snx-hp__item .snx-btn--secondary{align-self:center}
}
/* item 12 (19 Oct): flavours + Snacademy headers are a centred stack on all widths (header link removed in item 11). Cards/grids unchanged. */
.snx-hf .snx-hm__head,.snx-hb .snx-hm__head{flex-direction:column;align-items:center;justify-content:center;text-align:center}
.snx-hf .snx-hm__h2,.snx-hb .snx-hm__h2{text-align:center}
.snx-hf .snx-hm__sub,.snx-hb .snx-hm__sub{text-align:center;margin-left:auto;margin-right:auto}
/* 19 Oct: hash/anchor jumps to homepage sections land below the sticky header (77px phone / 115px desktop). */
.shopify-section:has(> .snx-hm){scroll-margin-top:88px}
@media (min-width:990px){.shopify-section:has(> .snx-hm){scroll-margin-top:124px}}
/* 19 Oct 17:03 (owner): mobile-only centring of the Ingredients heading and the 4 PM Club head (heading + chips + lead/fine). Desktop unchanged. */
@media (max-width:749px){
  .snx-hg__top .snx-hm__h2{text-align:center;text-wrap:balance}
  .snx-hg__foot{align-items:center;text-align:center}
  .snx-hc__head{flex-direction:column;align-items:center;justify-content:center;text-align:center}
  .snx-hc .snx-hm__h2{text-align:center;text-wrap:balance}
  .snx-hc__chips{justify-content:center}
  .snx-hc__lead,.snx-hc__fine{text-align:center}
}
/* 19 Oct 17:04 (owner): orange is reserved for Add to cart. Email sign-up buttons restyled; size and radius unchanged. */
.snx-hc__btn{background:#3C2059;color:#fff;box-shadow:none}
.snx-hc__btn:hover{background:#2A1640}
.snx-hc__btn:focus-visible{outline:3px solid #3C2059;outline-offset:3px}
.snx-hft__btn{background:#FFFFFF;color:#121212}
.snx-hft__btn:hover{background:#F3F3F3}
.snx-hft__btn:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}
.snx-hft__row{gap:8px}
/* 19 Oct 17:17 (owner): Ingredients lines on phones = lead + 3 stat tiles + per bar + quiet line. Desktop unchanged (.snx-hg__mob hidden ≥750px). */
.snx-hg__mob{display:none}
@media (max-width:749px){
  .snx-hg__top.has-mob .snx-hg__txt{display:none}
  .snx-hg__mob{display:block;text-align:center}
  .snx-hg__lead{margin:2px 0 14px;font-size:17px;line-height:1.4;font-weight:600;color:#121212;text-wrap:balance}
  .snx-hg__tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .snx-hg__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:14px 6px 12px;background:#fff;border:1px solid rgba(60,32,89,.12);border-radius:12px;box-shadow:0 1px 2px rgba(60,32,89,.05)}
  .snx-hg__fig{font-family:var(--hm-display);font-weight:700;font-size:28px;line-height:1;color:#3C2059;letter-spacing:-.01em}
  .snx-hg__lbl{font-size:13px;line-height:1.25;color:#4A4A4A}
  .snx-hg__per{margin:8px 0 0;font-size:12px;line-height:1.4;letter-spacing:.04em;color:#6B6B6B}
  .snx-hg__quiet{margin:12px 0 0;font-size:14px;line-height:1.5;color:#555;text-wrap:balance}
}

/* 2026-10-20 owner: footer signup heading in sentence case. RESTORE: delete. */
.snx-hft__h{text-transform:none}

/* 2026-10-21 menu title case (v7 draft): footer links show as typed */
.snx-hft__col a { text-transform: none; }

/* 2026-10-22 v10 Substack footer (The Snack Drawer). Button per owner rule: white, 2px #FC4C02 outline, bold orange text 16px+. RESTORE: delete this block. */
.snx-hft__intro{margin:0 0 16px;max-width:420px;color:#F3F3F3;font-size:15px;line-height:1.5}
.snx-hft__btn{background:#FFFFFF;color:#FC4C02;border:2px solid #FC4C02;font-weight:700;font-size:16px;padding:0 20px}
.snx-hft__btn:hover{background:#FFFFFF;color:#FC4C02;text-decoration:underline}
.snx-hft__btn:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}


/* 2026-10-26 v22 homepage redesign (preview): kickers, hero actions, shop-all. Coral stays #FC4C02. */
.snx-hm__kicker{margin:0 0 8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#542b75;font-family:var(--hm-body)}
.snx-hm--plum .snx-hm__kicker{color:#ffc0b4}
.snx-hm__kicker--on-cream{color:#542b75}
.snx-hh__eyebrow{margin:0 0 10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.92);display:flex;align-items:center;gap:9px}
.snx-hh__eyebrow:before{content:"";width:24px;height:2px;background:#FC4C02;flex:none}
.snx-hh--t-dark .snx-hh__eyebrow{color:#542b75}
.snx-hh__actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.snx-hh--t-light .snx-hh__actions .snx-hm-btn--ghost{border-color:rgba(255,255,255,.75);color:#fff;background:transparent}
.snx-hh--t-light .snx-hh__actions .snx-hm-btn--ghost:hover{background:#fff;color:#2B0F4C;border-color:#fff}
.snx-hh--t-dark .snx-hh__actions .snx-hm-btn--ghost{border-color:#bcb1bc;color:#20182a;background:transparent}
.snx-hh--t-dark .snx-hh__actions .snx-hm-btn--ghost:hover{background:#20182a;color:#fff;border-color:#20182a}
@media (max-width:749px){.snx-hh__actions{justify-content:center}.snx-hh__eyebrow{justify-content:center}}
.snx-hf__shopall{text-align:center;margin-top:28px}
.snx-hl__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.snx-hl__cta{margin:14px 0 0}
.snx-hm--plum .snx-hg__txt{color:#e0d6e9}
.snx-hm--plum .snx-hg__txt p{color:#e0d6e9}
.snx-hm--plum .snx-hg__lead{color:#fff}
.snx-hm--plum .snx-hg__quiet{color:#e0d6e9}
.snx-hm--plum .snx-hg__per{color:#cfc0db}
.snx-hm--plum .snx-hg__note{background:rgba(255,255,255,.08);color:#f5c7bc;border:1px solid rgba(255,255,255,.2)}
.snx-hm--plum .snx-hm__h2{color:#fff}
.snx-hm--plum .snx-hg__tile{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);box-shadow:none}
.snx-hm--plum .snx-hg__fig{color:#fff}
.snx-hm--plum .snx-hg__lbl{color:#e3d7eb}
.snx-hm__head-main{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
@media (max-width:749px){.snx-hm__head-main{align-items:center;text-align:center}}


/* 2026-10-26 Aman clear: hero stats "per bar" soft label */
.snx-hh__per{margin:-14px 0 18px;font-size:12px;line-height:1.2;letter-spacing:.04em;color:rgba(255,255,255,.75)}
.snx-hh--t-dark .snx-hh__per{color:#555}
@media (max-width:749px){.snx-hh__per{text-align:center;margin-top:-10px}}
@media (min-width:750px){.snx-hh__per{margin-top:-18px;margin-bottom:22px}}

/* 2026-10-26 buttons+bg: coral club band readable dark text */
.snx-hm--coral .snx-hm__h2{color:#20182a}
.snx-hm--coral .snx-hc__lead,.snx-hm--coral .snx-hc__fine,.snx-hm--coral .snx-hc__chips li{color:#4e2a2d}
.snx-hm--coral .snx-hc__chips li{background:rgba(255,255,255,.85);color:#4e2a2d}
.snx-hm--coral .snx-hc__btn--sub{background:#20182a!important;color:#fff!important;border:0!important;border-radius:999px!important;font-size:13px!important;font-weight:750!important;padding:13px 20px!important;min-height:0!important;width:auto!important;max-width:100%;box-shadow:none!important}
.snx-hm--coral .snx-hc__btn--sub:hover{background:#2c2238!important;color:#fff!important;transform:translateY(-2px)}
.snx-hm--coral .snx-hc__box--sub{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.snx-hm--coral .snx-hc__row--form .snx-hc__box{width:min(100%,640px)}
@media (max-width:749px){.snx-hm--coral .snx-hc__box--sub{align-items:center;text-align:center}}

/* 2026-10-26 must2: restore real Add to cart (quick-add); Explore flavour link removed */
.snx-hf__item .quick-add{margin-top:10px;width:100%}
.snx-hf__item .quick-add__submit,.snx-hf__item .snx-atc--card{width:100%!important;border-radius:999px!important}

/* 2026-10-26 upload bg: warm off-white page feel behind white bands */
body .shopify-section:has(> .snx-hm){background:#fffdfa}

/* ==== 2026-10-26 Aman must2 + owner upload hero ==== */
/* Hero cream ground + upload typography */
.snx-hh.snx-hm--cream,.snx-hh{background:#fbf7f0}
.snx-hh__eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:11px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;font-weight:850;color:#543078}
.snx-hh__eyebrow::before{content:"";width:24px;height:2px;background:#FC4C02;flex:none}
.snx-hh__h1{font-family:var(--hm-display);font-weight:900;font-size:clamp(40px,9vw,46px);line-height:.98;letter-spacing:-.075em;text-transform:none;margin:0 0 16px;color:#20182a}
.snx-hh__h1 .snx-hh__em,.snx-hh__h1 em{font-style:normal;font-weight:900;color:#543078}
.snx-hh__sub{font-size:16px;line-height:1.7;color:#615765;margin:0 0 22px;max-width:490px}
.snx-hh__actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.snx-hh__proof{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 18px;font-size:12px;line-height:1.4;color:#615765}
.snx-hh__proof li{display:inline-flex;align-items:center;gap:6px}
.snx-hh__proof b{font-weight:750;color:#20182a}
.snx-hh__tick{color:#543078;font-weight:700}
.snx-hh--t-dark .snx-hh__h1{color:#20182a}
.snx-hh--t-dark .snx-hh__sub{color:#615765}
.snx-hh--t-dark .snx-hh__eyebrow{color:#543078}
.snx-hh--t-dark .snx-hh__stats strong{color:#20182a}
.snx-hh--t-dark .snx-hh__stats span{color:#615765}
.snx-hh--t-dark .snx-hh__per{display:none}
@media (min-width:750px){
  .snx-hh__h1{font-size:clamp(46px,5.4vw,76px)}
  .snx-hh--split .snx-hh__txt{padding:56px max(4vw,28px) 56px max(5vw,40px);background:#fbf7f0}
  .snx-hh--split .snx-hh__media{background:#fbf7f0}
  .snx-hh--overlay .snx-hh__txt{background:linear-gradient(90deg,#fbf7f0 0%,#fbf7f0 78%,transparent 100%);width:min(52%,720px)}
}
@media (max-width:749px){
  .snx-hh__txt{padding:28px 20px 12px;background:#fbf7f0}
}

/* Primary coral (Content Standard) — keep --dark for club on coral band */
.snx-hm-btn--coral{background:#FC4C02;color:#271822;border-color:transparent}
.snx-hm-btn--coral:hover{background:#e24502;color:#271822}

/* Ingredients honesty note: plain text like upload .honest — no box */
.snx-hg__note{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;font-size:12px;line-height:1.5;color:#f5c7bc}
.snx-hm--plum .snx-hg__note{background:transparent!important;border:0!important;color:#f5c7bc}

/* Ingredients pack claim hides (scoped to .snx-hg__media only) */
.snx-hg__media{position:relative}
.snx-hg__claim-hide{position:absolute;z-index:2;pointer-events:none;border-radius:1px}
/* EASY TO DIGEST italic tagline on pack face */
.snx-hg__claim-hide--easy{left:41.5%;top:66.8%;width:16.5%;height:3.2%;background:#f7f7f8}
/* GLUTEN-FREE on bottom claim strip */
.snx-hg__claim-hide--gf{left:57.5%;top:80.6%;width:8.8%;height:4.2%;background:#1a1224}
@media (max-width:749px){
  .snx-hg__claim-hide--easy{left:32%;top:54.5%;width:28%;height:3.2%;background:#f7f7f8}
  .snx-hg__claim-hide--gf{left:55%;top:66.2%;width:14.5%;height:4.4%;background:#1a1224}
}

/* Flavour-card pack claim hides REMOVED 2026-10-26 r4 — ::before/::after beige/purple blotches garbled packs. Prefer clean Files art if claims must be hidden. */

/* ==== 2026-10-26 story = single recommended purple card (upload compare-card.recommended) ==== */
.snx-hs-rec{background:var(--hs-bg,#f7f1f8);padding:56px 0}
@media (min-width:750px){.snx-hs-rec{padding:72px 0}}
.snx-hs-rec__wrap{display:flex;justify-content:center}
.snx-hs-rec__card{width:100%;max-width:560px;background:#543078;color:#fff;border-radius:20px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 18px 40px #54307822}
@media (min-width:750px){.snx-hs-rec__card{padding:32px 36px;max-width:640px}}
.snx-hs-rec__tag{margin:0 0 18px;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#ffc0b4}
.snx-hs-rec__h2{font-family:var(--hm-display);font-weight:800;font-size:clamp(27px,3.4vw,40px);letter-spacing:-.065em;line-height:1.04;color:#fff;margin:0 0 16px;text-transform:none}
.snx-hs-rec__body{font-size:13px;line-height:1.8;color:#e0d6e9;margin:0 0 4px}
.snx-hs-rec__body p{margin:0}
.snx-hs-rec__note{margin-top:16px;border-top:1px solid #ffffff38;padding-top:15px;font-size:12px;line-height:1.7;color:#e0d6e9}
.snx-hs-rec__note p{margin:0}
.snx-hs-rec__note strong{color:#fff;font-weight:700}
.snx-hs-rec__cta{margin-top:18px}

/* 2026-10-26 owner: ingredients band type = upload .feature-band (kicker removed in settings) */
.snx-hm--plum.snx-hg .snx-hm__h2{font-size:clamp(34px,4vw,53px);letter-spacing:-.06em;line-height:1.03;font-weight:900;margin:14px 0 20px;color:#fff}
.snx-hg .snx-hg__top.has-mob .snx-hg__txt{display:none}
.snx-hg .snx-hg__mob{display:block;text-align:left}
.snx-hm--plum .snx-hg__lead,.snx-hm--plum .snx-hg__quiet{font-size:14px;line-height:1.8;font-weight:400;color:#e0d6e9;max-width:430px;margin:0 0 14px;text-wrap:pretty}
.snx-hm--plum .snx-hg__quiet{margin:14px 0 0}
.snx-hg .snx-hg__tiles{gap:12px}
.snx-hm--plum .snx-hg__tile{align-items:flex-start;padding:23px 16px;border-radius:18px;border:1px solid #ffffff35;background:#ffffff0a}
.snx-hm--plum .snx-hg__fig{font-family:var(--hm-display);font-weight:800;font-size:36px;letter-spacing:-.07em;color:#fff}
.snx-hm--plum .snx-hg__lbl{font-size:11px;color:#e3d7eb;margin-top:5px}
.snx-hm--plum .snx-hg__per{font-size:11px;letter-spacing:0;color:#e3d7eb;text-align:left}
.snx-hm--plum .snx-hg__note{font-size:11px!important;color:#f5c7bc!important}
.snx-hg .snx-hm-btn--coral{background:#FC4C02!important;color:#fff!important;border-color:#FC4C02!important}
@media (max-width:749px){.snx-hg .snx-hg__mob{text-align:center}.snx-hm--plum .snx-hg__lead,.snx-hm--plum .snx-hg__quiet{margin-left:auto;margin-right:auto}.snx-hm--plum .snx-hg__tile{align-items:center;padding:16px 6px}.snx-hm--plum .snx-hg__fig{font-size:29px}.snx-hm--plum .snx-hg__per{text-align:center}}

/* 2026-10-26 r3: flavour card art fills media edge-to-edge; claim-hide overlays retired (clean ingredient image) */
.snx-hg__claim-hide{display:none!important}
.snx-hf__item .card__media,.snx-hf__item .card__media .media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important}
.snx-hf__item.has-art .card__media img,.snx-hf__item .card__media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
.snx-hf__item .card__inner{background:var(--fl-t,#F3F3F3)!important}
@media (min-width:750px){.snx-hft__grid{grid-template-columns:1fr 1fr!important}}

/* 2026-10-26 r4: kill any leftover flavour claim-hide pseudos */
.snx-hf__item .card__media::before,
.snx-hf__item .card__media::after{content:none!important;display:none!important;background:none!important}

/* 2026-10-26 r4: coral Snack Drawer newsletter band (upload .newsletter) */
.snx-fsd--coral{background:#FC4C02!important;padding:50px 0!important}
@media (min-width:750px){.snx-fsd--coral{padding:56px 0!important}}
.snx-fsd--coral .snx-fsd__inner{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:left}
.snx-fsd--coral .snx-fsd__copy{flex:1;min-width:0}
.snx-fsd--coral .snx-fsd__kicker{display:none}
.snx-fsd--coral .snx-fsd__h2{font-family:var(--hm-display);font-weight:900;font-size:clamp(30px,3.5vw,44px);letter-spacing:-.06em;line-height:1.05;color:#20182a;margin:0 0 8px;text-transform:none}
.snx-fsd--coral .snx-fsd__body{margin:0;font-family:var(--hm-body);font-size:13px;line-height:1.6;color:#4e2a2d;max-width:480px}
.snx-fsd--coral .snx-fsd__form{display:flex;gap:8px;width:min(420px,100%);flex:none}
.snx-fsd--coral .snx-fsd__in{min-width:0;flex:1;border:0;border-radius:999px;padding:15px 18px;font:500 12px/1.2 var(--hm-body);color:#20182a;background:#fff}
.snx-fsd--coral .snx-fsd__in::placeholder{color:#9a8f96}
.snx-fsd--coral .snx-fsd__in:focus-visible{outline:3px solid #20182a;outline-offset:2px}
.snx-fsd--coral .snx-fsd__btn{border:0;border-radius:999px;padding:15px 20px;cursor:pointer;background:#20182a;color:#fff;font:750 13px/1 var(--hm-body);white-space:nowrap}
.snx-fsd--coral .snx-fsd__btn:hover{background:#121212}
.snx-fsd--coral .snx-fsd__btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.snx-fsd--coral .snx-fsd__lbl{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:749px){
  .snx-fsd--coral{padding:40px 0!important}
  .snx-fsd--coral .snx-fsd__inner{display:block}
  .snx-fsd--coral .snx-fsd__form{margin-top:22px;width:100%}
}

/* ==== 2026-10-26 r4b typography + alignment (Aman brief) ==== */
.snx-hm{
  --snx-ink:#20182a;
  --snx-muted:#6e6574;
  --snx-purple:#543078;
  --snx-coral:#FC4C02;
  --snx-container:1240px;
  --snx-h2:clamp(32px,4vw,48px);
  --snx-body-14:14px;
}
/* Shared H2 token — flavours, snacademy, moments, etc. */
.snx-hm__h2{
  font-family:var(--hm-display)!important;
  font-weight:900!important;
  font-size:var(--snx-h2)!important;
  line-height:1.05!important;
  letter-spacing:-.06em!important;
  color:var(--snx-ink)!important;
  text-transform:none!important;
}
@media (min-width:750px){.snx-hm__h2{font-size:var(--snx-h2)!important}}
/* Body intros 14px / 1.75 / muted (hero lead stays 17px) */
.snx-hm__sub,
.snx-hm__sub--l,
.snx-hl__tbody,
.snx-hf .snx-hm__sub,
.snx-hb .snx-hm__sub{
  font-size:14px!important;
  line-height:1.75!important;
  color:var(--snx-muted)!important;
  max-width:520px;
}
.snx-hh__lead,.snx-hh__sub,.snx-hh .snx-hm__sub{font-size:17px!important;line-height:1.7!important;color:#615765!important;max-width:490px}
/* Kickers */
.snx-hm__kicker{font-size:11px!important;font-weight:850!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--snx-purple)!important}
/* Pills — keep coral #FC4C02, 13/999/13x20 */
.snx-hm-btn{
  font-size:13px!important;
  font-weight:750!important;
  padding:13px 20px!important;
  border-radius:999px!important;
  min-height:0!important;
}
.snx-hm-btn--coral{background:#FC4C02!important;color:#271822!important;border-color:transparent!important}
.snx-hf__item .quick-add__submit,.snx-hf__item .snx-atc--card{
  font-size:13px!important;
  font-weight:750!important;
  padding:13px 20px!important;
  border-radius:999px!important;
}

/* 1. Left-align flavours + Snacademy heads (override prior center stack) */
.snx-hf .snx-hm__head,
.snx-hb .snx-hm__head,
.snx-hl__head{
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  text-align:left!important;
  gap:30px!important;
}
.snx-hf .snx-hm__h2,
.snx-hb .snx-hm__h2,
.snx-hl__head .snx-hm__h2{
  text-align:left!important;
}
.snx-hf .snx-hm__sub,
.snx-hb .snx-hm__sub,
.snx-hl__tbody{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}
.snx-hf .snx-hm__kicker,
.snx-hb .snx-hm__kicker,
.snx-hl__head .snx-hm__kicker{text-align:left!important}
.snx-hl__cta{text-align:left!important;margin:18px 0 0!important}
.snx-hf__shopall{text-align:left!important;margin-top:28px}
/* Snacademy intro/CTA stay left even on mobile */
@media (max-width:749px){
  .snx-hf .snx-hm__head,
  .snx-hb .snx-hm__head,
  .snx-hl__head{
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
}

/* 4. Story purple card — container rhythm, not thin ~512 centered */
.snx-hs-rec{padding:72px 0!important}
.snx-hs-rec .page-width,
.snx-hs-rec__wrap{
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:28px!important;
  padding-right:28px!important;
  box-sizing:border-box;
}
.snx-hs-rec__wrap{display:block!important;justify-content:stretch!important}
.snx-hs-rec__card{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box;
}
@media (max-width:800px){
  .snx-hs-rec .page-width,
  .snx-hs-rec__wrap{padding-left:20px!important;padding-right:20px!important}
  .snx-hs-rec{padding:52px 0!important}
}

/* Coral snack-drawer body match upload 13px is fine on coral; keep button 13px pill */
.snx-fsd--coral .snx-fsd__btn{font-size:13px!important;font-weight:750!important;padding:13px 20px!important;border-radius:999px!important}

/* ==== 2026-10-26 r5 Aman must-fixes ==== */
/* 1. Flavour packs: no claim-hide covers/pseudos; hover sheen off on cards */
.snx-hf__item .card__media::before,
.snx-hf__item .card__media::after,
.snx-hf__item .card__media .media::before,
.snx-hf__item .card__media .media::after,
.snx-hf .card-wrapper .card__media::before,
.snx-hf .card-wrapper .card__media::after,
.snx-hf .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after{
  content:none!important;display:none!important;background:none!important;opacity:0!important;
}
.snx-hg__claim-hide,.snx-hf__item .snx-hg__claim-hide{display:none!important}

/* 2. Snack Drawer — pill link only (no email field) */
.snx-fsd--coral .snx-fsd__form{display:none!important}
.snx-fsd--coral .snx-fsd__cta{
  display:inline-flex!important;align-items:center;justify-content:center;
  border:0;border-radius:999px!important;padding:13px 20px!important;
  background:#20182a!important;color:#fff!important;
  font:750 13px/1 var(--hm-body)!important;text-decoration:none!important;
  white-space:nowrap;flex:none;
}
.snx-fsd--coral .snx-fsd__cta:hover{background:#121212!important;color:#fff!important}
.snx-fsd--coral .snx-fsd__cta:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:749px){
  .snx-fsd--coral .snx-fsd__cta{margin-top:22px;display:inline-flex!important}
}

/* 3. Ingredients plum H2 — cream/white (override r4b ink !important) */
.snx-hm--plum .snx-hm__h2,
.snx-hm--plum.snx-hg .snx-hm__h2{
  color:#fffdfa!important;
}
/* Stat tiles always grid cards — never browser bullets */
.snx-hg__tiles{
  list-style:none!important;margin:0!important;padding:0!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;
}
.snx-hg__tile{
  list-style:none!important;display:flex!important;flex-direction:column!important;
  align-items:flex-start;justify-content:center;gap:4px;
  min-width:0;padding:23px 16px;border-radius:18px;
  border:1px solid #ffffff35;background:#ffffff0a;
  box-shadow:none;
}
.snx-hg__tile::marker{content:none!important;display:none!important}
.snx-hg__tiles > li::before{content:none!important;display:none!important}
.snx-hg .snx-hg__mob{display:block!important;text-align:left}
.snx-hg .snx-hg__top.has-mob .snx-hg__txt{display:none!important}
@media (max-width:749px){
  .snx-hm--plum .snx-hg__tile{align-items:center;padding:16px 6px}
}

/* 4. Story purple card — full 1240 + 28px content rhythm */
.snx-hs-rec .page-width,
.snx-hs-rec__wrap{
  max-width:1240px!important;
  width:100%!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:28px!important;padding-right:28px!important;
  box-sizing:border-box!important;
}
.snx-hs-rec__wrap{display:block!important}
.snx-hs-rec__card{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* ==== 2026-10-26 r6: clean pack craft + premium hero framing (current scale, no upsize) ==== */
/* Hero: energetic framing — bias toward packs + crunch splash; do not enlarge product asset */
.snx-hh__media img{
  object-fit:cover;
  object-position:center 30%;
}
@media (min-width:750px){
  .snx-hh--split .snx-hh__media img{object-position:70% 48%}
  .snx-hh--overlay .snx-hh__media img{object-position:72% 45%}
  .snx-hh--below .snx-hh__media img{object-position:68% 42%}
}
/* Soft edge focus on hero media — finished, not flat crop */
@media (min-width:750px){
  .snx-hh--split .snx-hh__media{
    border-radius:0 0 0 28px;
    overflow:hidden;
  }
}
/* Flavour cards: finished BAR studio art fills media; no claim-hide; ATC above widgets */
.snx-hf__item.has-art .card__media img,
.snx-hf__item .card__media img{
  object-fit:cover!important;
  object-position:center 38%!important;
}
.snx-hf__item .card__inner{
  background:var(--fl-t,#F3F3F3)!important;
}
.snx-hf__item .quick-add,
.snx-hf__item .card__content{position:relative;z-index:3}
.snx-hf__item .card__media::before,
.snx-hf__item .card__media::after,
.snx-hf__item .card__media .media::before,
.snx-hf__item .card__media .media::after{
  content:none!important;display:none!important;background:none!important;opacity:0!important;
}
.snx-hg__claim-hide,.snx-hf__item .snx-hg__claim-hide{display:none!important}
/* Flavour row rhythm — calm premium, no shout */
.snx-hf__item{
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.snx-hf__item:hover{
  border-color:color-mix(in srgb,var(--fl-d,#121212) 55%,#fff);
  box-shadow:0 10px 28px rgba(18,18,18,.06);
}
@media (prefers-reduced-motion:reduce){
  .snx-hf__item{transition:none}
  .snx-hf__item:hover{transform:none;box-shadow:none}
}

/* ==== 2026-10-27 r12: desktop dark-on-cream contrast (Aman NOT CLEAR r11) ==== */
/* Keep r11 structure: cream outer frame + overlay full-bleed energy + one coral CTA.
   Fix: desktop type was white-on-cream (text_tone light + cream panel). Restore dark
   navy/charcoal on cream for desktop. Mobile stays white on dark purple band. */

/* Hero: cream outer frame + rounded full-bleed wrap */
.snx-hh.snx-hm--cream{
  background:#fbf7f0!important;
  padding:20px 16px 28px;
}
@media (min-width:750px){
  .snx-hh.snx-hm--cream{padding:28px 28px 36px}
  .snx-hh.snx-hm--cream .snx-hh__wrap{
    border-radius:28px;
    overflow:hidden;
    /* cream underlay kills stray purple corner arcs at left radius */
    background:#fbf7f0;
    border:0;
    outline:0;
    box-shadow:none;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__media{
    aspect-ratio:12/5;
    min-height:420px;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__media img{
    object-fit:cover!important;
    /* nudge packs larger / more live crunch: bias right+up, slight scale */
    object-position:68% 38%!important;
    transform:scale(1.08)!important;
    transform-origin:70% 55%!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__txt{
    width:min(48%,680px);
    padding:0 0 0 max(4vw,36px);
    /* cleaner cream↔art join (less smudge than long transparent fade) */
    background:linear-gradient(90deg,#fbf7f0 0%,#fbf7f0 82%,rgba(251,247,240,.92) 90%,rgba(251,247,240,.35) 96%,transparent 100%)!important;
  }
  /* MUST: dark type on cream (undo r11 white-on-cream) */
  .snx-hh--overlay.snx-hm--cream .snx-hh__eyebrow{
    color:#543078!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__eyebrow::before{background:#FC4C02}
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1{
    font-size:clamp(44px,5.2vw,68px)!important;
    color:#20182a!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1 .snx-hh__em,
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1 em{color:#543078!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__sub,
  .snx-hh--overlay.snx-hm--cream .snx-hh__lead,
  .snx-hh--overlay.snx-hm--cream .snx-hh .snx-hm__sub{color:#615765!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__proof{color:#615765!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__proof b{color:#20182a!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__tick{color:#543078!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__actions{margin:0 0 20px}
  .snx-hh--overlay.snx-hm--cream .snx-hh__actions .snx-hm-btn--coral{
    background:#FC4C02!important;color:#271822!important;border-color:transparent!important;
  }
}
@media (min-width:1200px){
  .snx-hh--overlay.snx-hm--cream .snx-hh__media{min-height:480px}
}

/* Belt-and-suspenders: any leftover --t-light rules must not bleach cream desktop */
@media (min-width:750px){
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__eyebrow{color:#543078!important}
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__h1{color:#20182a!important}
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__h1 .snx-hh__em,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__h1 em{color:#543078!important}
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__sub,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__lead{color:#615765!important}
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__proof{color:#615765!important}
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__proof b{color:#20182a!important}
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__tick{color:#543078!important}
}

/* One primary CTA only — hide empty secondary if present */
.snx-hh__actions .snx-hm-btn--ghost:empty,
.snx-hh__actions a.snx-hm-btn--ghost[href=""]{display:none!important}

/* Mobile: dark band + light type (do not regress — Aman: mobile was fine) */
@media (max-width:749px){
  .snx-hh.snx-hm--cream{padding:12px 12px 20px}
  .snx-hh.snx-hm--cream .snx-hh__wrap{
    border-radius:20px;overflow:hidden;background:#2B0F4C;
    border:0;outline:0;box-shadow:none;
  }
  .snx-hh.snx-hm--cream .snx-hh__txt{
    background:#2B0F4C!important;
    padding:28px 20px 14px!important;
    text-align:left;
  }
  /* light type on dark purple even when text_tone=dark */
  .snx-hh.snx-hm--cream .snx-hh__eyebrow{color:rgba(255,255,255,.92)!important;justify-content:flex-start}
  .snx-hh.snx-hm--cream .snx-hh__eyebrow::before{background:#FC4C02}
  .snx-hh.snx-hm--cream .snx-hh__h1{color:#fff!important}
  .snx-hh.snx-hm--cream .snx-hh__h1 .snx-hh__em,
  .snx-hh.snx-hm--cream .snx-hh__h1 em{color:#fff!important}
  .snx-hh.snx-hm--cream .snx-hh__sub,
  .snx-hh.snx-hm--cream .snx-hh__lead{color:rgba(255,255,255,.90)!important}
  .snx-hh.snx-hm--cream .snx-hh__proof{color:rgba(255,255,255,.85)!important}
  .snx-hh.snx-hm--cream .snx-hh__proof b{color:#fff!important}
  .snx-hh.snx-hm--cream .snx-hh__tick{color:#FC4C02!important}
  .snx-hh.snx-hm--cream .snx-hh__actions{justify-content:flex-start;margin:0 0 20px}
  .snx-hh.snx-hm--cream .snx-hh__actions .snx-hm-btn--coral{
    background:#FC4C02!important;color:#271822!important;border-color:transparent!important;
  }
  .snx-hh.snx-hm--cream .snx-hh__media{
    aspect-ratio:1/1;
    min-height:320px;
  }
  .snx-hh.snx-hm--cream .snx-hh__media img{
    object-fit:cover!important;
    /* soft: reveal pack tops (was cropped) */
    object-position:72% 28%!important;
  }
  .snx-hh.snx-hm--cream .snx-hh__media::before{display:none!important}
}

/* Homepage flavour cards — KEEP live compare-at ₹450→₹315 (owner override 27 Oct 13:47 IST). Do not hide. */

/* ATC coral above Widgets / Trustoo / floating UI — KEEP + reinforce */
.snx-hf__item{position:relative;z-index:2;isolation:isolate}
.snx-hf__item .card__content,
.snx-hf__item .quick-add,
.snx-hf__item .snx-atc--card,
.snx-hf__item .quick-add__submit{
  position:relative!important;
  z-index:5!important;
}
.snx-hf__item .quick-add__submit,
.snx-hf__item .snx-atc--card{
  background:#FC4C02!important;
  color:#271822!important;
  border:0!important;
  min-height:46px!important;
  pointer-events:auto!important;
}
@media (max-width:749px){
  .snx-hf__item .quick-add__submit,
  .snx-hf__item .snx-atc--card{
    min-height:48px!important;
    font-size:15px!important;
  }
  .snx-hf{padding-bottom:28px}
}

/* Soft same pass: ingredients H2 cream (not stark white-on-purple) */
.snx-hm--plum .snx-hm__h2,
.snx-hm--plum.snx-hg .snx-hm__h2{
  color:#fbf7f0!important;
}

/* ==== 2026-10-27 r12b: kill faint left corner arcs on cream hero frame (desktop, Aman soft) ==== */
/* Cause: scaled (transform) hero img + absolute cream text panel inside a rounded overflow:hidden
   wrap -> antialiased image pixels bleed at left 28px radii. Left side is cream-on-cream so the
   radius is invisible anyway: square left corners, keep right radius, clip media itself. */
@media (min-width:750px){
  .snx-hh.snx-hm--cream .snx-hh__wrap{
    border-radius:0 28px 28px 0!important;
    isolation:isolate;
    -webkit-mask-image:-webkit-radial-gradient(white,black);
    background:#fbf7f0!important;
    border:0!important;outline:0!important;box-shadow:none!important;
  }
  .snx-hh.snx-hm--cream .snx-hh__wrap::before,
  .snx-hh.snx-hm--cream .snx-hh__wrap::after,
  .snx-hh--overlay.snx-hm--cream .snx-hh__media::before,
  .snx-hh--overlay.snx-hm--cream .snx-hh__media::after,
  .snx-hh--overlay.snx-hm--cream .snx-hh__txt::before,
  .snx-hh--overlay.snx-hm--cream .snx-hh__txt::after{display:none!important;content:none!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__media{
    border-radius:0 28px 28px 0;
    overflow:hidden;
    clip-path:inset(0 round 0 28px 28px 0);
    background:#fbf7f0;
    border:0;box-shadow:none;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__media picture,
  .snx-hh--overlay.snx-hm--cream .snx-hh__media img{border:0;border-radius:0;box-shadow:none;outline:0}
  /* text panel: fully opaque cream, flush to wrap left edge, 1px overscan to hide AA seam */
  .snx-hh--overlay.snx-hm--cream .snx-hh__txt{
    inset:-1px auto -1px -1px!important;
    border-radius:0!important;border:0!important;box-shadow:none!important;
  }
}

/* ==== 2026-10-27 r13: desktop hero text center-align (owner finalize ~14:05 IST) ==== */
/* CSS only — no text_align setting on snactivate-home-hero. Desktop ≥750px cream
   overlay: center eyebrow/H1/sub/proof/CTA. Keep r12 dark-on-cream contrast, one
   coral CTA, H1 clamp size (do not shrink). Soft cream radial veil so centered type
   stays readable without blanketing packs. Mobile left as-is (r12 purple band). */
@media (min-width:750px){
  .snx-hh--overlay.snx-hm--cream .snx-hh__txt{
    /* override r12b left-pinned inset; span full banner for true center */
    inset:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:36px 48px!important;
    text-align:center!important;
    /* soft centered cream — contrast for dark type; packs remain at edges/bottom */
    background:radial-gradient(ellipse 54% 70% at 50% 40%,#fbf7f0 0%,#fbf7f0 28%,rgba(251,247,240,.9) 46%,rgba(251,247,240,.4) 64%,transparent 82%)!important;
    border-radius:0!important;
    border:0!important;
    box-shadow:none!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__in{
    width:100%;
    max-width:720px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__eyebrow{
    justify-content:center!important;
    text-align:center;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1{
    text-align:center!important;
    /* keep r12 clamp — do not shrink for centering */
    font-size:clamp(44px,5.2vw,68px)!important;
    color:#20182a!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1 .snx-hh__em,
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1 em{color:#543078!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__sub,
  .snx-hh--overlay.snx-hm--cream .snx-hh__lead{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
    max-width:34em;
    color:#615765!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__actions{
    justify-content:center!important;
    width:100%;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__actions .snx-hm-btn--coral{
    background:#FC4C02!important;
    color:#271822!important;
    border-color:transparent!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__proof{
    justify-content:center!important;
    text-align:center;
    flex-wrap:wrap;
    gap:12px 22px;
    color:#615765!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__proof b{color:#20182a!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__tick{color:#543078!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__eyebrow{color:#543078!important}
}


/* ==== 2026-10-27 r14: owner flavour-card redesign (mock layout; dynamic SAVE) ==== */
/* Homepage-scoped (.snx-hf). Hero r12/r13 untouched. Live pack images unchanged.
   SAVE% badge + Save ₹ from Shopify compare-at vs price (card-product). Calm coral pill. */
.snx-hf__item{position:relative}
.snx-hf__savebadge{
  position:absolute;top:14px;left:14px;z-index:5;
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 10px;border-radius:999px;
  background:#FC4C02;color:#1a1210;
  font-family:var(--hm-body),Inter,sans-serif;
  font-weight:700;font-size:11px;letter-spacing:.04em;line-height:1;
  text-transform:uppercase;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
  pointer-events:none;
}
.snx-hf__fkicker{
  display:flex;align-items:center;gap:7px;
  margin:0 0 4px;padding:0;
  font-family:var(--hm-body),Inter,sans-serif;
  font-weight:700;font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:#3a2458;line-height:1.2;
}
.snx-hf__fdot{
  width:6px;height:6px;border-radius:50%;background:#FC4C02;flex:0 0 auto;
}
.snx-hf__item .card__heading{
  font-family:var(--hm-body),Inter,sans-serif!important;
  font-weight:700!important;font-size:18px!important;line-height:1.25!important;
  letter-spacing:-0.01em;margin:0 0 4px!important;color:#121212!important;
}
.snx-hf__item .card__heading a{color:#121212!important;text-decoration:none}
.snx-hf__desc{
  font-size:13px;line-height:1.4;color:#6b6570;margin:0 0 8px!important;
}
.snx-hf__tags{
  list-style:none;margin:0 0 2px;padding:0;
  display:flex;flex-wrap:wrap;gap:6px;
}
.snx-hf__tag{
  display:inline-flex;align-items:baseline;gap:3px;
  padding:4px 9px;border-radius:999px;
  background:#f1f0f3;color:#3a3540;
  font-size:11px;line-height:1.2;font-weight:500;
}
.snx-hf__tag b{font-weight:700;color:#121212}
.snx-hf__perbar{
  margin:0 0 8px;font-size:10px;line-height:1.2;color:#8a8490;letter-spacing:.02em;
}
/* Unhide + restyle Save ₹ (was hidden on homepage); hide old combined % form via card-product change */
.snx-hf__grid .snx-card-save{
  display:block!important;
  flex:1 0 100%;
  margin:2px 0 0;
  font-family:var(--hm-body),Inter,sans-serif;
  font-weight:700;font-size:13px;line-height:1.3;
  color:#1f6b3a;letter-spacing:0;white-space:nowrap;
}
.snx-hf__item .snx-card-price{margin-top:2px}
.snx-hf__item .price-item--sale,
.snx-hf__item .price__sale .price-item--regular,
.snx-hf__item .price .price-item{font-weight:700}
.snx-hf__item .price-item--sale{font-size:20px;color:#121212}
.snx-hf__item .price__sale .price-item--regular{font-size:13px;color:#8a8490}
/* ATC stays coral pill; above Widgets */
.snx-hf__item .quick-add{margin-top:8px;width:100%;position:relative;z-index:4}
.snx-hf__item .quick-add__submit,
.snx-hf__item .snx-atc--card{
  width:100%!important;border-radius:999px!important;
  background:#FC4C02!important;color:#1a1210!important;border:0!important;
  font-weight:700!important;min-height:44px;
  position:relative;z-index:4;
}
.snx-hf__item .card__content{position:relative;z-index:3}
@media (min-width:750px){
  .snx-hf__item .card__heading{font-size:20px!important}
  .snx-hf__savebadge{top:16px;left:16px;font-size:12px;padding:6px 11px}
}


/* ==== 2026-10-27 r16: Aman musts — clean hero art + cream rebalance + flavour kickers/title ==== */
/* Hero Files: snactivate-home-hero-r16.webp (+ mobile) — packs+podium+colour only, no baked left copy.
   Cream veil tightened (r13 radial) so right packs stay sharp; dark centered HTML type kept.
   Flavour: kickers on visible card__information; CC title escape-aware; soft ₹ + ATC gap; hide Box of 6 dup. */
@media (min-width:750px){
  .snx-hh--overlay.snx-hm--cream .snx-hh__media img{
    object-fit:cover!important;
    object-position:78% 42%!important;
  }
}
@media (max-width:749px){
  .snx-hh .snx-hh__media img{
    object-fit:cover!important;
    object-position:72% 38%!important;
  }
}
.snx-hf__item .snx-card-pack{display:none!important}
.snx-hf__grid .snx-card-save{color:#1f6b3a!important;font-weight:700!important}


/* ==== 2026-10-27 r17: owner softs — narrow cream veil + all-four kickers ==== */
/* Brief: brand/briefs/2026-10-27-homepage-r17-softs.md
   Must1: DC+MB less cream-washed — narrow radial to text column, fade before packs,
   bias pack crop further right. Keep packs-only r16 art, dark-on-cream, Shop all bars, desktop center.
   Must2: kickers all four in templates/index.json; equal kicker-row height for shared baseline. */
@media (min-width:750px){
  .snx-hh--overlay.snx-hm--cream .snx-hh__media img{
    object-fit:cover!important;
    /* bias packs further right of the text veil */
    object-position:88% 40%!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__txt{
    /* narrower left-biased cream — solid under centered copy, transparent before pack cluster */
    background:radial-gradient(ellipse 36% 62% at 42% 42%,#fbf7f0 0%,#fbf7f0 34%,rgba(251,247,240,.88) 52%,rgba(251,247,240,.35) 68%,transparent 82%)!important;
  }
}
/* Equal kicker row so titles / Pack of 6 / pills / price / ATC share one baseline */
.snx-hf__fkicker{
  min-height:16px;
  box-sizing:border-box;
}


/* ==== 2026-10-27 r18: owner — one continuous banner colour (kill cream/purple split) ==== */
/* Owner (Website chat ~15:04 IST): banner should have similar colour background; must not
   look like 2 separate images. Aman r17 soft note: visible cream seam at left of veil.
   Approach CSS-only on unpublished 194199879956: match wrap/media underlay to art purple
   #2B0F4D; replace cream radial with soft purple scrim (same hue family → soft join, no seam);
   desktop light-on-purple type (owner mock + matches mobile). Keep packs-only r16 art,
   Shop all bars, desktop center, kickers untouched. Hold publish. */
@media (min-width:750px){
  /* Banner card = art purple, not cream panel + purple packs */
  .snx-hh.snx-hm--cream .snx-hh__wrap{
    background:#2B0F4D!important;
    /* restore full radius — r12b squared left only because cream-on-cream hid it */
    border-radius:28px!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__media{
    background:#2B0F4D!important;
    border-radius:28px!important;
    clip-path:inset(0 round 28px)!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__media img{
    object-fit:cover!important;
    /* cream wash gone — slightly less right bias so packs + energy fill the frame */
    object-position:80% 40%!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__txt{
    /* kill cream radial (r13/r17). Soft purple scrim only — same hue as art, fades clean */
    background:radial-gradient(
      ellipse 46% 58% at 50% 42%,
      rgba(43,15,77,.62) 0%,
      rgba(43,15,77,.38) 38%,
      rgba(43,15,77,.12) 62%,
      transparent 78%
    )!important;
  }
  /* Light type on continuous purple (owner mock); keep center + H1 clamp */
  .snx-hh--overlay.snx-hm--cream .snx-hh__eyebrow{
    color:rgba(255,255,255,.92)!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__eyebrow::before{background:#FC4C02}
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1{
    color:#fff!important;
    font-size:clamp(44px,5.2vw,68px)!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1 .snx-hh__em,
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1 em{color:#fff!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__sub,
  .snx-hh--overlay.snx-hm--cream .snx-hh__lead,
  .snx-hh--overlay.snx-hm--cream .snx-hh .snx-hm__sub{
    color:rgba(255,255,255,.90)!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__proof{color:rgba(255,255,255,.88)!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__proof b{color:#fff!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__tick{color:#FC4C02!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__actions .snx-hm-btn--coral{
    background:#FC4C02!important;color:#271822!important;border-color:transparent!important;
  }
  /* Override r12 belt-and-suspenders dark-on-cream when text_tone=light leftover */
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__eyebrow{color:rgba(255,255,255,.92)!important}
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__h1{color:#fff!important}
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__h1 .snx-hh__em,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__h1 em{color:#fff!important}
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__sub,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__lead{color:rgba(255,255,255,.90)!important}
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__proof{color:rgba(255,255,255,.88)!important}
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__proof b{color:#fff!important}
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__tick{color:#FC4C02!important}
}
/* Mobile unchanged (already continuous purple band + light type). Outer page cream chrome kept. */

/* ==== 2026-10-27 r19: owner-hero-r18-use-this media (supersedes Aman unify webps) ==== */
/* Owner override via Aman: use owner-hero-r18-use-this (1080x513) as hero media.
   Files: snactivate-home-hero-r18-owner.webp (+ mobile twin). Keep wrap/underlay #2B0F4D;
   no cream radial. Soft-tune object-position so blend zone sits under text/packs join.
   Hold publish. */
@media (min-width:750px){
  .snx-hh.snx-hm--cream .snx-hh__wrap{background:#2B0F4D!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__media{background:#2B0F4D!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__media img{
    object-fit:cover!important;
    /* owner 2.1:1 art — mild right bias; blend already in media */
    object-position:62% 45%!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__txt{
    /* reinforce: no cream; light purple scrim only */
    background:radial-gradient(
      ellipse 48% 60% at 48% 42%,
      rgba(43,15,77,.55) 0%,
      rgba(43,15,77,.32) 40%,
      rgba(43,15,77,.10) 64%,
      transparent 80%
    )!important;
  }
}
/* Mobile: wide owner art in 16:9 band — center so packs+left field both read */
@media (max-width:749.98px){
  .snx-hh__media{background:#2B0F4D!important}
  .snx-hh__media img{object-position:55% 40%!important}
}

/* ==== 2026-10-27 r19b: Aman r18-unify media (owner correction — NOT owner-hero-r18-use-this) ==== */
/* Files: snactivate-home-hero-r18-unify.webp (2400×1000) + mobile (1080×1000).
   Soft-blended #2B0F4D into packs + baked text-band scrim. Keep wrap/underlay #2B0F4D;
   no cream radial. Soft-tune object-position for 12:5 desk / 27:25 mobile.
   Look ref: owner-reference-screenshot.png — continuous purple, light centered type, Shop all bars. */
@media (min-width:750px){
  .snx-hh.snx-hm--cream .snx-hh__wrap{background:#2B0F4D!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__media{background:#2B0F4D!important}
  .snx-hh--overlay.snx-hm--cream .snx-hh__media img{
    object-fit:cover!important;
    /* packs right; blend/scrim left under centered copy — match unify art join */
    object-position:72% 42%!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__txt{
    /* reinforce: no cream; light purple scrim only (art already has soft scrim) */
    background:radial-gradient(
      ellipse 42% 58% at 48% 42%,
      rgba(43,15,77,.55) 0%,
      rgba(43,15,77,.28) 45%,
      transparent 72%
    )!important;
  }
}
@media (max-width:749.98px){
  .snx-hh__media{background:#2B0F4D!important}
  .snx-hh__media img{object-position:58% 38%!important}
}
/* end r19b */


/* ==== 2026-10-27 r20: owner desktop align + footer Snack Drawer CRM ==== */
/* Unpublished 194199879956 only. Hold publish. Rollback live MAIN 194107998484 (v19).
   Desktop ≥750px:
   1) Hero overlay text LEFT (overrides r13 center).
   2) Flavours kicker/H2/intro + Shop all wafer bars — center.
   3) Ingredients H2+body vertically + horizontally centered; CTA stays centered.
   4) Videos "Your day. Your crunch." — center.
   5) Story "Spent on Ingredients…" TEXT-ONLY card — center (no new image).
   6) Snacademy head + Explore CTA below cards — center.
   Footer: restore 3-col grid with left join; Subscribe white/coral outline (mock).
   Mobile: leave prior layouts unless a rule is shared and already center-safe. */
@media (min-width:750px){
  /* --- Hero: left --- */
  .snx-hh--overlay.snx-hm--cream .snx-hh__txt{
    inset:0 auto 0 0!important;
    left:0!important;
    right:auto!important;
    width:min(46%,640px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 0 0 max(5vw,40px)!important;
    text-align:left!important;
    /* keep continuous purple scrim from r18/r19b — bias left under copy */
    background:radial-gradient(
      ellipse 70% 62% at 28% 42%,
      rgba(43,15,77,.58) 0%,
      rgba(43,15,77,.32) 42%,
      rgba(43,15,77,.10) 64%,
      transparent 82%
    )!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__in{
    width:100%;
    max-width:560px;
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__eyebrow{
    justify-content:flex-start!important;
    text-align:left!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1{
    text-align:left!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__sub,
  .snx-hh--overlay.snx-hm--cream .snx-hh__lead{
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__actions{
    justify-content:flex-start!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__proof{
    justify-content:flex-start!important;
    text-align:left!important;
  }

  /* --- Flavours: center head + intro + shop-all --- */
  .snx-hf .snx-hm__head,
  .snx-hf .snx-hm__head-main{
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:8px!important;
    width:100%;
  }
  .snx-hf .snx-hm__kicker,
  .snx-hf .snx-hm__h2,
  .snx-hf .snx-hm__sub,
  .snx-hf .snx-hm__sub--l{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .snx-hf__shopall{
    text-align:center!important;
    display:flex!important;
    justify-content:center!important;
  }

  /* --- Ingredients: vertical + horizontal center for H2/body; foot CTA center --- */
  .snx-hg .page-width{
    display:flex;
    flex-direction:column;
  }
  .snx-hg__top{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    min-height:220px;
    padding-top:28px;
    padding-bottom:12px;
  }
  .snx-hg__heading,
  .snx-hg__top .snx-hm__h2,
  .snx-hg__txt,
  .snx-hg__txt p{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .snx-hg__foot{
    align-items:center!important;
    text-align:center!important;
  }

  /* --- Videos heading --- */
  .snx-hv .snx-hm__head,
  .snx-hv .snx-hm__h2,
  .snx-hv .snx-hm__sub{
    text-align:center!important;
    justify-content:center!important;
    align-items:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* --- Story purple card: center text-only --- */
  .snx-hs-rec__card{
    text-align:center!important;
  }
  .snx-hs-rec__tag,
  .snx-hs-rec__h2,
  .snx-hs-rec__body,
  .snx-hs-rec__body p,
  .snx-hs-rec__note{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .snx-hs-rec__cta{
    display:inline-flex!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .snx-hs-rec__card .snx-hm-btn{
    margin-left:auto;
    margin-right:auto;
  }

  /* --- Snacademy: center head; CTA below cards already flex-centered --- */
  .snx-hb .snx-hm__head,
  .snx-hl__head{
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:8px!important;
  }
  .snx-hb .snx-hm__h2,
  .snx-hl__head .snx-hm__h2,
  .snx-hl__tbody{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .snx-hl__cta--below{
    display:flex!important;
    justify-content:center!important;
    text-align:center!important;
    margin-top:28px!important;
  }
}

/* Footer grid: restore left join + EXPLORE/HELP + SOCIAL (undo 2-col collapse from when join was removed) */
@media (min-width:750px){
  .snx-hft__grid{
    grid-template-columns:1.25fr 1fr 1fr!important;
    grid-template-rows:auto auto!important;
  }
  .snx-hft__join{
    grid-row:1/3!important;
    grid-column:1!important;
    border-bottom-width:0!important;
    border-right-width:1px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .snx-hft__social{
    grid-column:2/4!important;
  }
}
/* Subscribe button = owner mock: white fill, coral outline + coral label */
.snx-hft__btn{
  background:#FFFFFF!important;
  color:#FC4C02!important;
  border:2px solid #FC4C02!important;
  font-weight:700!important;
  font-size:16px!important;
}
.snx-hft__btn:hover{
  background:#FFFFFF!important;
  color:#FC4C02!important;
  text-decoration:underline;
}
.snx-hft__intro{
  margin:0 0 16px;
  max-width:420px;
  color:#F3F3F3;
  font-size:15px;
  line-height:1.5;
}
/* end r20 */

/* ==== 2026-10-27 r21: Aman NOT CLEAR videos + owner FAQ center ==== */
/* Unpublished 194199879956 only. Hold publish. Live MAIN 194107998484 untouched.
   Must: "Your day. Your crunch." people videos + Healthy Snacks overlay — strip DISABLED
   in templates/index.json (no clean product-only clips in Files). Re-enable when bar-snap /
   wafer-layer clips exist (no people, no baked text, no "healthy").
   Owner: FAQ heading + accordion list centered on desktop ≥750px (mobile unchanged).
   Soft: craving (ingredients) top — force single-column center (undo left-heavy 1.1fr/1fr). */
@media (min-width:750px){
  /* --- FAQ: center heading + center the accordion column --- */
  .snx-hz .page-width{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .snx-hz .snx-hm__h2{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
    width:100%;
  }
  .snx-hz__list{
    margin-left:auto!important;
    margin-right:auto!important;
    width:100%;
    max-width:860px;
  }
  /* Accordion Q/A stay left-aligned inside cards (readable); whole list is centered in band */

  /* --- Soft: Made for the craving — center the split headline block --- */
  .snx-hg__top{
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }
  .snx-hg__heading{
    width:100%;
    max-width:720px;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
/* end r21 */

/* ==== 2026-10-27 r22: craving band — natural desktop balance (owner clarify) ==== */
/* Unpublished 194199879956 only. Hold publish. Live MAIN 194107998484 untouched.
   Owner: not forced narrow center column (blank sides), not artificial stretch.
   Restore premium two-column: heading | body+proof tiles; fill page-width naturally.
   Copy unchanged. Mobile (<750) left as-is (centered mob tiles). Soft re-spot for Aman. */
@media (min-width:750px){
  /* Undo r21 single-col center + r20 forced center text on this band */
  .snx-hg__top{
    grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;
    align-items:center!important;
    justify-items:stretch!important;
    justify-content:stretch!important;
    text-align:left!important;
    gap:40px!important;
    width:100%!important;
    max-width:none!important;
  }
  .snx-hg__heading{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
  .snx-hg__top .snx-hm__h2{
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
    text-wrap:balance;
  }
  .snx-hg__txt,
  .snx-hg__txt p{
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  /* Body + proof tiles: fill the right column (drop 430px / left-align for reading) */
  .snx-hg .snx-hg__mob{
    width:100%!important;
    max-width:none!important;
    text-align:left!important;
    justify-self:stretch!important;
  }
  .snx-hm--plum .snx-hg__lead,
  .snx-hm--plum .snx-hg__quiet{
    max-width:none!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
  .snx-hg .snx-hg__tiles{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .snx-hm--plum .snx-hg__tile{
    align-items:flex-start!important;
  }
  .snx-hm--plum .snx-hg__per{
    text-align:left!important;
  }
  /* Foot CTA stays centered under the full band */
  .snx-hg__foot{
    align-items:center!important;
    text-align:center!important;
  }
}
/* end r22 */

/* ==== 2026-10-27 r23: owner hero full-bleed (not a card) ==== */
/* Kill r12/r18 cream rounded card chrome. Edge-to-edge hero on desktop + mobile.
   New Files: snactivate-home-hero-r23.webp (2400×1000) + mobile (1080×1000).
   Soft purple scrim under left text only; packs stay sharp on right. No blur / no scale soften. */
.snx-hh.snx-hm--cream{
  background:#fbf7f0!important; /* page chrome only; no padded frame */
  padding:0!important;
}
.snx-hh.snx-hm--cream .snx-hh__wrap{
  border-radius:0!important;
  overflow:hidden;
  background:#2B0F4D!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.snx-hh--overlay.snx-hm--cream .snx-hh__media,
.snx-hh.snx-hm--cream .snx-hh__media{
  border-radius:0!important;
  background:#2B0F4D!important;
}
.snx-hh--overlay.snx-hm--cream .snx-hh__media img,
.snx-hh.snx-hm--cream .snx-hh__media img{
  object-fit:cover!important;
  /* bias packs right; NO transform:scale (r12 scale(1.08) softens) */
  transform:none!important;
  object-position:74% 42%!important;
}
@media (min-width:750px){
  .snx-hh.snx-hm--cream{padding:0!important}
  .snx-hh.snx-hm--cream .snx-hh__wrap{
    border-radius:0!important;
    background:#2B0F4D!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__media{
    aspect-ratio:12/5;
    min-height:420px;
    border-radius:0!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__media img{
    object-fit:cover!important;
    object-position:74% 42%!important;
    transform:none!important;
  }
  /* left overlay text; soft purple scrim only (no cream radial) */
  .snx-hh--overlay.snx-hm--cream .snx-hh__txt{
    inset:0 auto 0 0!important;
    left:0!important;
    right:auto!important;
    width:min(46%,640px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 0 0 max(5vw,40px)!important;
    text-align:left!important;
    background:radial-gradient(
      ellipse 70% 62% at 28% 42%,
      rgba(43,15,77,.62) 0%,
      rgba(43,15,77,.36) 42%,
      rgba(43,15,77,.12) 64%,
      transparent 82%
    )!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__in{
    width:100%;
    max-width:560px;
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start!important;
  }
  /* light type on purple (text_tone=light + override any r12 dark-on-cream) */
  .snx-hh--overlay.snx-hm--cream .snx-hh__eyebrow,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__eyebrow{
    color:rgba(255,255,255,.92)!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__eyebrow::before{background:#FC4C02}
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__h1{
    color:#fff!important;
    text-align:left!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1 .snx-hh__em,
  .snx-hh--overlay.snx-hm--cream .snx-hh__h1 em,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__h1 .snx-hh__em,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__h1 em{
    color:#fff!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__sub,
  .snx-hh--overlay.snx-hm--cream .snx-hh__lead,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__sub,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__lead{
    color:rgba(255,255,255,.90)!important;
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__proof,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__proof{
    color:rgba(255,255,255,.88)!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__proof b,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__proof b{
    color:#fff!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__tick,
  .snx-hh--t-light.snx-hm--cream.snx-hh--overlay .snx-hh__tick{
    color:#FC4C02!important;
  }
  .snx-hh--overlay.snx-hm--cream .snx-hh__actions{
    justify-content:flex-start!important;
  }
}
@media (min-width:1200px){
  .snx-hh--overlay.snx-hm--cream .snx-hh__media{min-height:480px;border-radius:0!important}
}
@media (max-width:749px){
  .snx-hh.snx-hm--cream{padding:0!important}
  .snx-hh.snx-hm--cream .snx-hh__wrap{
    border-radius:0!important;
    overflow:hidden;
    background:#2B0F4D!important;
  }
  .snx-hh.snx-hm--cream .snx-hh__txt{
    background:#2B0F4D!important;
    padding:28px 20px 14px!important;
    text-align:left;
  }
  .snx-hh.snx-hm--cream .snx-hh__media{
    border-radius:0!important;
    aspect-ratio:27/25;
    min-height:320px;
    background:#2B0F4D!important;
  }
  .snx-hh.snx-hm--cream .snx-hh__media img{
    object-fit:cover!important;
    object-position:62% 40%!important;
    transform:none!important;
  }
  .snx-hh.snx-hm--cream .snx-hh__eyebrow{color:rgba(255,255,255,.92)!important}
  .snx-hh.snx-hm--cream .snx-hh__h1{color:#fff!important}
  .snx-hh.snx-hm--cream .snx-hh__h1 .snx-hh__em,
  .snx-hh.snx-hm--cream .snx-hh__h1 em{color:#fff!important}
  .snx-hh.snx-hm--cream .snx-hh__sub,
  .snx-hh.snx-hm--cream .snx-hh__lead{color:rgba(255,255,255,.90)!important}
  .snx-hh.snx-hm--cream .snx-hh__proof{color:rgba(255,255,255,.85)!important}
  .snx-hh.snx-hm--cream .snx-hh__proof b{color:#fff!important}
  .snx-hh.snx-hm--cream .snx-hh__tick{color:#FC4C02!important}
}
/* end r23 */

/* ==== 2026-10-27 r23b: square hero corners (true full-bleed) ==== */
.shopify-section.snx-hm-sec:has(.snx-hh),.section.snx-hm-sec:has(.snx-hh),[id^="shopify-section-"]:has(> .snx-hh),[id^="shopify-section-"]:has(.snx-hh){margin:0!important;padding:0!important;border-radius:0!important;overflow:visible}
.snx-hh,.snx-hh.snx-hm--cream,.snx-hh--overlay,.snx-hh--overlay.snx-hm--cream,.snx-hh__wrap,.snx-hh .snx-hh__wrap,.snx-hh__media,.snx-hh--overlay.snx-hm--cream .snx-hh__media,.snx-hh__media picture,.snx-hh__media img,.snx-hh--overlay.snx-hm--cream .snx-hh__media img{border-radius:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;clip-path:none!important;-webkit-clip-path:none!important;-webkit-mask-image:none!important;mask-image:none!important;box-shadow:none!important;border:0!important;outline:0!important}
.snx-hh,.snx-hh.snx-hm--cream{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:none!important;background:#2B0F4D!important}
.snx-hh__wrap,.snx-hh__media{margin-left:0!important;margin-right:0!important;max-width:none!important;width:100%!important;background:#2B0F4D!important}
.snx-hh__wrap{padding-left:0!important;padding-right:0!important}
.snx-hh__media img{transform:none!important}


/* ==== 2026-10-30 v23: compact mobile flavour cards (≤749px only; desktop untouched) ==== */
/* Section setting mobile_layout: grid (default, compact 2x2) | carousel (scroll-snap ~1.15 cards). No copy change. */
@media (max-width:749px){
  .snx-hf .snx-hf__grid{gap:10px}
  .snx-hf .snx-hf__item{padding:6px 6px 8px;border-radius:14px}
  .snx-hf .snx-hf__item .card__inner,.snx-hf .snx-hf__item.has-art .card__inner{--ratio-percent:92%!important;border-radius:10px}
  .snx-hf .snx-hf__item .card__media img,.snx-hf .snx-hf__item.has-art .card__media img{object-fit:contain!important;object-position:center!important}
  .snx-hf .snx-hf__item .card__content{padding:8px 2px 0!important}
  .snx-hf .snx-hf__savebadge{top:10px;left:10px;font-size:12px;padding:4px 8px}
  .snx-hf .snx-hf__fkicker{font-size:12px;letter-spacing:.06em;gap:5px;margin:0 0 2px;min-height:0}
  .snx-hf .snx-hf__item .card__heading{font-size:15px!important;line-height:1.2!important;margin:0 0 2px!important}
  .snx-hf .snx-hf__desc{font-size:12px;line-height:1.3;margin:0 0 5px!important}
  .snx-hf .snx-hf__tags{gap:3px}
  .snx-hf .snx-hf__tag{padding:2px 6px;font-size:12px;line-height:1.25;gap:2px}
  .snx-hf .snx-hf__perbar{font-size:12px;margin:2px 0 4px}
  .snx-hf .snx-hf__item .price-item--sale{font-size:17px}
  .snx-hf .snx-hf__item .price__sale .price-item--regular{font-size:12px}
  .snx-hf .snx-hf__grid .snx-card-save{font-size:12px;margin:0}
  .snx-hf .snx-hf__item .quick-add{margin-top:6px}
  .snx-hf .snx-hf__item .quick-add__submit,.snx-hf .snx-hf__item .snx-atc--card{min-height:44px!important;font-size:14px!important;padding:0 8px!important}
  .snx-hf .snx-hf__shopall{margin-top:18px}
  /* Mode B: carousel */
  .snx-hf--m-carousel .snx-hf__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;margin:0 -16px;padding:0 16px 6px;scroll-padding:0 16px}
  .snx-hf--m-carousel .snx-hf__grid::-webkit-scrollbar{display:none}
  .snx-hf--m-carousel .snx-hf__item{flex:0 0 calc((100vw - 32px) / 1.15);max-width:340px;scroll-snap-align:start}
  .snx-hf--m-carousel .snx-hf__item .card__inner,.snx-hf--m-carousel .snx-hf__item.has-art .card__inner{--ratio-percent:78%!important}
  .snx-hf--m-carousel .snx-hf__item .card__heading{font-size:17px!important}
}


/* ==== 2026-10-30 v24: bigger mobile packs (≤749px only; desktop untouched) ==== */
/* Art is 1080x1920 with the pack at y 13.6–91.4%. A box at 140% shows that band at full card width (no pack crop, no upscale). */
@media (max-width:749px){
  .snx-hf--m-grid .snx-hf__item .card__inner,.snx-hf--m-grid .snx-hf__item.has-art .card__inner{--ratio-percent:140%!important}
  .snx-hf--m-grid .snx-hf__item .card__media img,.snx-hf--m-grid .snx-hf__item.has-art .card__media img{object-fit:cover!important;object-position:50% 52.5%!important}
  .snx-hf--m-grid .snx-hf__item{padding:5px 5px 8px}
  .snx-hf--m-grid .snx-hf__item .card__content{padding:6px 2px 0!important}
  .snx-hf--m-grid .snx-hf__fkicker{margin:0 0 1px}
  .snx-hf--m-grid .snx-hf__item .card__heading{margin:0 0 1px!important}
  .snx-hf--m-grid .snx-hf__desc{margin:0 0 3px!important}
  .snx-hf--m-grid .snx-hf__tags{gap:3px 3px}
  .snx-hf--m-grid .snx-hf__tag{padding:1px 5px;line-height:1.2}
  .snx-hf--m-grid .snx-hf__perbar{margin:1px 0 2px}
  .snx-hf--m-grid .snx-hf__item .snx-card-price{margin-top:0}
  .snx-hf--m-grid .snx-hf__item .quick-add{margin-top:5px}
}


/* ==== 2026-10-30 v25: mobile hero = text block on top, owner art below (≤749px only; desktop untouched) ==== */
/* Art: snactivate-home-hero-mobile-owner-r25.png = lossless crop of the owner banner (artwork bbox +24px, 1028x798). */
@media (max-width:749px){
  .snx-hh .snx-hh__wrap{display:flex!important;flex-direction:column!important;aspect-ratio:auto!important;min-height:0!important;height:auto!important}
  .snx-hh .snx-hh__txt{order:1!important;position:relative!important;inset:auto!important;background:#2B0F4D!important;width:100%!important;max-width:none!important;padding-bottom:8px!important}
  .snx-hh .snx-hh__media{order:2!important;position:relative!important;inset:auto!important;aspect-ratio:1028/798!important;height:auto!important;padding:0 8px 12px!important;box-sizing:border-box}
  .snx-hh .snx-hh__media picture{display:block;width:100%;height:100%}
  .snx-hh .snx-hh__media img{position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
}


/* ==== 2026-10-30 v25b: desktop flavour packs bigger (≥750px only; mobile ≤749px untouched) ==== */
/* Art 1080x1920, pack band y 13.6–91.4%: box 140% + cover at 50% 52.5% trims only empty top/bottom, so the pack fills ~90% of the width. No pack crop, no upscale. */
@media (min-width:750px){
  .snx-hf .snx-hf__item .card__inner,.snx-hf .snx-hf__item.has-art .card__inner{--ratio-percent:140%!important}
  .snx-hf .snx-hf__item .card__media img,.snx-hf .snx-hf__item.has-art .card__media img{object-fit:cover!important;object-position:50% 52.5%!important}
  .snx-hf .snx-hf__item .card__content{padding:10px 4px 0!important}
  .snx-hf .snx-hf__fkicker{margin:0 0 2px}
  .snx-hf .snx-hf__item .card__heading{margin:0 0 2px!important}
  .snx-hf .snx-hf__desc{margin:0 0 6px!important}
  .snx-hf .snx-hf__perbar{margin:2px 0 6px}
}


/* ==== 2026-10-30 v27 option B: flavour nickname below the name, small + muted (all widths) ==== */
.snx-hf .snx-hf__item .snx-hf__fkicker{order:0;display:block;min-height:0!important;margin:0 0 2px!important;padding:0;font-family:var(--hm-body),Inter,sans-serif;font-weight:400!important;font-size:11px!important;letter-spacing:.06em!important;line-height:1.3;color:#6b6570!important}
.snx-hf .snx-hf__item .snx-hf__fdot{display:none!important}
@media (max-width:749px){.snx-hf .snx-hf__item .snx-hf__fkicker{font-size:12px!important;letter-spacing:.04em!important}}