/* product tokens. Composed from the approved designs; do not hand-edit,
   regenerate with migration/compose-css.py */
:root{
  --paper:#FFFFFF;
  --panel:#F6F6F4;
  --panel-2:#F0F0EE;
  --ink:#12100D;
  --ink-2:#5A544B;
  --ink-3:#918A80;
  --line:#E7E5E0;
  --line-2:#D6D3CC;
  --green:#17A34A;
  --green-2:#128A3E;
  --green-3:#0E6B31;
  --green-soft:#EAF8EF;
  --green-line:#BFE7CE;
  --forest:#0F3B2D;
  --forest-deep:#0A2A20;
  --gold:#B9873B;
  --gold-soft:#FBF6EC;
  --gold-line:#E9DBC1;
  --s1:8px;
  --s2:16px;
  --s3:24px;
  --s4:32px;
  --s5:48px;
  --s6:64px;
  --s7:96px;
  --t-xs:12px;
  --t-sm:14px;
  --t-base:16px;
  --t-md:18px;
  --t-lg:21px;
  --t-xl:26px;
  --t-2xl:33px;
  --t-3xl:42px;
  --grid-max:1200px;
  --r:10px;
  --r-lg:14px;
  --ease:cubic-bezier(.2,.7,.3,1);
}

/* ===== from the approved product design ===== */
@keyframes slide{to{transform:translateX(-50%)}}
@media(max-width:380px){.price__now{font-size:28px}.sbar__in{gap:10px;padding-inline:16px}.sbar .btn--sm{padding:9px 12px;font-size:12px}}
.crumb{padding-block:var(--s3) 0;font-size:var(--t-xs);color:var(--ink-3)}
.crumb a{text-decoration:none}
.crumb a:hover{color:var(--green-2)}
.crumb span{margin-inline:7px}
@media(max-width:940px){.crumb{display:none}}
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);padding-block:var(--s4) var(--s7);align-items:start}
.pdp>*{min-width:0}
@media(max-width:940px){.pdp{grid-template-columns:1fr;gap:var(--s3);padding-block:var(--s2) var(--s6)}}
.gal{position:sticky;top:88px;min-width:0}
@media(max-width:940px){.gal{position:static}}
.gal__stage{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--panel);border:1px solid var(--line);aspect-ratio:1/1}
.gal__stage img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:0;transition:opacity .4s var(--ease),transform .6s var(--ease)}
.gal__stage img.is-on{opacity:1}
.gal__stage:hover img.is-on{transform:scale(1.05)}
.gal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);box-shadow:0 3px 14px rgba(18,16,13,.2);display:grid;place-items:center;color:var(--ink);opacity:0;transition:opacity .25s var(--ease),transform .2s var(--ease)}
.gal__stage:hover .gal__nav,.gal__nav:focus-visible{opacity:1}
.gal__nav:hover{transform:translateY(-50%) scale(1.08)}
.gal__nav--p{left:11px}
.gal__nav--n{right:11px}
.gal__count{position:absolute;right:11px;bottom:11px;z-index:3;background:rgba(18,16,13,.7);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px}
.gal__thumbs{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:9px;min-width:0}
.gal__thumbs button{padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel);aspect-ratio:1/1;transition:border-color .2s var(--ease),transform .2s var(--ease)}
.gal__thumbs button:hover{transform:translateY(-2px)}
.gal__thumbs button[aria-current="true"]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.gal__thumbs img{width:100%;height:100%;object-fit:cover}
@media(max-width:940px){.gal__stage{aspect-ratio:1/1;max-height:56vh}.gal__nav{opacity:1;background:rgba(255,255,255,.8);width:34px;height:34px}.gal__thumbs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:7px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;width:100%;max-width:100%;min-width:0;padding-inline:1px;scroll-padding-inline:1px}.gal__thumbs::-webkit-scrollbar{display:none}.gal__thumbs button{flex:0 0 58px;width:58px;scroll-snap-align:start}}
.buy{display:flex;flex-direction:column;min-width:0}
.buy__pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;order:1}
.buy h1{order:2;margin-bottom:12px}
.buy__blurb{order:3;font-size:var(--t-sm);color:var(--ink-2);margin-bottom:var(--s3);max-width:52ch}
.price{order:4}
.prepaid{order:5}
.packsWrap{order:6}
.qty{order:7}
.cta{order:8}
.deliv{order:9}
.micro{order:10}
.badgeimg{order:11}
@media(max-width:940px){.buy__blurb{order:6;margin-bottom:var(--s3)}.price{order:3}.prepaid{order:4}.packsWrap{order:7}}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-xs);font-weight:600;padding:6px 11px;border-radius:100px;border:1px solid var(--line);background:var(--paper);text-decoration:none;transition:border-color .18s var(--ease),transform .18s var(--ease)}
.pill--best{background:var(--gold-soft);border-color:var(--gold-line);color:#7A5714}
.pill--rate{border-color:var(--line-2)}
.pill--rate:hover{border-color:var(--ink);transform:translateY(-1px)}
.pill--rate .stars{color:#F5A524;font-size:13px}
.pill--rate b{font-weight:700}
.pill--rate u{text-decoration:underline;text-underline-offset:2px;color:var(--ink-2);font-weight:500}
.pill--prime{padding:4px 8px}
.pill--prime img{height:14px;width:auto}
.pill--stock{color:var(--green-2);border-color:var(--green-line);background:var(--green-soft)}
.pill--stock i{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block}
.price{border:1px solid var(--line);border-radius:var(--r);padding:15px 17px;margin-bottom:10px}
.price__row{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.price__now{font-size:var(--t-2xl);font-weight:700;letter-spacing:-.04em;line-height:1}
.price__mrp{font-size:var(--t-sm);color:var(--ink-3)}
.price__mrp s{margin-left:4px}
.price__off{margin-left:auto;background-image:linear-gradient(180deg,#22B858,var(--green));color:#fff;font-size:var(--t-xs);font-weight:700;padding:6px 12px;border-radius:100px;box-shadow:0 1px 0 rgba(255,255,255,.28) inset}
.price__save{display:inline-block;margin-top:9px;font-size:var(--t-xs);font-weight:600;color:var(--green-2)}
.price small{display:block;font-size:11px;color:var(--ink-3);margin-top:5px}
.prepaid{display:flex;align-items:center;gap:12px;border:1px solid var(--green-line);background:var(--green-soft);border-radius:var(--r);padding:12px 15px;margin-bottom:var(--s3)}
.prepaid__ic{width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;flex:none;display:grid;place-items:center;font-size:13px;font-weight:700}
.prepaid b{display:block;font-size:var(--t-sm);font-weight:600;color:var(--green-3)}
.prepaid span{font-size:11px;color:#3E6B4E}
.packs__lbl{font-size:var(--t-sm);font-weight:600;margin-bottom:10px}
.packs{display:grid;gap:9px;margin-bottom:var(--s3)}
.pack{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:13px 15px;background:var(--paper);cursor:pointer;text-align:left;transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}
.pack:hover{border-color:var(--line-2)}
.pack__radio{width:19px;height:19px;border-radius:50%;border:1.5px solid var(--line-2);flex:none;display:grid;place-items:center;transition:border-color .2s var(--ease)}
.pack__radio::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--green);transform:scale(0);transition:transform .22s var(--ease)}
.pack[aria-checked="true"]{border-color:var(--green);background:#FBFEFC;box-shadow:0 0 0 1px var(--green),0 10px 24px -20px rgba(23,163,74,.8)}
.pack[aria-checked="true"] .pack__radio{border-color:var(--green)}
.pack[aria-checked="true"] .pack__radio::after{transform:scale(1)}
.pack__n{min-width:0}
.pack__n b{display:block;font-size:var(--t-sm);font-weight:600}
.pack__n span{font-size:11px;color:var(--ink-2)}
.pack__p{text-align:right}
.pack__p b{display:block;font-size:var(--t-md);font-weight:700;letter-spacing:-.03em}
.pack__p s{font-size:11px;color:var(--ink-3)}
.pack__tag{position:absolute;top:-9px;right:13px;font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px;background:var(--green);color:#fff;box-shadow:0 2px 6px -2px rgba(14,107,49,.6)}
.qty{display:flex;align-items:center;gap:var(--s2);margin-bottom:12px}
.qty__lbl{font-size:var(--t-sm);font-weight:600}
.qty__box{display:flex;align-items:center;border:1px solid var(--line-2);border-radius:9px;overflow:hidden}
.qty__box button{width:40px;height:44px;background:var(--paper);border:0;font-size:17px;color:var(--ink-2);transition:background .16s var(--ease),color .16s var(--ease)}
.qty__box button:hover{background:var(--panel);color:var(--ink)}
.qty__box input{width:48px;height:44px;border:0;text-align:center;font:inherit;font-weight:600;border-inline:1px solid var(--line);-moz-appearance:textfield}
.qty__box input::-webkit-outer-spin-button,.qty__box input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cta{display:grid;gap:10px;margin-bottom:var(--s3)}
.cta .btn{padding:17px 24px;font-size:var(--t-base)}
.deliv{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-bottom:var(--s3)}
.deliv__form{display:flex;gap:8px;margin-top:10px}
.deliv__form input{flex:1;padding:11px 13px;border:1px solid var(--line-2);border-radius:8px;font:inherit;font-size:var(--t-sm);min-width:0}
.deliv__form input:focus{outline:2px solid var(--green-2);outline-offset:1px;border-color:var(--green)}
.deliv__out{font-size:var(--t-sm);margin-top:10px;font-weight:500;display:none}
.deliv__out.is-on{display:block}
.micro{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding-top:var(--s3);border-top:1px solid var(--line)}
.micro div{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink-2);line-height:1.45;min-width:0}
.micro svg{color:var(--ink);flex:none;margin-top:2px}
.micro b{color:var(--ink);font-weight:600}
@media(max-width:560px){.micro{grid-template-columns:1fr}}
.badgeimg{margin-top:var(--s3);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--paper)}
.badgeimg img{width:100%}
.sbar{position:fixed;left:0;right:0;bottom:0;z-index:75;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid var(--line);transform:translateY(120%);transition:transform .35s var(--ease);box-shadow:0 -10px 32px -22px rgba(18,16,13,.55)}
.sbar.is-on{transform:none}
.sbar__in{display:flex;align-items:center;gap:var(--s3);padding:10px var(--s3);max-width:var(--grid-max);margin-inline:auto}
.sbar img{width:42px;height:42px;border-radius:8px;object-fit:cover;flex:none;background:var(--panel)}
.sbar__t{flex:1;min-width:0}
.sbar__t b{display:block;font-size:var(--t-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbar__t span{font-size:11px;color:var(--green-2);font-weight:600}
.sbar__p{font-size:var(--t-md);font-weight:700;letter-spacing:-.03em;white-space:nowrap}
.sbar__p s{font-size:11px;color:var(--ink-3);font-weight:500;margin-left:5px}
@media(max-width:640px){.sbar img{display:none}.sbar__in{gap:12px}}
.badges{background:var(--paper);border-block:1px solid var(--line);overflow:hidden;max-width:100vw;contain:paint}
.badges__track{display:flex;gap:var(--s5);width:max-content;padding-block:15px;animation:slide 42s linear infinite}
.badges:hover .badges__track{animation-play-state:paused}
.badges__item{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:13px;font-weight:500;color:var(--ink-2)}
.badges__item svg{color:var(--green-2);flex:none}
.inside{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);align-items:start}
.inside>*{min-width:0}
.inside__img{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--panel);position:sticky;top:88px}
.herbs{display:grid;gap:11px}
.herb{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:flex;gap:14px;align-items:flex-start;transition:border-color .22s var(--ease),transform .22s var(--ease)}
.herb:hover{border-color:var(--line-2);transform:translateX(3px)}
.herb__ic{width:38px;height:38px;border-radius:10px;background:var(--green-soft);flex:none;display:grid;place-items:center;color:var(--green-3)}
.herb>div{min-width:0}
.herb h3{font-size:var(--t-base);margin-bottom:3px}
.herb__dose{font-size:11px;color:var(--ink-3);display:block;margin-bottom:5px}
.herb p{font-size:13px;color:var(--ink-2);line-height:1.5}
.herb--no{background:var(--panel);border-style:dashed}
.herb--no .herb__ic{background:#fff;color:var(--ink-2)}
@media(max-width:900px){.inside{grid-template-columns:1fr;gap:var(--s3)}.inside__img{position:static}}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.step{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4);transition:border-color .22s var(--ease),transform .22s var(--ease)}
.step:hover{border-color:var(--green);transform:translateY(-3px)}
.step__n{width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;margin-bottom:14px}
.step h3{margin-bottom:7px}
.step p{font-size:var(--t-sm);color:var(--ink-2)}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.tl3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.tl3 div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4)}
.tl3 b{display:inline-block;color:var(--green-2);background:var(--green-soft);border:1px solid var(--green-line);font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;margin-bottom:12px}
.tl3 h3{margin-bottom:8px}
.tl3 p{font-size:var(--t-sm);color:var(--ink-2);line-height:1.55}
.banner{margin-top:var(--s4);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}
@media(max-width:760px){.tl3{grid-template-columns:1fr}}
.cmp{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--paper)}
.cmp th,.cmp td{padding:15px 18px;text-align:left;font-size:var(--t-sm);border-bottom:1px solid var(--line)}
.cmp thead th{background:var(--panel);font-weight:600;font-size:13px}
.cmp thead th:nth-child(2){background:var(--green-soft);color:var(--green-3)}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.cmp tbody th{font-weight:500;color:var(--ink-2)}
.cmp td{text-align:center;width:170px}
.cmp td:nth-of-type(1){background:#FBFEFC;font-weight:600;color:var(--green-3)}
.cmp .no{color:var(--ink-3)}
@media(max-width:700px){.cmp th,.cmp td{padding:12px 11px;font-size:13px}.cmp td{width:96px}}
.rsum>*{min-width:0}
.rsum{display:grid;grid-template-columns:210px 1fr auto;gap:var(--s5);align-items:center;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4);background:var(--paper);margin-bottom:var(--s4)}
.rsum__big{text-align:center}
.rsum__big b{display:block;font-size:var(--t-3xl);font-weight:700;letter-spacing:-.04em;line-height:1}
.rsum__big .stars{font-size:16px;margin-block:8px}
.rsum__big span{font-size:var(--t-xs);color:var(--ink-3)}
.stars{color:#F5A524;letter-spacing:1px}
.rbar{display:grid;gap:7px}
.rbar__row{display:grid;grid-template-columns:34px 1fr 38px;gap:11px;align-items:center;font-size:var(--t-xs);color:var(--ink-2)}
.rbar__t{height:7px;border-radius:100px;background:var(--panel-2);overflow:hidden}
.rbar__t i{display:block;height:100%;background:#F5A524;border-radius:100px}
@media(max-width:860px){.rsum{grid-template-columns:1fr;gap:var(--s3)}}
.photos{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s2)}
.photo{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);aspect-ratio:3/4;background:var(--panel);padding:0;width:100%;display:block;transition:transform .24s var(--ease),box-shadow .24s var(--ease)}
.photo:hover{transform:translateY(-5px);box-shadow:0 26px 44px -28px rgba(18,16,13,.55)}
.photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.photo:hover img{transform:scale(1.06)}
.photo__cap{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 11px;text-align:left;background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8));color:#fff}
.photo__cap b{display:block;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photo__cap .stars{font-size:11px}
.photo__zoom{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;color:var(--ink);opacity:0;transform:scale(.85);transition:opacity .2s var(--ease),transform .2s var(--ease)}
.photo:hover .photo__zoom{opacity:1;transform:scale(1)}
@media(max-width:1000px){.photos{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.photos{grid-template-columns:repeat(2,1fr);gap:11px}}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s4)}
.quote{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s3);display:flex;flex-direction:column;gap:11px;transition:border-color .2s var(--ease),transform .2s var(--ease)}
.quote:hover{border-color:var(--line-2);transform:translateY(-3px)}
.quote__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.quote__ver{font-size:10px;font-weight:600;color:var(--green-2);background:var(--green-soft);border:1px solid var(--green-line);padding:3px 8px;border-radius:100px}
.quote blockquote{margin:0;font-size:var(--t-sm);line-height:1.6;color:var(--ink-2);flex:1}
.quote figcaption{display:flex;align-items:center;gap:10px;padding-top:11px;border-top:1px solid var(--line)}
.quote__ini{width:34px;height:34px;border-radius:50%;background:var(--panel-2);color:var(--ink-2);display:grid;place-items:center;font-weight:600;font-size:13px;flex:none}
.quote figcaption b{display:block;font-size:13px}
.quote figcaption span{font-size:11px;color:var(--ink-3)}
.quote.is-hid{display:none}
@media(max-width:900px){.quotes{grid-template-columns:1fr}}
.morewrap{text-align:center;margin-top:var(--s4)}
.lb{position:fixed;inset:0;z-index:95;display:none;background:rgba(10,12,11,.9);backdrop-filter:blur(6px);place-items:center;padding:var(--s3)}
.lb.is-on{display:grid;animation:fade .25s var(--ease) both}
@keyframes fade{from{opacity:0}to{opacity:1}}
.lb__box{max-width:620px;width:100%;animation:pop .3s var(--ease) both}
@keyframes pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.lb__img{width:100%;max-height:72vh;object-fit:contain;border-radius:var(--r-lg);background:#000}
.lb__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:14px;color:#fff;flex-wrap:wrap}
.lb__meta b{font-size:var(--t-md);font-weight:600}
.lb__meta .stars{font-size:15px}
.lb__ver{font-size:11px;font-weight:600;color:#7EDCA0}
.lb__x,.lb__p,.lb__n{position:fixed;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;transition:background .2s var(--ease),transform .2s var(--ease)}
.lb__x:hover,.lb__p:hover,.lb__n:hover{background:rgba(255,255,255,.28);transform:scale(1.07)}
.lb__x{top:18px;right:18px;font-size:20px;line-height:1}
.lb__p{left:18px;top:50%;margin-top:-22px}
.lb__n{right:18px;top:50%;margin-top:-22px}
@media(max-width:600px){.lb__p{left:8px}.lb__n{right:8px}.lb__x{top:10px;right:10px}}
.up>*{min-width:0}
.up{display:grid;grid-template-columns:190px 1fr auto;gap:var(--s4);align-items:center;background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:var(--r-lg);padding:var(--s3)}
.up img{border-radius:11px;aspect-ratio:1/1;object-fit:cover;width:100%}
.up h3{font-size:var(--t-lg);margin-bottom:8px}
.up p{font-size:var(--t-sm);color:#6B5323;max-width:52ch}
.up__buy{display:grid;gap:10px;justify-items:end}
.up__price{display:flex;align-items:baseline;gap:9px}
.up__price b{font-size:var(--t-xl);font-weight:700;letter-spacing:-.035em}
.up__price s{font-size:13px;color:#8A7448}
@media(max-width:860px){.up{grid-template-columns:1fr}.up img{max-width:170px}.up__buy{justify-items:start}}
.faq{max-width:840px;margin-inline:auto}
.faq__item{border-bottom:1px solid var(--line)}
.faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);background:transparent;border:0;padding:22px 0;text-align:left;font-size:var(--t-md);font-weight:600;letter-spacing:-.024em;transition:color .18s var(--ease)}
.faq__q:hover{color:var(--green-2)}
.faq__sign{width:26px;height:26px;flex:none;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;position:relative;transition:background .22s var(--ease),border-color .22s var(--ease)}
.faq__sign::before,.faq__sign::after{content:"";position:absolute;background:var(--ink);transition:transform .28s var(--ease),background .22s var(--ease)}
.faq__sign::before{width:11px;height:1.5px}
.faq__sign::after{width:1.5px;height:11px}
.faq__q[aria-expanded="true"] .faq__sign{background:var(--green);border-color:var(--green)}
.faq__q[aria-expanded="true"] .faq__sign::before,
.faq__q[aria-expanded="true"] .faq__sign::after{background:#fff}
.faq__q[aria-expanded="true"] .faq__sign::after{transform:rotate(90deg)}
.faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s var(--ease)}
.faq__a.is-open{grid-template-rows:1fr}
.faq__a>div{overflow:hidden}
.faq__a p{font-size:var(--t-base);color:var(--ink-2);line-height:1.66;padding-bottom:22px;max-width:70ch}
.disclaimer{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid rgba(255,255,255,.14);font-size:var(--t-xs);color:#79968B;line-height:1.65}
.rv-in{opacity:0;transform:translateY(18px)}
.rv-in.is-vis{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.rv-in.d1.is-vis{transition-delay:.07s}
.rv-in.d2.is-vis{transition-delay:.14s}
@media(prefers-reduced-motion:reduce){.rv-in{opacity:1;transform:none}}


/* ---------------------------------------------------------------------------
 * Buy box: the add-to-cart button confirms in place.
 *
 * The button is where the eye already is when someone clicks it, so the
 * confirmation belongs there as well as in a toast. Three states share one box
 * so the button never changes size and the layout cannot shift.
 * ------------------------------------------------------------------------- */
/* The idle/busy/done button states moved to chrome-extra.css: the contact
   form uses the same pattern and does not load this stylesheet. */

/* The pack rows are buttons; keep the pointer and the selected ring obvious. */
.pack{cursor:pointer;width:100%;text-align:left}
.pack[aria-checked="true"]{border-color:var(--forest)}

@media(prefers-reduced-motion:reduce){
  .btn__idle,.btn__done{transition:none}
  .btn__tick{animation:none;stroke-dashoffset:0}
  .btn__spin{animation:none}
}

/* The upgrade bump. Visually secondary to the chosen pack, so the page reads as
   "this is your pack, here is a better one" rather than a four-way choice. */
.packs__lbl--up{margin:14px 0 2px;font-size:12px;font-weight:600;
  color:var(--forest);letter-spacing:-.01em}
.pack--upgrade{border-style:dashed}
.pack--upgrade .pack__n span{color:var(--forest);font-weight:600}
.pack--upgrade[aria-checked="true"]{border-style:solid}