.elementor-2788 .elementor-element.elementor-element-3f2eead{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d628a57 *//* ── TOKENS + RESET ─────────────────────────────────────────────────────── */
:root{--nv:#1E2A4A;--nv2:#16203a;--gd:#D4A843;--or:#E93C00;--gr:#1E2A4A;
      --cr:#FBF7EE;--ln:#dfe3ea;--mut:#6b7280;--ok:#0f7b4f}
*,*::before,*::after{box-sizing:border-box!important}
body{margin:0!important;font-family:"Lato",Helvetica,Arial,sans-serif!important;color:var(--nv)!important;background:#fff!important;-webkit-font-smoothing:antialiased!important}
img{display:block!important;max-width:100%!important}
a{color:inherit!important;text-decoration:none!important}
h1,h2,h3,h4,p{margin:0!important}
ul{margin:0!important;padding:0!important;list-style:none!important}
button{font:inherit!important;border:0!important;background:none!important;cursor:pointer!important;color:inherit!important}
.wrap{max-width:1240px!important;margin:0 auto!important;padding:0 20px!important}

/* ── ANNOUNCEMENT + HEADER ─────────────────────────────────────────────── */
.ann{background:var(--nv2)!important;color:#fff!important;text-align:center!important;padding:9px 16px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.3px!important}
.ann span{display:block!important;font-weight:400!important;opacity:.85!important;font-size:12px!important}
.hdr{background:#fff!important;text-align:center!important;padding:14px 20px!important}
.hdr b{font-size:26px!important;font-weight:900!important;letter-spacing:-.8px!important;color:var(--gr)!important}

/* ── HERO (base = mobile) — Grüns 1:1 geometry ─────────────────────────
   Full-bleed without calc() (the WP minifier strips calc): position:relative
   + left:50% + width:100vw + margin-left:-50vw survives minification.
   The Elementor section must be Full Width / 0 padding for this to work. */
.hero{background:#fff!important;padding:0!important;position:relative!important;left:50%!important;width:100vw!important;margin-left:-50vw!important;overflow:hidden!important}
.hero__grid{display:flex!important;flex-direction:column!important;gap:0!important;max-width:none!important;padding:0!important;margin:0!important}
.hero__l{padding:32px 20px 36px!important;background:radial-gradient(70% 60% at 12% 18%,rgba(212,168,67,.20) 0%,rgba(212,168,67,.07) 45%,rgba(255,255,255,0) 75%)!important} /* ⚑ bloom: Grüns 1:1. Contradicts the no-gradient lock — delete `background:` to revert */
.hero__pill{display:inline-flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 8px!important;max-width:100%!important;background:#fff!important;border:1px solid var(--ln)!important;border-radius:999px!important;padding:6px 14px 6px 8px!important;font-size:13px!important;line-height:1.3!important;margin-bottom:18px!important;box-shadow:0 1px 4px rgba(30,42,74,.08)!important}
.hero__av{display:flex!important;height:26px!important;width:auto!important;flex:0 0 auto!important}
.hero__stars{color:var(--gd)!important;letter-spacing:1px!important;font-size:11px!important}
.hero__h1{font-size:34px!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-1.3px!important}
.hero__b{font-size:16px!important;line-height:1.6!important;color:#3d4657!important;margin-top:18px!important;max-width:520px!important}
.hero__b p+p{margin-top:10px!important}
.hero__btnwrap{position:relative!important;display:block!important;margin-top:28px!important}
.hero__badge{position:absolute!important;top:-12px!important;left:50%!important;transform:translateX(-50%)!important;background:var(--gd)!important;color:var(--nv)!important;font-size:12px!important;font-weight:900!important;padding:3px 12px!important;border-radius:999px!important;white-space:nowrap!important;z-index:2!important}
.hero__btn{display:block!important;background:var(--gr)!important;color:#fff!important;font-weight:800!important;font-size:17px!important;padding:17px 30px!important;border-radius:999px!important;text-align:center!important;min-height:54px!important}
.hero__btnwrap a.hero__btn,
.hero__btnwrap a.hero__btn:link,
.hero__btnwrap a.hero__btn:visited,
.hero__btnwrap a.hero__btn:hover,
.hero__btnwrap a.hero__btn:focus,
.hero__btnwrap a.hero__btn:active{color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;opacity:1!important}
.hero__risk{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:14px!important;margin-top:16px!important;color:var(--nv)!important;font-weight:700!important}
.hero__risk b{border-bottom:1px solid currentColor!important;font-weight:700!important}

/* ── HERO IMAGE PANEL (.hcar) ──────────────────────────────────────────
   Edge-to-edge, square corners. Square slide cropped from the left so the
   right-hand benefit card runs off the edge exactly as on Grüns. */
.hero__r{width:100%!important}
.hcar{position:relative!important;border-radius:0!important;overflow:hidden!important;background:#eef3ee!important;aspect-ratio:1/1!important;max-width:none!important;margin:0!important;box-shadow:none!important}
.hcar__track{position:absolute!important;inset:0!important}
.hcar__s{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;opacity:0!important;transition:opacity .4s ease!important;pointer-events:none!important}
.hcar__s[data-on]{opacity:1!important;pointer-events:auto!important}
.hcar__nav{position:absolute!important;top:50%!important;left:28px!important;right:28px!important;transform:translateY(-50%)!important;display:flex!important;justify-content:space-between!important;pointer-events:none!important;z-index:3!important}
.hcar__nav button{pointer-events:auto!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.85)!important;color:var(--nv)!important;font-size:18px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 1px 6px rgba(30,42,74,.18)!important;cursor:pointer!important;transition:background .18s,color .18s!important}
.hcar__nav button:hover{background:var(--nv)!important;color:#fff!important}
.hcar__dots{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;bottom:14px!important;display:flex!important;gap:6px!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.55)!important;z-index:3!important}
.hcar__dots i{width:22px!important;height:4px!important;border-radius:2px!important;background:rgba(30,42,74,.25)!important;display:block!important;cursor:pointer!important;transition:background .2s!important}
.hcar__dots i.on{background:var(--nv)!important}

/* ── SIX REASONS ───────────────────────────────────────────────────────── */
.rs{background:#fff!important;padding:0 0 16px!important} /* P4: was 10/32 */
.r{display:flex!important;flex-direction:column!important;gap:18px!important;padding:20px 0!important} /* P4: was 26 */
.r__n{font-size:13px!important;font-weight:700!important;color:var(--gr)!important;letter-spacing:.5px!important}
.r__h{font-size:23px!important;line-height:1.18!important;font-weight:900!important;letter-spacing:-.9px!important;color:var(--gr)!important;margin:8px 0 12px!important}
.r__b{font-size:15px!important;line-height:1.65!important;color:#3d4657!important}
.r__b p+p{margin-top:10px!important}
.r__i img{width:100%!important;border-radius:12px!important;aspect-ratio:4/3!important;object-fit:cover!important}

/* ── UGC GRID ──────────────────────────────────────────────────────────── */

/* ── OFFER HEADER ──────────────────────────────────────────────────────── */
.oh{background:#fff!important;text-align:center!important;padding:20px 20px 8px!important} /* P4: was 26 top */
.oh h2{font-size:26px!important;font-weight:900!important;letter-spacing:-1px!important;color:var(--gr)!important;line-height:1.15!important}

/* ── BUY BOX ───────────────────────────────────────────────────────────── */
.bb{background:#fff!important;padding:24px 0 48px!important}
.bb__grid{display:flex!important;flex-direction:column!important;gap:26px!important}
.bb__l{min-width:0!important;flex:0 0 auto!important}
.bb__r{min-width:0!important;flex:0 0 auto!important}
.plan,.product-variant-form,.bb__r{overflow:visible!important}
/* sticky gallery needs an unbroken overflow chain */
.bb,.bb__grid,.bb__l{overflow:visible!important}

/* Gallery — main image on top, thumb rail below it, at every width (P7). */
.gal{display:flex!important;flex-direction:column!important;gap:10px!important}
.gal__main{flex:0 0 auto!important;min-width:0!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--ln)!important;order:1!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important}
.gal__main img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important}
.gal__rail{display:flex!important;flex-direction:row!important;gap:7px!important;flex:0 0 auto!important;order:2!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:2px!important}
.gal__rail::-webkit-scrollbar{display:none!important}
.gal__rail button{width:58px!important;height:58px!important;padding:0!important;border:1.5px solid var(--ln)!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important;opacity:1!important;flex:0 0 auto!important;transition:border-color .18s,box-shadow .18s!important}
.gal__rail button:hover{border-color:var(--gd)!important}
.gal__rail button.on{border-color:var(--nv)!important;box-shadow:0 0 0 1px var(--nv) inset!important}
.gal__rail img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}

.nlbtn{display:block!important;width:100%!important;margin-left:0!important;border:1px solid var(--nv)!important;border-radius:999px!important;padding:13px!important;text-align:center!important;font-weight:700!important;font-size:15px!important;margin-top:14px!important;background:#fff!important;min-height:44px!important}
/* .tested — no markup yet; slot under the nutrition button for the Front Row MD badge */
.tested{display:flex!important;align-items:center!important;gap:10px!important;border:1px solid var(--ln)!important;border-radius:10px!important;padding:10px 12px!important;margin-top:12px!important;background:#fff!important;font-size:12px!important}
.tested__ic{width:26px!important;height:26px!important;border-radius:6px!important;background:#e8eef8!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}
.tested b{font-weight:800!important}
.tested__pill{background:#eef1f6!important;border-radius:5px!important;padding:2px 7px!important;font-size:11px!important;font-weight:700!important}

.ob{background:#fff!important;border:1px solid var(--gd)!important;border-radius:8px!important;padding:8px 12px!important;font-size:13px!important;font-weight:700!important;text-align:center!important;margin-bottom:12px!important}
.rate{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;font-size:13px!important;margin-bottom:10px!important}
.rate s{color:var(--gd)!important;letter-spacing:1px!important;text-decoration:none!important}
.rate u{text-underline-offset:3px!important}
.bb__h1{font-size:27px!important;font-weight:900!important;letter-spacing:-1px!important;color:var(--gr)!important;line-height:1.12!important}
.bb__sub{font-size:15px!important;font-weight:700!important;margin:8px 0 12px!important}
.bb__bens li{display:flex!important;gap:8px!important;font-size:14.5px!important;padding:4px 0!important;align-items:flex-start!important}
.bb__bens li::before{content:"✓"!important;color:var(--ok)!important;font-weight:900!important}

.sel{border-top:1px solid var(--ln)!important;margin-top:18px!important;padding-top:16px!important}
.sel__hd{font-size:15px!important;margin-bottom:4px!important}
.sel__hd b{font-weight:800!important}
.sel__note{font-size:13px!important;font-style:italic!important;color:var(--mut)!important;margin-bottom:12px!important}

.packs{display:flex!important;gap:8px!important}
.pack{flex:1 1 0!important;min-width:0!important;border:1.5px solid var(--ln)!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important;position:relative!important;text-align:center!important;transition:border-color .18s,box-shadow .18s!important}
.pack.on{border-color:var(--nv)!important;box-shadow:0 0 0 1px var(--nv) inset!important}
.pack__im{height:78px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;transition:background .18s!important}
.pack__im img{max-height:68px!important;width:auto!important;object-fit:contain!important}
.pack__lb{padding:10px 4px!important;font-size:12.5px!important;font-weight:700!important;background:#fff!important;line-height:1.25!important;transition:background .18s!important}
.pack.on .pack__im,.pack.on .pack__lb{background:#eef3ee!important}
@media (hover:hover){
  .pack:hover .pack__im,.pack:hover .pack__lb{background:#eef3ee!important}
  .pack:hover{border-color:var(--gd)!important}
  .pack.on:hover{border-color:var(--nv)!important}
}
.pack__tag{position:absolute!important;top:6px!important;left:6px!important;background:var(--or)!important;color:#fff!important;font-size:9.5px!important;font-weight:800!important;padding:2px 6px!important;border-radius:999px!important}

.pills{display:flex!important;gap:8px!important}
.pill{flex:1 1 0!important;min-width:0!important;border:1px solid var(--nv)!important;border-radius:7px!important;padding:12px 8px!important;font-size:14px!important;background:#fff!important;text-align:center!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.pill.on{background:#e8efe8!important;font-weight:800!important}

.qtyhd{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:10px!important}
.qtytag{border:1px dashed var(--nv)!important;border-radius:5px!important;padding:3px 9px!important;font-size:12px!important;font-weight:700!important;opacity:.45!important}
.qtytag.on{opacity:1!important;background:var(--nv)!important;color:#fff!important;border-style:solid!important}
.qty{border:1px solid var(--nv)!important;border-radius:999px!important;padding:4px!important;display:flex!important;background:#fff!important}
.qty button{flex:1 1 0!important;min-width:44px!important;min-height:44px!important;padding:9px!important;border-radius:999px!important;font-size:17px!important;font-weight:700!important}
.qty button.on{background:#e8efe8!important}

.plan{border:2px solid var(--ln)!important;border-radius:12px!important;background:#fff!important;margin-top:16px!important;overflow:visible!important;position:relative!important;z-index:1!important}
.plan.on{border-color:var(--nv)!important}
.plan__hd{background:var(--nv)!important;color:#fff!important;text-align:center!important;font-size:12px!important;font-weight:800!important;padding:7px!important;letter-spacing:.3px!important;border-radius:10px 10px 0 0!important}
.plan__bd{padding:14px!important}
.plan__row{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
.rad{width:22px!important;height:22px!important;border:2px solid var(--ln)!important;border-radius:999px!important;flex:0 0 auto!important;position:relative!important}
.plan.on .rad{border-color:var(--nv)!important}
.plan.on .rad::after{content:""!important;position:absolute!important;inset:4px!important;background:var(--nv)!important;border-radius:999px!important}
.pr{font-size:27px!important;font-weight:900!important;letter-spacing:-1px!important}
.was{color:var(--mut)!important;text-decoration:line-through!important;font-size:16px!important}
.off{background:#e6f5ee!important;color:var(--ok)!important;font-weight:800!important;font-size:12px!important;padding:3px 9px!important;border-radius:999px!important}
.perb{font-size:12px!important;color:var(--mut)!important;font-weight:700!important;margin-top:3px!important;padding-left:31px!important}
.plan__l li{display:flex!important;gap:7px!important;font-size:13px!important;padding:2px 0!important;margin-top:0!important}
.plan__l li::before{content:"\2713"!important;color:var(--ok)!important;font-weight:900!important;flex:0 0 auto!important}
.plan__tag{position:absolute!important;top:-10px!important;left:50%!important;transform:translateX(-50%)!important;background:var(--gd)!important;color:var(--nv)!important;font-size:11px!important;font-weight:800!important;padding:3px 12px!important;border-radius:999px!important;white-space:nowrap!important;z-index:20!important}
.plan+.plan{z-index:3!important}

.cta{display:block!important;width:100%!important;background:var(--or)!important;color:#fff!important;font-weight:800!important;font-size:17px!important;padding:17px!important;border-radius:999px!important;text-align:center!important;margin-top:16px!important;min-height:52px!important}

/* Extended right column */
.bbauto{font-size:15px!important;font-weight:800!important;margin:18px 0 8px!important}
.plan__sub{font-size:12.5px!important;color:var(--mut)!important;padding-left:31px!important;margin-top:2px!important}
.plan__day{font-size:12.5px!important;color:var(--mut)!important;font-weight:700!important;white-space:nowrap!important}
.plan__pricecol{display:flex!important;flex-direction:column!important;align-items:flex-end!important;margin-left:auto!important;text-align:right!important}
.plan__giftnote{font-size:12.5px!important;color:#3d4657!important;margin-top:12px!important}

.gifts{border:1.5px solid var(--nv)!important;border-radius:12px!important;background:#f4f7f4!important;margin-top:8px!important;overflow:hidden!important}
.gifts__hd{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:9px 12px!important;background:var(--nv)!important;color:#fff!important;font-size:13px!important;font-weight:800!important}
.gifts__badge{background:var(--gd)!important;color:var(--nv)!important;font-size:11px!important;font-weight:900!important;padding:3px 9px!important;border-radius:999px!important;white-space:nowrap!important}
.gifts__grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:10px!important}
.gift{background:#fff!important;border:1px solid var(--ln)!important;border-radius:9px!important;padding:8px 6px!important;text-align:center!important;position:relative!important}
.gift__v{display:inline-block!important;background:var(--or)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;padding:2px 7px!important;border-radius:999px!important;margin-bottom:6px!important}
.gift__im{height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:6px!important}
.gift__im img{max-height:54px!important;width:auto!important;object-fit:contain!important}
.gift__n{font-size:11px!important;font-weight:800!important;line-height:1.25!important}

.autoapp{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin-top:12px!important;font-size:13px!important;font-weight:900!important;font-style:italic!important;color:#0f7b4f!important;letter-spacing:.02em!important}

.trust3{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-top:18px!important}
.trust3>div{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:7px!important;font-size:12px!important;font-weight:700!important;line-height:1.3!important;color:#3d4657!important}
.trust3 i{width:34px!important;height:34px!important;border-radius:999px!important;border:1.5px solid var(--nv)!important;color:var(--nv)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-style:normal!important;font-size:15px!important;font-weight:900!important;flex:0 0 auto!important}

.bbacc{margin-top:22px!important;border-top:1px solid var(--ln)!important}
.bbacc__i{border-bottom:1px solid var(--ln)!important}
.bbacc__q{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:16px 0!important;text-align:left!important;font-size:15px!important;font-weight:800!important;background:none!important;border:0!important;cursor:pointer!important;color:inherit!important;font-family:inherit!important;line-height:1.3!important;min-height:44px!important;white-space:normal!important;overflow-wrap:anywhere!important}
.bbacc__q:hover{color:var(--gd)!important}
.bbacc__pm{flex:0 0 auto!important;width:24px!important;height:24px!important;font-size:20px!important;line-height:1!important;font-weight:400!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform .2s!important}
.bbacc__q[aria-expanded="true"] .bbacc__pm{transform:rotate(45deg)!important}
.bbacc__a{overflow:hidden!important;height:0!important;transition:height .28s ease!important}
.bbacc__a>div{padding:0 0 16px!important}
.bbacc__a p{font-size:14px!important;line-height:1.65!important;color:#3b4147!important}
.bbacc__a p+p{margin-top:9px!important}
.bbacc__a b{font-weight:800!important;color:var(--nv)!important}
.bbacc__a a{color:var(--nv)!important;text-decoration:underline!important;font-weight:700!important}
.bbacc__a ul{margin-top:4px!important}
.bbacc__a li{display:flex!important;gap:8px!important;font-size:14px!important;padding:3px 0!important;color:#3b4147!important}
.bbacc__a li::before{content:"\2713"!important;color:var(--ok)!important;font-weight:900!important;flex:0 0 auto!important}

.howto{margin-top:24px!important}
.howto__h{text-align:center!important;font-size:19px!important;font-weight:900!important;letter-spacing:-.5px!important;margin-bottom:12px!important}
.howto__band{position:relative!important;background:var(--nv)!important;border-radius:12px!important;overflow:hidden!important;min-height:150px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#fff!important}
.howto__img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.howto__scrim{position:absolute!important;inset:0!important;background:rgba(15,22,40,.28)!important}
.howto__txt{position:relative!important;z-index:2!important;padding:26px 20px!important}
.howto__big{font-size:25px!important;font-weight:900!important;letter-spacing:-.8px!important;line-height:1.12!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important}
.howto__sub{font-size:13.5px!important;margin-top:8px!important;line-height:1.55!important;text-shadow:0 1px 8px rgba(0,0,0,.6)!important}

.packed{margin-top:26px!important}
.packed__h{text-align:center!important;font-size:19px!important;font-weight:900!important;letter-spacing:-.5px!important;margin-bottom:14px!important}
.packed__l{display:flex!important;flex-direction:column!important;gap:2px!important}
.packed__l li{display:flex!important;align-items:center!important;gap:12px!important;font-size:14.5px!important;font-weight:700!important;padding:7px 0!important}
.packed__ic{width:38px!important;height:38px!important;border-radius:999px!important;background:#f4f7f4!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;overflow:hidden!important}
.packed__ic img{width:38px!important;height:38px!important;object-fit:contain!important}

/* ── REVIEWS ───────────────────────────────────────────────────────────── */
.lo{padding:38px 0!important}
.lo h2{font-size:26px!important;font-weight:900!important;letter-spacing:-1px!important;color:var(--gr)!important;text-align:center!important;line-height:1.15!important}
.lo .lede{text-align:center!important;color:var(--mut)!important;max-width:680px!important;margin:12px auto 26px!important;font-size:15px!important;line-height:1.6!important}
.revs{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding-top:26px!important}
.rv{border:1px solid var(--ln)!important;border-radius:11px!important;padding:18px!important;background:#fff!important;text-align:center!important}
.rv s{color:var(--gd)!important;letter-spacing:1px!important;text-decoration:none!important;font-size:14px!important}
.rv h4{font-weight:800!important;margin:8px 0!important;font-size:16px!important}
.rv p{font-size:14px!important;line-height:1.55!important;color:#4b5563!important}
.rv span{display:block!important;font-size:12.5px!important;color:var(--mut)!important;margin-top:10px!important;font-weight:700!important}

/* ── GUARANTEE + FOOTER ────────────────────────────────────────────────── */
.gua{background:var(--nv)!important;color:#fff!important;text-align:center!important;padding:40px 20px!important}
.gua h2{font-size:26px!important;font-weight:900!important;letter-spacing:-1px!important;color:#fff!important;line-height:1.15!important}
.gua p{max-width:560px!important;margin:14px auto 0!important;font-size:15px!important;line-height:1.65!important;opacity:.9!important}
.gua a{display:block!important;background:var(--or)!important;color:#fff!important;font-weight:800!important;font-size:17px!important;padding:17px 24px!important;border-radius:999px!important;margin-top:22px!important;min-height:52px!important}
.ftr{background:var(--nv)!important;color:#fff!important;text-align:center!important;padding:30px 20px!important;font-size:12px!important;line-height:1.7!important}

/* ── STICKY BAR (.m7sb) ────────────────────────────────────────────────── */
.m7sb{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:99990!important;background:#1E2A4A!important;padding:14px 20px!important;display:none!important;align-items:center!important;justify-content:center!important;gap:28px!important;flex-wrap:wrap!important;font-family:"Lato",Helvetica,Arial,sans-serif!important;box-shadow:none!important;border-top:1px solid rgba(255,255,255,.14)!important;max-width:100vw!important}
.m7sb.is-on{display:flex!important}
.m7sb__p{color:#fff!important;font-size:16px!important;white-space:nowrap!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;min-width:0!important;max-width:100%!important}
.m7sb__p b{font-weight:900!important}
.m7sb__s{color:#D4A843!important;letter-spacing:2px!important;font-size:15px!important;min-width:0!important;max-width:100%!important}
.m7sb__w{position:relative!important;flex:0 0 auto!important}
.m7sb__bg{position:absolute!important;top:-11px!important;left:50%!important;transform:translateX(-50%)!important;background:#D4A843!important;color:#1E2A4A!important;font-size:11px!important;font-weight:900!important;padding:3px 12px!important;border-radius:999px!important;white-space:nowrap!important;z-index:2!important}
a.m7sb__b,a.m7sb__b:link,a.m7sb__b:visited,a.m7sb__b:hover,a.m7sb__b:focus,a.m7sb__b:active{display:block!important;background:#E93C00!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;font-weight:800!important;font-size:17px!important;padding:15px 34px!important;border-radius:999px!important;white-space:nowrap!important;text-align:center!important}
a.m7sb__b:hover{filter:brightness(1.08)!important}

/* ── NUTRITION DRAWER (.m7nl) ──────────────────────────────────────────── */
.m7nl{--nv:#1E2A4A!important;--gd:#D4A843!important;--cr:#FBF7EE!important;--ln:#dfe3ea!important;--mut:#6b7280!important;position:fixed!important;inset:0!important;z-index:99995!important;background:rgba(15,22,40,.55)!important;opacity:0!important;pointer-events:none!important;transition:opacity .24s ease!important;display:flex!important;font-family:"Lato",Helvetica,Arial,sans-serif!important;color:var(--nv)!important}
.m7nl[data-open]{opacity:1!important;pointer-events:auto!important}
.m7nl *,.m7nl *::before,.m7nl *::after{box-sizing:border-box!important}
.m7nl p,.m7nl h2,.m7nl h3{margin:0!important}
.m7nl__panel{margin-left:auto!important;display:flex!important;flex-direction:column!important;height:100%!important;width:100%!important;max-width:520px!important;background:#fff!important;transform:translateX(100%)!important;transition:transform .26s ease!important;box-shadow:-8px 0 40px rgba(0,0,0,.25)!important}
.m7nl[data-open] .m7nl__panel{transform:translateX(0)!important}
.m7nl__hd{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 20px!important;border-bottom:1px solid var(--ln)!important;background:var(--nv)!important;color:#fff!important}
.m7nl__hd h2{font-size:17px!important;font-weight:800!important;letter-spacing:-.4px!important}
.m7nl__x{width:44px!important;height:44px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:21px!important;line-height:1!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;transition:background .18s!important}
.m7nl__x:hover{background:rgba(255,255,255,.28)!important}
.m7nl__scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:20px!important}
.m7nl__use{background:#f4f6f9!important;border-radius:10px!important;padding:12px 14px!important;font-size:14px!important;line-height:1.5!important;margin-bottom:18px!important}
.m7nl__use b{font-weight:800!important}
.m7nl__title{font-size:25px!important;font-weight:900!important;letter-spacing:-.8px!important;border-bottom:7px solid var(--nv)!important;padding-bottom:4px!important}
.m7nl__meta{font-size:14px!important;line-height:1.5!important;padding:6px 0!important;border-bottom:1px solid var(--nv)!important}
.m7nl__meta b{font-weight:800!important}
.m7nl__t{width:100%!important;border-collapse:collapse!important;font-size:13.5px!important}
.m7nl__t th,.m7nl__t td{padding:6px 0!important;text-align:left!important;vertical-align:top!important}
.m7nl__t thead th{border-bottom:5px solid var(--nv)!important;font-size:13px!important;font-weight:800!important;text-align:right!important}
.m7nl__t thead th:first-child{text-align:left!important}
.m7nl__t tbody tr{border-bottom:1px solid var(--ln)!important}
.m7nl__t tbody tr.m7nl__nb{border-bottom:0!important}
.m7nl__t td.m7nl__amt,.m7nl__t td.m7nl__dv{text-align:right!important;white-space:nowrap!important;font-weight:700!important}
.m7nl__t th{font-weight:600!important}
.m7nl__blend{padding-left:14px!important;font-size:13px!important;color:#3b4147!important;font-weight:400!important}
.m7nl__forms{padding-left:22px!important;font-size:13px!important;color:#3b4147!important;line-height:1.75!important;font-weight:400!important}
.m7nl__rule{border-top:5px solid var(--nv)!important;margin-top:2px!important}
.m7nl__fn{font-size:12px!important;line-height:1.5!important;color:#3b4147!important;padding-top:6px!important}
.m7nl__blk{margin-top:16px!important;font-size:13px!important;line-height:1.6!important;color:#3b4147!important}
.m7nl__blk b{color:var(--nv)!important;font-weight:800!important}
.m7nl__box{border:1.5px solid var(--nv)!important;border-radius:8px!important;padding:12px 14px!important;margin-top:16px!important;font-size:12.5px!important;line-height:1.55!important}
.m7nl__badges{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:18px!important;padding-bottom:10px!important}
.m7nl__badge{border:1px solid var(--ln)!important;border-radius:999px!important;padding:5px 12px!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.02em!important;background:#f4f6f9!important}
.m7nl__mfr{margin-top:18px!important;padding-top:14px!important;border-top:1px solid var(--ln)!important;font-size:11.5px!important;line-height:1.6!important;color:var(--mut)!important}

/* ══ 600px ═══════════════════════════════════════════════════════════════ */
@media (min-width:600px){
  .ugc{grid-template-columns:repeat(4,1fr)!important}
  .ugc__b{width:88px!important;height:88px!important;font-size:10px!important}
  .ugc__b b{font-size:15px!important}
}

/* ══ 768px ═══════════════════════════════════════════════════════════════ */
@media (min-width:768px){
  .revs{grid-template-columns:repeat(3,1fr)!important}
  .r__h{font-size:27px!important;letter-spacing:-1.1px!important}
  .hero__btnwrap{display:inline-block!important}
  .hero__btn{padding:15px 30px!important}
  .gua a{display:inline-block!important;padding:16px 38px!important}
}

/* ══ 992px — DESKTOP ═════════════════════════════════════════════════════ */
@media (min-width:992px){
  /* Hero — Grüns desktop: 50/50, panel bleeds right, content centred */
  .hero{padding:0!important}
  .hero__grid{flex-direction:row!important;align-items:stretch!important;gap:0!important}
  .hero__l{flex:0 0 50%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:40px 60px 40px 80px!important;text-align:left!important}
  .hero__r{flex:0 0 50%!important;width:50%!important}
  .hero__pill{display:inline-flex!important;width:auto!important;font-size:14px!important;padding:7px 16px 7px 8px!important;margin-bottom:22px!important}
  .hero__h1{font-size:56px!important;line-height:1.08!important;letter-spacing:-2.2px!important}
  .hero__b{font-size:16px!important;margin-top:20px!important;max-width:540px!important}
  .hero__btnwrap{margin-top:30px!important;display:inline-block!important}
  .hero__btn{font-size:20px!important;padding:18px 36px!important}
  .hero__badge{font-size:14px!important;padding:4px 14px!important;top:-13px!important}
  .hero__risk{justify-content:flex-start!important;margin-top:20px!important;font-size:16px!important}
  /* panel taller than wide — square slide cropped from the left */
  .hcar{aspect-ratio:auto!important;height:100%!important;min-height:620px!important}

  /* Six reasons — P4 gaps, P9 type scale */
  .rs{padding:0 0 24px!important}
  .r{flex-direction:row!important;align-items:center!important;gap:8%!important;padding:36px 0!important}
  .r__t{flex:0 0 52%!important}
  .r__i{flex:0 0 40%!important}
  .r__n{font-size:13px!important;letter-spacing:.8px!important}
  .r__h{font-size:30px!important;letter-spacing:-1.1px!important;line-height:1.15!important;margin:6px 0 10px!important}
  .r__b{font-size:16px!important;line-height:1.6!important}
  .r__b p+p{margin-top:8px!important}
  .r__i img{max-height:440px!important}

  .oh{padding:24px 20px 8px!important}
  .oh h2{font-size:40px!important;letter-spacing:-1.8px!important}

  /* Buy box — P7 gallery, P8 column + type */
  .bb{padding:24px 0 60px!important}
  .bb__grid{flex-direction:row!important;align-items:flex-start!important;gap:40px!important}
  .bb__l{flex:1 1 0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;position:sticky!important;top:24px!important;align-self:flex-start!important;height:-moz-fit-content!important;height:fit-content!important}
  .bb__r{flex:0 0 500px!important;max-width:500px!important}
  .bb__h1{font-size:42px!important;letter-spacing:-1.6px!important}
  .bb__sub{font-size:18px!important;margin:10px 0 14px!important}
  .bb__bens li{font-size:17px!important;padding:5px 0!important}
  .sel__hd{font-size:17px!important}
  .bbauto{font-size:17px!important}

  .gal{gap:12px!important}
  .gal__main{max-width:none!important}
  .gal__rail{justify-content:center!important}
  .gal__rail button{width:64px!important;height:64px!important}
  .nlbtn{padding:11px!important}

  .packs,.pills{gap:10px!important}
  .pack__im{height:86px!important}
  .pack__im img{max-height:76px!important}
  .pack__lb{padding:9px 6px!important;font-size:13px!important}
  .pack__tag{font-size:10px!important;padding:2px 7px!important}
  .pill{padding:10px!important;min-height:0!important}
  .qty button{min-height:0!important}
  .pr{font-size:29px!important}
  .cta{font-size:18px!important;padding:16px!important}
  .gifts__grid{grid-template-columns:repeat(4,1fr)!important}
  .trust3{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
  .trust3>div{font-size:11.5px!important}
  .bbacc__q{font-size:15.5px!important}
  .howto__big{font-size:27px!important}

  .lo{padding:52px 0!important}
  .lo h2{font-size:40px!important;letter-spacing:-1.8px!important}

  .gua{padding:52px 20px!important}
  .gua h2{font-size:38px!important}
  .ftr{padding:34px 20px!important}

  body:has(.m7sb.is-on){padding-bottom:96px!important}
  .m7nl__title{font-size:27px!important}
  .m7nl__x{width:34px!important;height:34px!important;font-size:19px!important}
}

/* ══ max-991 — MOBILE / TABLET OVERRIDES ═════════════════════════════════ */
@media (max-width:991px){
  
  
  .hero__pill{display:flex!important;width:fit-content!important;margin-left:auto!important;margin-right:auto!important}
  .hero__b{margin-left:auto!important;margin-right:auto!important}
  
  
  
  
  
  

  .m7sb{flex-direction:column-reverse!important;gap:12px!important;padding:16px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
  .m7sb__p{font-size:14px!important;white-space:normal!important;text-align:center!important}
  .m7sb__w,a.m7sb__b{width:100%!important}
  a.m7sb__b,a.m7sb__b:link,a.m7sb__b:visited,a.m7sb__b:hover,a.m7sb__b:focus,a.m7sb__b:active{white-space:normal!important;padding:15px 18px!important;font-size:16px!important;box-sizing:border-box!important}
  body:has(.m7sb.is-on){padding-bottom:132px!important}

  .m7nl{flex-direction:column!important;justify-content:flex-end!important}
  .m7nl__panel{margin:0!important;max-width:none!important;height:auto!important;max-height:92vh!important;border-radius:18px 18px 0 0!important;transform:translateY(100%)!important;box-shadow:0 -8px 40px rgba(0,0,0,.25)!important}
  .m7nl[data-open] .m7nl__panel{transform:translateY(0)!important}
}

/* ══ max-374 — 320/360 GUARD ═════════════════════════════════════════════ */
@media (max-width:374px){
  .hero__h1{font-size:27px!important;letter-spacing:-.9px!important}
  .bb__h1{font-size:24px!important}
  .oh h2,.lo h2,.gua h2{font-size:23px!important}
  .pack__lb{font-size:11.5px!important}
  .qtyhd{gap:6px!important}
}

/* ══════════════════════════════════════════════════════════════════════════
   SECTION SHEETS — .m7ing / .m7cmp / .m7faq (unchanged except texture)
   ══════════════════════════════════════════════════════════════════════════ */

/* ── INGREDIENTS (.m7ing) ──────────────────────────────────────────────── */
.m7ing{--nv:#1E2A4A!important;--gd:#D4A843!important;--cr:#FBF7EE!important;--ln:#e3e7ee!important;--mut:#6b7280!important;display:block!important;width:100%!important;background:#fff!important;padding:52px 0!important;font-family:"Lato",Helvetica,Arial,sans-serif!important;color:var(--nv)!important}
.m7ing *,.m7ing *::before,.m7ing *::after{box-sizing:border-box!important}
.m7ing p,.m7ing h2,.m7ing h3{margin:0!important}
.m7ing-wrap{max-width:1240px!important;margin:0 auto!important;padding:0 20px!important}
.m7ing-h2{color:var(--nv)!important;font-size:28px!important;font-weight:900!important;letter-spacing:-1.2px!important;text-align:center!important;line-height:1.15!important}
.m7ing p.m7ing-lede{text-align:center!important;color:var(--mut)!important;max-width:660px!important;margin:12px auto 30px!important;font-size:16px!important;line-height:1.6!important}
.m7ing-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.m7ing-card{border:1px solid var(--ln)!important;border-radius:12px!important;padding:18px!important;background:#fff!important;display:flex!important;gap:14px!important;align-items:flex-start!important;transition:border-color .18s,box-shadow .18s!important}
.m7ing-card:hover{border-color:var(--gd)!important;box-shadow:0 3px 14px rgba(30,42,74,.07)!important}
.m7ing-ic{flex:0 0 auto!important;width:44px!important;height:44px!important;border-radius:999px!important;background:transparent!important;border:1.5px solid var(--nv)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:border-color .18s!important}
.m7ing-card:hover .m7ing-ic{border-color:var(--gd)!important}
.m7ing-ic span{font-size:22px!important;line-height:1!important;display:block!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important}
.m7ing-card h3{color:var(--nv)!important;font-size:16px!important;font-weight:800!important;margin-bottom:5px!important;line-height:1.2!important}
.m7ing-card p{font-size:14px!important;line-height:1.5!important;color:#4b5563!important}
.m7ing-flag{color:#b0452f!important;font-weight:700!important}
@media(min-width:700px){.m7ing-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(min-width:992px){
  .m7ing-h2{font-size:40px!important;letter-spacing:-1.8px!important}
  .m7ing-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
  .m7ing-ic span{font-size:24px!important}
  .m7ing-card{padding:20px!important}
  .m7ing-card h3{font-size:17px!important}
}

/* ── COMPETITOR COMPARISON (.m7cmp) ────────────────────────────────────── */
.m7cmp{--nv:#1E2A4A!important;--gd:#D4A843!important;--cr:#FBF7EE!important;--ln:#e3e7ee!important;--ok:#169a98!important;--mut:#9aa1ad!important;display:block!important;width:100%!important;background:#fff!important;padding:52px 0!important;font-family:"Lato",Helvetica,Arial,sans-serif!important;color:var(--nv)!important}
.m7cmp *,.m7cmp *::before,.m7cmp *::after{box-sizing:border-box!important}
.m7cmp img{display:block!important;max-width:100%!important}
.m7cmp p,.m7cmp h2{margin:0!important}
.m7cmp-wrap{max-width:1240px!important;margin:0 auto!important;padding:0 20px!important}
.m7cmp-h2{font-size:28px!important;font-weight:900!important;letter-spacing:-1.2px!important;text-align:center!important;line-height:1.15!important}
.m7cmp p.m7cmp-lede{margin:12px auto 28px!important;color:#6b7280!important;max-width:660px!important;text-align:center!important;font-size:15px!important;line-height:1.6!important}
.m7cmp-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;padding-bottom:6px!important}
.m7cmp-table{min-width:760px!important;background:#fff!important;border:1px solid var(--ln)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 2px 14px rgba(30,42,74,.08)!important}
.m7cmp-hd{display:grid!important;grid-template-columns:1.5fr repeat(5,1fr)!important;background:var(--nv)!important;color:#fff!important}
.m7cmp-hd>div{padding:16px 6px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important}
.m7cmp-hd>div+div{border-left:1px solid rgba(255,255,255,.14)!important}
.m7cmp-hd img{width:46px!important;height:52px!important;object-fit:contain!important}
.m7cmp-brand{font-size:13px!important;font-weight:900!important;line-height:1.1!important}
.m7cmp-prod{font-size:9px!important;line-height:1.2!important;opacity:.78!important}
.m7cmp-hd>div.m7cmp-us{background:var(--gd)!important;color:var(--nv)!important}
.m7cmp-hd>div.m7cmp-us .m7cmp-prod{opacity:.9!important}
.m7cmp-r{display:grid!important;grid-template-columns:1.5fr repeat(5,1fr)!important;border-top:1px solid var(--ln)!important}
.m7cmp-r>div{padding:13px 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.m7cmp-r>div+div{border-left:1px solid var(--ln)!important}
.m7cmp-r>div:first-child{justify-content:flex-start!important;text-align:left!important;font-size:13px!important;font-weight:700!important;padding-left:14px!important}
.m7cmp-r:nth-child(even){background:#fbfcfe!important}
.m7cmp-r>div.m7cmp-us{background:rgba(212,168,67,.10)!important}
.m7cmp-ck,.m7cmp-xx,.m7cmp-pt{width:26px!important;height:26px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;font-size:14px!important;line-height:1!important}
.m7cmp-ck{background:var(--ok)!important;color:#fff!important}
.m7cmp-xx{border:1.5px solid var(--mut)!important;color:var(--mut)!important;font-weight:700!important}
.m7cmp-pt{background:#f2ead6!important;color:#9a7b22!important}
.m7cmp-key{display:flex!important;flex-wrap:wrap!important;gap:16px!important;justify-content:center!important;margin-top:16px!important;font-size:12.5px!important;color:#6b7280!important}
.m7cmp-key span{display:flex!important;align-items:center!important;gap:6px!important}
.m7cmp-key i{width:18px!important;height:18px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-style:normal!important;font-size:10px!important;font-weight:900!important}
.m7cmp-note{text-align:center!important;font-size:12px!important;color:#b0452f!important;margin-top:14px!important;font-weight:700!important}
.m7cmp-swipe{text-align:center!important;font-size:12px!important;color:#9aa1ad!important;margin-top:8px!important}
@media(min-width:992px){
  .m7cmp-h2{font-size:40px!important;letter-spacing:-1.8px!important}
  .m7cmp-table{min-width:0!important;width:100%!important}
  .m7cmp-hd>div{padding:20px 10px!important}
  .m7cmp-hd img{width:58px!important;height:66px!important}
  .m7cmp-brand{font-size:15px!important}
  .m7cmp-prod{font-size:12px!important}
  .m7cmp-r>div{padding:15px 10px!important}
  .m7cmp-r>div:first-child{font-size:15px!important;padding-left:20px!important}
  .m7cmp-ck,.m7cmp-xx,.m7cmp-pt{width:30px!important;height:30px!important;font-size:15px!important}
  .m7cmp-swipe{display:none!important}
}

/* ── FAQ (.m7faq) ──────────────────────────────────────────────────────── */
.m7faq{--nv:#1E2A4A!important;--gd:#D4A843!important;--cr:#FBF7EE!important;--ln:#e3e7ee!important;--mut:#6b7280!important;display:block!important;width:100%!important;background:#fff!important;padding:52px 0!important;font-family:"Lato",Helvetica,Arial,sans-serif!important;color:var(--nv)!important}
.m7faq *,.m7faq *::before,.m7faq *::after{box-sizing:border-box!important}
.m7faq p,.m7faq h2,.m7faq h3{margin:0!important}
.m7faq ul{margin:0!important;padding:0!important;list-style:none!important}
.m7faq-wrap{max-width:860px!important;margin:0 auto!important;padding:0 20px!important}
.m7faq-ey{display:inline-block!important;background:var(--nv)!important;color:#fff!important;border-radius:999px!important;padding:5px 14px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.m7faq-top{text-align:center!important;margin-bottom:28px!important}
.m7faq-h2{font-size:28px!important;font-weight:900!important;letter-spacing:-1.2px!important;line-height:1.15!important;margin:14px 0 8px!important}
.m7faq p.m7faq-lede{color:var(--mut)!important;font-size:15px!important;line-height:1.6!important;max-width:560px!important;margin:0 auto!important}
.m7faq-card{background:#fff!important;border:1px solid var(--ln)!important;border-radius:16px!important;padding:6px 18px!important;box-shadow:0 2px 14px rgba(30,42,74,.06)!important}
.m7faq-i{border-bottom:1px solid var(--ln)!important}
.m7faq-i:last-child{border-bottom:0!important}
.m7faq-q{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:17px 0!important;text-align:left!important;font-size:16px!important;font-weight:800!important;background:none!important;border:0!important;cursor:pointer!important;color:inherit!important;font-family:inherit!important;line-height:1.3!important;white-space:normal!important;flex-wrap:nowrap!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.m7faq-q:hover{color:var(--gd)!important}
.m7faq-pm{flex:0 0 auto!important;width:27px!important;height:27px!important;border-radius:999px!important;border:1.5px solid var(--nv)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;font-weight:900!important;line-height:1!important;transition:background .18s,color .18s!important}
.m7faq-q[aria-expanded="true"] .m7faq-pm{background:var(--nv)!important;color:#fff!important}
.m7faq-a{overflow:hidden!important;height:0!important;transition:height .3s ease!important}
.m7faq-a>div{padding:0 0 18px!important}
.m7faq-a p{font-size:14.5px!important;line-height:1.65!important;color:#3b4147!important}
.m7faq-a p+p{margin-top:10px!important}
.m7faq-a b{font-weight:800!important;color:var(--nv)!important}
.m7faq-a a{color:var(--nv)!important;text-decoration:underline!important;font-weight:700!important}
.m7faq-note{background:#fff8e1!important;border:1px dashed var(--gd)!important;border-radius:10px!important;padding:14px 16px!important;font-size:12.5px!important;line-height:1.6!important;margin-top:24px!important;color:#5a4a1e!important}
.m7faq-note b{color:#b0452f!important}
@media(max-width:374px){
  .m7faq-q{font-size:15px!important;gap:10px!important}
  .m7faq-card{padding:6px 14px!important}
}
@media(min-width:992px){
  .m7faq-h2{font-size:40px!important;letter-spacing:-1.8px!important}
  .m7faq-card{padding:6px 28px!important}
  .m7faq-q{font-size:17px!important;padding:19px 0!important}
}
/* ══════════════════════════════════════════════════════════════════════════
   GRÜNS BODY PASS (v5) — placed after the section sheets, before the texture
   block. Same specificity as the base rules; later in the file, so it wins.
   ══════════════════════════════════════════════════════════════════════════ */

/* Announcement: uppercase, tighter */
.ann{padding:6px 8px!important;text-transform:uppercase!important;letter-spacing:.02em!important}
.ann span{font-size:11px!important;text-transform:uppercase!important}

/* Hero mobile: image first, pill full width, Grüns padding + 32px H1 */
@media (max-width:991px){
  .hero__grid{flex-direction:column-reverse!important}
  .hero__l{padding:24px 20px 36px!important;background:radial-gradient(60% 50% at 95% 100%,rgba(212,168,67,.20) 0%,rgba(212,168,67,.06) 45%,rgba(255,255,255,0) 75%)!important}
  .hero__pill{display:flex!important;width:100%!important;justify-content:center!important;margin-bottom:24px!important}
  .hero__h1{font-size:32px!important;letter-spacing:-1.6px!important}
}
@media (min-width:992px){
  .hero__l{padding:64px 48px 64px 72px!important}
  .hero__pill{margin-bottom:32px!important}
  .hero__b{margin-top:32px!important}
  .hero__btnwrap{margin-top:32px!important}
}

/* Reasons: Grüns mobile order, stretch-to-text image, 28/40 headings, 56px rhythm */
.r{padding:40px 0!important;gap:0!important}
.r__t{display:contents!important}
.r__n{order:1!important;font-size:24px!important;font-weight:600!important;letter-spacing:-1.2px!important;line-height:1.1!important}
.r__h{order:2!important;font-size:28px!important;letter-spacing:-1.4px!important;line-height:1.1!important;margin:4px 0 0!important}
.r__i{order:3!important;margin-top:16px!important}
.r__b{order:4!important;margin-top:16px!important;font-size:16px!important;line-height:1.6!important}
.r__i img{border-radius:16px!important}
@media (max-width:991px){.r__n,.r__h,.r__b,.r__i{width:100%!important}}
@media (min-width:992px){
  .r{flex-direction:row!important;align-items:stretch!important;gap:48px!important;padding:56px 0!important}
  .r__t{display:flex!important;flex-direction:column!important;justify-content:center!important;flex:0 0 50%!important;min-width:0!important;gap:16px!important;order:1!important}
  .r__n,.r__h,.r__b{order:0!important;margin:0!important}
  .r__h{font-size:40px!important;letter-spacing:-2px!important}
  .r__b{font-size:18px!important;line-height:1.6!important}
  .r__i{order:2!important;flex:0 0 50%!important;min-width:0!important;margin:0!important;align-self:stretch!important;border-radius:16px!important;overflow:hidden!important}
  .r__i img{width:100%!important;height:100%!important;aspect-ratio:auto!important;max-height:none!important;object-fit:cover!important;border-radius:0!important}
  
  
}

/* Offer heading + buy box grid */
.oh{padding:16px 20px 0!important}
.bb{padding:16px 0 48px!important}
@media (min-width:992px){
  .oh{padding:24px 20px 0!important}
  .bb{padding:24px 0 60px!important}
  .bb .wrap{max-width:1264px!important}
  .bb__grid{gap:50px!important}
  .bb__l{top:20px!important}
  .bb__r{flex:0 0 470px!important;max-width:470px!important}
}

/* Gallery + nutrition button */
.gal__main{border-radius:8px!important;border:2px solid var(--nv)!important}
.gal__rail{margin:20px 0!important}
.gal__rail button{width:50px!important;height:50px!important;border-radius:5px!important;border:1px solid var(--nv)!important;opacity:.5!important}
.gal__rail button.on,.gal__rail button:hover{opacity:1!important;box-shadow:none!important;border-color:var(--nv)!important}
.nlbtn{margin-top:0!important;font-size:18px!important;font-weight:500!important;padding:10px!important}
@media (min-width:992px){.gal__rail{margin:32px 0!important}.nlbtn{margin-top:24px!important}}

/* Right column rhythm */
.ob{border:1px dashed var(--nv)!important;border-radius:4px!important;background:#eef3ee!important;text-align:left!important;padding:6px 8px!important;margin-bottom:8px!important}
.bb__bens{margin-bottom:24px!important}
.sel{margin-top:0!important;padding-top:24px!important;margin-bottom:24px!important}
.pack{border-radius:12px!important}
.pack__im{height:100px!important}
.pack__im img{max-height:88px!important}
.pack__lb{padding:12px!important}
.pill{border-radius:8px!important;padding:12px!important;max-width:164px!important}
.qty{padding:5px!important}
.qty button{padding:8px 16px!important;min-height:0!important}
.bbauto{margin:0 0 16px!important}

/* Plan cards: 1px border, radius 8, tinted fill when selected */
.plan{border:1px solid var(--ln)!important;border-radius:8px!important;margin-top:16px!important;overflow:clip!important}
.plan.on{border-color:var(--nv)!important;background:#eef3ee!important}
.plan__hd{padding:6px!important;text-transform:uppercase!important;border-radius:0!important}
.plan__bd{padding:12px!important}
.plan__tag{z-index:20!important}
@media (min-width:992px){.plan{margin-top:20px!important}.plan__bd{padding:16px!important}}

/* CTA: 56px, bordered */
.cta{margin:12px 0 8px!important;min-height:56px!important;padding:0!important;line-height:56px!important;border:1px solid var(--nv)!important;font-weight:600!important;font-size:18px!important}
.autoapp{margin:0!important;padding:4px 0!important}

/* Trust icons + accordions */
.trust3{margin:0 0 24px!important;padding:12px 0!important}
.trust3 i{width:36px!important;height:36px!important}
.bbacc{margin-top:20px!important;border-top:0!important}
.bbacc__i{border-bottom:1px solid var(--nv)!important;margin-bottom:16px!important;padding-bottom:16px!important}
.bbacc__q{padding:0!important;min-height:0!important;font-size:17px!important;align-items:flex-start!important}
.bbacc__pm{width:24px!important;height:24px!important;margin-top:2px!important}
@media (min-width:992px){.bbacc__i{margin-bottom:24px!important;padding-bottom:24px!important}.bbacc__q{font-size:18px!important}}

/* Packed With: Grüns weights */
.packed{margin-top:48px!important}
.packed__h{font-size:20px!important;font-weight:500!important;letter-spacing:0!important;margin-bottom:8px!important}
.packed__l{gap:10px!important}
.packed__l li{font-size:16px!important;font-weight:400!important;padding:0!important;gap:10px!important}
.packed__ic{width:40px!important;height:40px!important;background:#eef3ee!important}

/* Reviews cards */
.lo{padding:40px 0!important}
.revs{gap:16px!important;padding-top:32px!important}
.rv{border:0!important;border-radius:16px!important;box-shadow:2px 4px 16px rgba(0,0,0,.1)!important;padding:24px 20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}
.rv s{font-size:16px!important;letter-spacing:2px!important}
.rv h4{margin:0!important;font-size:20px!important}
.rv p{font-size:16px!important;line-height:1.6!important;color:var(--nv)!important}
.rv span{margin-top:auto!important;font-size:16px!important;color:var(--nv)!important;font-weight:700!important}
/* ⚑ strips needed: remove "— Verified Customer" from the six .rv <span>s, or delete this rule */
.rv span::after{content:"  ✓ Verified Customer"!important;font-weight:400!important;color:var(--ok)!important;margin-left:8px!important}
@media (min-width:992px){.lo{padding:56px 0!important}.revs{gap:24px!important;padding-top:40px!important}.rv{padding:32px 24px!important}.rv h4{font-size:24px!important}.rv p{font-size:18px!important}}

/* ── Gallery (v6): one layout below 1280, Grüns left column at ≥1280 ──── */
.gal__main{max-width:none!important;margin:0!important}
.gal__rail{justify-content:flex-start!important}
@media (min-width:992px){.gal__rail{justify-content:flex-start!important}}
@media (min-width:1280px){
  .gal{flex-direction:row-reverse!important;gap:20px!important;align-items:flex-start!important}
  .gal__main{flex:1 1 0!important;min-width:0!important;order:0!important;aspect-ratio:1/1!important}
  .gal__main img{height:100%!important;aspect-ratio:auto!important}
  .gal__rail{flex:0 0 85px!important;flex-direction:column!important;order:0!important;margin:0!important;gap:8px!important;overflow-x:hidden!important;overflow-y:auto!important;max-height:560px!important}
  .gal__rail button{width:85px!important;height:85px!important;min-width:85px!important;flex:0 0 85px!important}
  .nlbtn{margin-left:105px!important;width:auto!important;display:block!important}
}

/* ── Hero (v7): capped + centred grid, square image, top-aligned copy ───── */
.hero__grid{max-width:1540px!important;margin:0 auto!important}
.hcar{aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
@media (min-width:992px){
  .hero__grid{align-items:stretch!important}
  .hero__l{flex:0 0 50%!important;justify-content:flex-start!important;padding:64px 48px 64px 72px!important}
  .hero__r{flex:0 0 50%!important;width:50%!important}
  .hcar{aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
}


/* ══════════════════════════════════════════════════════════════════════════
   BACKGROUND TEXTURE — MINERAL SPECKLE (restored in v4)
   ──────────────────────────────────────────────────────────────────────────
   58 crystals across two SVG tiles (560px + 730px) whose repeats don't
   coincide for thousands of pixels — no visible lattice. Navy + gold,
   10–40% opacity, 0.9–3.2px. Pure CSS, no image requests.

   MUST stay at the end of the file. Every section above sets `background`
   as a SHORTHAND with !important, which resets background-image. The
   `body .x` prefix (0,1,1) outranks the bare class (0,1,0) so this wins
   regardless — but only if nothing after it re-sets the shorthand.

   Navy bands (.ann .gua .ftr .m7sb) stay clean. The hero's gold bloom is on
   .hero__l, a child of .hero, so it layers over the dots, not instead of them.
   ══════════════════════════════════════════════════════════════════════════ */
body,
body .hdr,body .hero,body .rs,body .oh,body .bb,body .lo,
body .m7ing,body .m7cmp,body .m7faq{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='560'%3E%3Ccircle cx='225.6' cy='310.6' r='3.03' fill='rgb(30,42,74)' opacity='0.122'/%3E%3Ccircle cx='326.5' cy='528.9' r='0.94' fill='rgb(212,168,67)' opacity='0.385'/%3E%3Ccircle cx='327.7' cy='350.8' r='2.26' fill='rgb(212,168,67)' opacity='0.380'/%3E%3Ccircle cx='66.8' cy='466.5' r='1.94' fill='rgb(30,42,74)' opacity='0.147'/%3E%3Ccircle cx='103.4' cy='297.9' r='2.60' fill='rgb(30,42,74)' opacity='0.219'/%3E%3Ccircle cx='97.9' cy='432.1' r='0.91' fill='rgb(30,42,74)' opacity='0.230'/%3E%3Ccircle cx='146.7' cy='79.5' r='1.58' fill='rgb(30,42,74)' opacity='0.216'/%3E%3Ccircle cx='497.0' cy='67.6' r='1.49' fill='rgb(212,168,67)' opacity='0.393'/%3E%3Ccircle cx='244.7' cy='178.2' r='1.84' fill='rgb(30,42,74)' opacity='0.224'/%3E%3Ccircle cx='239.6' cy='497.3' r='1.04' fill='rgb(30,42,74)' opacity='0.183'/%3E%3Ccircle cx='441.8' cy='346.0' r='2.31' fill='rgb(30,42,74)' opacity='0.103'/%3E%3Ccircle cx='31.7' cy='261.1' r='1.15' fill='rgb(30,42,74)' opacity='0.128'/%3E%3Ccircle cx='319.5' cy='314.8' r='1.65' fill='rgb(212,168,67)' opacity='0.365'/%3E%3Ccircle cx='556.0' cy='521.4' r='2.77' fill='rgb(30,42,74)' opacity='0.233'/%3E%3Ccircle cx='409.9' cy='260.5' r='2.29' fill='rgb(30,42,74)' opacity='0.130'/%3E%3Ccircle cx='53.9' cy='505.2' r='2.08' fill='rgb(30,42,74)' opacity='0.194'/%3E%3Ccircle cx='145.3' cy='463.5' r='1.55' fill='rgb(30,42,74)' opacity='0.196'/%3E%3Ccircle cx='202.3' cy='542.3' r='3.14' fill='rgb(30,42,74)' opacity='0.225'/%3E%3Ccircle cx='182.4' cy='163.1' r='1.74' fill='rgb(30,42,74)' opacity='0.120'/%3E%3Ccircle cx='124.8' cy='376.7' r='1.43' fill='rgb(30,42,74)' opacity='0.195'/%3E%3Ccircle cx='141.4' cy='87.5' r='2.69' fill='rgb(30,42,74)' opacity='0.213'/%3E%3Ccircle cx='379.4' cy='34.5' r='2.47' fill='rgb(30,42,74)' opacity='0.175'/%3E%3Ccircle cx='160.4' cy='258.7' r='1.76' fill='rgb(30,42,74)' opacity='0.146'/%3E%3Ccircle cx='119.1' cy='446.0' r='2.25' fill='rgb(30,42,74)' opacity='0.208'/%3E%3Ccircle cx='104.4' cy='352.4' r='1.66' fill='rgb(212,168,67)' opacity='0.367'/%3E%3Ccircle cx='309.3' cy='463.2' r='2.71' fill='rgb(212,168,67)' opacity='0.378'/%3E%3Ccircle cx='349.7' cy='372.4' r='2.69' fill='rgb(30,42,74)' opacity='0.137'/%3E%3Ccircle cx='119.5' cy='352.2' r='2.73' fill='rgb(30,42,74)' opacity='0.101'/%3E%3Ccircle cx='223.0' cy='521.2' r='2.73' fill='rgb(212,168,67)' opacity='0.371'/%3E%3Ccircle cx='489.8' cy='0.2' r='1.32' fill='rgb(30,42,74)' opacity='0.124'/%3E%3Ccircle cx='255.6' cy='264.0' r='2.53' fill='rgb(212,168,67)' opacity='0.397'/%3E%3Ccircle cx='312.6' cy='238.2' r='1.50' fill='rgb(30,42,74)' opacity='0.139'/%3E%3Ccircle cx='412.9' cy='509.3' r='2.45' fill='rgb(30,42,74)' opacity='0.121'/%3E%3Ccircle cx='349.5' cy='558.1' r='1.14' fill='rgb(30,42,74)' opacity='0.108'/%3E%3Ccircle cx='458.1' cy='503.3' r='2.30' fill='rgb(30,42,74)' opacity='0.113'/%3E%3Ccircle cx='322.9' cy='505.4' r='2.92' fill='rgb(30,42,74)' opacity='0.202'/%3E%3Ccircle cx='211.9' cy='79.7' r='1.85' fill='rgb(212,168,67)' opacity='0.400'/%3E%3Ccircle cx='382.9' cy='266.0' r='1.95' fill='rgb(30,42,74)' opacity='0.248'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='730' height='730'%3E%3Ccircle cx='272.4' cy='342.2' r='2.41' fill='rgb(212,168,67)' opacity='0.216'/%3E%3Ccircle cx='79.0' cy='318.6' r='2.72' fill='rgb(30,42,74)' opacity='0.235'/%3E%3Ccircle cx='352.7' cy='10.9' r='3.19' fill='rgb(30,42,74)' opacity='0.283'/%3E%3Ccircle cx='512.2' cy='637.4' r='2.06' fill='rgb(30,42,74)' opacity='0.222'/%3E%3Ccircle cx='601.5' cy='519.2' r='2.49' fill='rgb(212,168,67)' opacity='0.295'/%3E%3Ccircle cx='482.6' cy='451.5' r='1.14' fill='rgb(30,42,74)' opacity='0.220'/%3E%3Ccircle cx='379.1' cy='703.3' r='2.88' fill='rgb(30,42,74)' opacity='0.261'/%3E%3Ccircle cx='544.7' cy='151.2' r='2.20' fill='rgb(30,42,74)' opacity='0.299'/%3E%3Ccircle cx='204.7' cy='204.0' r='1.01' fill='rgb(30,42,74)' opacity='0.247'/%3E%3Ccircle cx='482.5' cy='299.4' r='2.09' fill='rgb(212,168,67)' opacity='0.308'/%3E%3Ccircle cx='143.4' cy='404.1' r='3.00' fill='rgb(30,42,74)' opacity='0.246'/%3E%3Ccircle cx='182.2' cy='583.7' r='2.29' fill='rgb(30,42,74)' opacity='0.250'/%3E%3Ccircle cx='612.0' cy='299.9' r='2.54' fill='rgb(212,168,67)' opacity='0.264'/%3E%3Ccircle cx='5.6' cy='273.9' r='2.34' fill='rgb(30,42,74)' opacity='0.276'/%3E%3Ccircle cx='492.8' cy='450.2' r='2.31' fill='rgb(212,168,67)' opacity='0.218'/%3E%3Ccircle cx='659.4' cy='185.4' r='2.04' fill='rgb(212,168,67)' opacity='0.287'/%3E%3Ccircle cx='585.2' cy='399.1' r='2.78' fill='rgb(212,168,67)' opacity='0.240'/%3E%3Ccircle cx='373.9' cy='308.1' r='0.94' fill='rgb(212,168,67)' opacity='0.252'/%3E%3Ccircle cx='715.6' cy='525.6' r='2.00' fill='rgb(212,168,67)' opacity='0.309'/%3E%3Ccircle cx='339.9' cy='401.1' r='2.01' fill='rgb(212,168,67)' opacity='0.232'/%3E%3C/svg%3E")!important;
  background-size:560px 560px,730px 730px!important;
  background-attachment:scroll!important;
}

/* ══════════════════════════════════════════════════════════════════════════
   v8 · GRÜNS 1:1 PASS  (2026-09-30)
   Appended block. Later rules at equal specificity win, so this block
   overrides v7 above without touching it. Spec: Mag7 Gruns 1to1 Spec.
   Breakpoints: <600 · 600–991 · 992–1279 · 1280+
   Content cap: 1200 everywhere (hero grid, buy box, reviews, ingredients,
   comparison). Reasons 1140, sticky 1140, FAQ 860 sit under it.
   No calc() anywhere (WP minifier strips it).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── HERO ──
   Desktop bloom uses closest-side so it fades to 0 before the column's top
   and left edges. The v7 bloom ran past them and showed a hard edge once
   the 1440 grid sat inside a wider screen. */
.hero__grid{max-width:1200px!important}
.hero__l{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:24px!important;text-align:left!important;padding:24px 20px 36px!important}
.hero__pill,.hero__h1,.hero__b,.hero__btnwrap,.hero__risk{margin:0!important}
.hero__pill{display:inline-flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;border:1px solid rgba(0,0,0,.15)!important;padding:4px 12px 4px 8px!important;font-size:14px!important;gap:6px!important}
.hero__av{height:20px!important}
.hero__h1{font-size:32px!important;line-height:1.1!important;letter-spacing:-.05em!important;text-align:left!important}
.hero__b{font-size:18px!important;line-height:1.45!important;max-width:none!important;text-align:left!important}
/* v9: hero body is now one .hero__b block holding every paragraph (it used to
   close after the first line, so the rest were spaced by .hero__l's 24/32px
   flex gap). Paragraph rhythm matches .r__b exactly: 12 mobile, 16 desktop. */
.hero__b p+p{margin-top:12px!important}
.hero__btnwrap{display:block!important;align-self:stretch!important;padding-top:8px!important}
.hero__badge{top:8px!important;transform:translate(-50%,-50%)!important;font-size:14px!important;font-weight:900!important;padding:4px 12px!important;z-index:2!important}
.hero__btn{display:flex!important;align-items:center!important;justify-content:center!important;height:56px!important;padding:0 32px!important;font-size:18px!important;font-weight:800!important}
.hero__risk{margin-top:-12px!important;justify-content:center!important;align-self:stretch!important}
.hero__risk i{width:18px!important;height:18px!important;border-radius:999px!important;background:var(--ok)!important;color:#fff!important;font-style:normal!important;font-size:11px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 18px!important}
.hcar__nav{left:12px!important;right:12px!important}
.hcar__nav button{width:28px!important;height:28px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 1px 4px rgba(0,0,0,.18)!important}
.hcar__dots{bottom:12px!important;gap:6px!important;padding:8px 10px!important;background:rgba(0,0,0,.3)!important}
.hcar__dots i{background:rgba(255,255,255,.45)!important}
.hcar__dots i.on{background:#fff!important}
@media (max-width:599px){
.hero__pill{font-size:12px!important}
.hero__av{height:16px!important}
}
@media (min-width:992px){
.hero__l{padding:40px 40px 40px 56px!important;background:radial-gradient(closest-side at 32% 34%,rgba(212,168,67,.22) 0%,rgba(212,168,67,.08) 55%,rgba(212,168,67,0) 100%)!important}
.hero__pill{width:auto!important;font-size:13px!important}
.hero__av{height:18px!important}
.hero__h1{font-size:40px!important}
.hero__b p+p{margin-top:16px!important}
.hero__btnwrap{display:inline-block!important;align-self:flex-start!important}
.hero__risk{justify-content:flex-start!important;align-self:flex-start!important}
}
@media (min-width:1280px){
.hero__l{padding:48px 40px 48px 56px!important;gap:32px!important}
.hero__pill{font-size:16px!important;box-shadow:2px 4px 20px rgba(0,0,0,.1)!important}
.hero__av{height:20px!important}
.hero__h1{font-size:48px!important}
.hero__b{font-size:17px!important}
.hero__risk{margin-top:-20px!important}
}

/* ── SIX REASONS ── */
.rs .wrap{max-width:1180px!important}
.r--1{--ar:800/475}.r--2{--ar:800/567}.r--3{--ar:800/653}.r--4{--ar:800/567}.r--5{--ar:800/414}.r--6{--ar:800/541}
.r__n,.r__h,.r__b{text-align:left!important}
.r__h{font-size:28px!important;line-height:1.1!important;letter-spacing:-.05em!important}
.r__b{font-size:18px!important;line-height:1.45!important}
.r__b p+p{margin-top:12px!important}
.r__i img{width:100%!important;height:auto!important;aspect-ratio:var(--ar)!important;object-fit:cover!important;border-radius:16px!important}
@media (min-width:992px){
.r{align-items:center!important}
.r__t{flex:1 1 0!important}
.r__i{flex:0 0 50%!important;align-self:center!important;overflow:visible!important}
.r__i img{height:auto!important;aspect-ratio:var(--ar)!important;border-radius:16px!important}
.r__h{font-size:40px!important}
.r__b{font-size:20px!important}
.r__b p+p{margin-top:16px!important}
}

/* ── OFFER HEADING ── */
.oh h2{font-size:28px!important;line-height:1.1!important;letter-spacing:-.03em!important}
@media (min-width:992px){.oh h2{font-size:56px!important}}

/* ── BUY BOX ── */
.bb .wrap{max-width:none!important;padding:0 5%!important}
.bb .wrap.bb__grid{margin:0 auto!important}
@media (min-width:1334px){.bb .wrap.bb__grid{max-width:1240px!important;padding:0 20px!important}}
/* .wrap and .bb__grid are the same element: cap = 1200 content + 2×20. 1334 is where 5% sides would pass 1200. */
.ob{font-size:13px!important}
.rate{justify-content:flex-start!important;font-size:14px!important;font-weight:500!important;gap:12px!important;margin-bottom:8px!important}
.rate s{font-size:16px!important}
.bb__h1{font-size:28px!important;line-height:1.1!important;letter-spacing:-.03em!important;margin-bottom:8px!important;text-align:left!important}
.bb__sub{font-size:16px!important;line-height:1.4!important;margin:0 0 8px!important;text-align:left!important}
.bb__bens li{font-size:18px!important;line-height:1.4!important;padding:2px 0!important}
.sel__hd,.sel__note{text-align:left!important}
.sel__hd,.bbauto,.qtyhd b{font-size:18px!important}
.sel__note{font-size:16px!important}
.qtyhd{justify-content:flex-start!important;gap:16px!important;margin-bottom:16px!important}
.pack__lb{font-size:16px!important}
/* Pack cards: selection/hover fills the whole card edge to edge (Grüns). No inner white gap. */
.pack{padding:0!important;border:1px solid #c9ced6!important;box-shadow:none!important;background:#fff!important}
.pack__im,.pack__lb{background:#fff!important;margin:0!important;width:100%!important}
.pack.on{border-color:var(--nv)!important;box-shadow:none!important}
.pack.on .pack__im{background:#eef3ee!important}
.pack.on .pack__lb{background:#d5e4d5!important;font-weight:800!important}
@media (hover:hover){
.pack:hover{border-color:var(--nv)!important}
.pack:hover .pack__im{background:#eef3ee!important}
.pack:hover .pack__lb{background:#d5e4d5!important}
}
.pills{gap:16px!important}
.pill{font-size:18px!important;line-height:1!important;max-width:none!important}
.qty button{font-size:20px!important}
.plan.on{background:#e8eef7!important}
.plan__hd{color:var(--gd)!important;font-size:12px!important;line-height:1.2!important}
.plan__row{align-items:flex-start!important;flex-wrap:nowrap!important;gap:6px!important}
.rad{width:18px!important;height:18px!important;flex:0 0 18px!important;border-width:1.5px!important;margin-top:3px!important;background:#fff!important}
.plan.on .rad::after{inset:3px!important}
.plan__nm{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-width:0!important}
.plan__t{font-size:18px!important;font-weight:800!important;line-height:1.2!important}
.plan__sub{padding-left:0!important;margin-top:0!important;font-size:14px!important;line-height:1.3!important;color:var(--nv)!important}
.plan__pricecol{flex:0 0 auto!important}
.plan__prrow{display:flex!important;align-items:center!important;gap:4px!important}
.pr{font-size:18px!important;font-weight:800!important;letter-spacing:0!important;line-height:1!important}
.was{font-size:14px!important;font-weight:700!important}
.plan__day{font-size:12px!important;font-weight:400!important;color:var(--nv)!important}
.plan__l{margin:0 0 0 24px!important;padding:8px 0 0!important}
.plan__l li{font-size:14px!important}
.plan__giftnote{font-size:14px!important}
.gifts{border:0!important;background:#fff!important;box-shadow:0 4px 16px rgba(20,30,60,.14)!important}
.gifts__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;padding:12px 12px 16px!important}
.gift{background:none!important;border:0!important;border-radius:0!important;padding:8px 0 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}
.gift__im{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;margin:0!important;border:1px solid var(--nv)!important;border-radius:6px!important;background:#FBF7EE!important}
.gift__im img{width:70%!important;height:70%!important;max-height:none!important;object-fit:contain!important}
.gift__v{position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;background:var(--nv)!important;color:#fff!important;font-size:10px!important;line-height:1!important;padding:3px 7px!important;border-radius:999px!important;white-space:nowrap!important}
.gift__v s{text-decoration:line-through!important}
.gift__n{font-size:13px!important;line-height:1.2!important}
.gubar{margin:8px 0 0!important;background:#e8eef7!important;border-radius:8px!important;padding:8px 12px!important;text-align:center!important;font-size:14px!important;line-height:1.4!important}
.gubar b{font-weight:800!important}
.trust3{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.trust3>div{font-size:14px!important;line-height:1.3!important}
.bbacc__q{font-size:20px!important;font-weight:800!important}
@media (min-width:992px){
.ob{font-size:18px!important}
.rate{font-size:18px!important;margin-bottom:12px!important}
.bb__h1{font-size:44px!important}
.bb__sub{font-size:20px!important;margin-bottom:12px!important}
.sel__hd,.bbauto,.qtyhd b{font-size:20px!important}
.pill{max-width:164px!important}
.plan__hd{font-size:14px!important}
.plan__t,.pr{font-size:20px!important}
.plan__l{margin-left:24px!important}
.trust3>div{font-size:14px!important}
.bbacc__q{font-size:20px!important}
}

/* ── REVIEWS ── */
.lo__hd{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;text-align:center!important}
.lo__rate{display:flex!important;align-items:center!important;gap:12px!important;font-size:16px!important;font-weight:500!important}
.lo__rate s{color:var(--gd)!important;text-decoration:none!important;font-size:18px!important;letter-spacing:1px!important}
.lo h2{font-size:32px!important;line-height:1.1!important;letter-spacing:-.03em!important}
.rv h4::before{content:"\201C"!important}
.rv h4::after{content:"\201D"!important}
.lo__jdgm{margin-top:64px!important;padding-top:40px!important;border-top:1px solid #eadfca!important}
/* Judge.me: give its title room above the summary/histogram row */
.lo__jdgm .jdgm-rev-widg__title{display:block!important;margin:0 0 32px!important;text-align:center!important;line-height:1.1!important}
.lo__jdgm .jdgm-rev-widg__header{padding-top:0!important}
/* Judge.me renders in the page DOM (not an iframe), so our global
   a/button{color:inherit} reset turned its button text navy. Put white back. */
.lo__jdgm a.jdgm-write-rev-link,.lo__jdgm .jdgm-btn,.lo__jdgm .jdgm-btn--solid,
.lo__jdgm a.jdgm-write-rev-link:hover,.lo__jdgm .jdgm-btn:hover,.lo__jdgm .jdgm-btn--solid:hover{color:#fff!important;-webkit-text-fill-color:#fff!important}
.lo__jdgm a.jdgm-write-rev-link,.lo__jdgm .jdgm-btn--solid{background:var(--nv)!important;border:1px solid var(--nv)!important;border-radius:999px!important;font-weight:700!important}
.lo__jdgm a.jdgm-write-rev-link:hover,.lo__jdgm .jdgm-btn--solid:hover{background:#2b3a63!important;border-color:#2b3a63!important}
/* Judge.me type scale: its defaults run 12–14px. Bring it up to our body sizes. */
.lo__jdgm .jdgm-rev-widg{font-size:16px!important;line-height:1.5!important}
.lo__jdgm .jdgm-rev-widg__summary-text,.lo__jdgm .jdgm-rev-widg__summary-average{font-size:16px!important}
.lo__jdgm .jdgm-histogram__frequency{font-size:14px!important}
.lo__jdgm a.jdgm-write-rev-link,.lo__jdgm .jdgm-btn{font-size:16px!important;padding:12px 24px!important;line-height:1.2!important}
.lo__jdgm .jdgm-rev__author{font-size:16px!important}
.lo__jdgm .jdgm-rev__timestamp,.lo__jdgm .jdgm-rev__buyer-badge,.lo__jdgm .jdgm-rev__location{font-size:13px!important}
.lo__jdgm .jdgm-rev__title{font-size:18px!important;font-weight:800!important;line-height:1.3!important}
.lo__jdgm .jdgm-rev__body,.lo__jdgm .jdgm-rev__body p{font-size:16px!important;line-height:1.6!important}
.lo__jdgm .jdgm-sort-dropdown,.lo__jdgm .jdgm-rev-widg__sort-wrapper,.lo__jdgm input{font-size:16px!important}
.lo__jdgm .jdgm-star{font-size:18px!important}
@media (min-width:992px){
.lo__jdgm .jdgm-rev-widg,.lo__jdgm .jdgm-rev-widg__summary-text,.lo__jdgm .jdgm-rev__author,.lo__jdgm .jdgm-rev__body,.lo__jdgm .jdgm-rev__body p{font-size:18px!important}
.lo__jdgm .jdgm-rev__title{font-size:20px!important}
.lo__jdgm .jdgm-histogram__frequency,.lo__jdgm .jdgm-rev__timestamp{font-size:15px!important}
.lo__jdgm a.jdgm-write-rev-link,.lo__jdgm .jdgm-btn{font-size:18px!important;padding:14px 28px!important}
}
/* Cream band behind testimonials + Judge.me (was cream pre-v3). Speckle stays. */
body .lo{background-color:#FBF7EE!important}
.rvnav{display:none!important}
@media (max-width:991px){
.rvc{display:flex!important;gap:16px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:8px 6% 16px!important;margin:0 -20px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
.rvc::-webkit-scrollbar{display:none!important}
.rvc .rv{flex:0 0 88%!important;max-width:400px!important;scroll-snap-align:center!important}
.rvnav{display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;margin-top:8px!important}
.rvnav button{font-size:32px!important;line-height:1!important;color:var(--nv)!important;padding:6px 10px!important;min-width:44px!important;min-height:44px!important}
.rvdots{display:flex!important;gap:6px!important}
.rvdots i{width:8px!important;height:8px!important;border-radius:50%!important;background:#c9ced6!important;display:block!important}
.rvdots i.on{background:var(--nv)!important}
}
@media (min-width:992px){
.lo .wrap{max-width:none!important;padding:0 5.5%!important}
.lo__hd,.revs,.lo__jdgm{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
.lo__rate{font-size:18px!important}
.lo h2{font-size:44px!important}
.lo__jdgm{margin-top:80px!important;padding-top:48px!important}
.lo__jdgm .jdgm-rev-widg__title{margin-bottom:40px!important}
}

/* ── STICKY BAR ── */
.m7sb{border-top:1px solid rgba(255,255,255,.15)!important;box-shadow:0 -4px 20px rgba(0,0,0,.18)!important}
.m7sb__in{display:flex!important;align-items:center!important;width:100%!important}
.m7sb__w{padding-top:10px!important}
.m7sb__bg{top:10px!important;transform:translate(-50%,-50%)!important;font-size:12px!important;font-weight:800!important;line-height:1!important;padding:3px 12px!important;z-index:2!important}
a.m7sb__b,a.m7sb__b:link,a.m7sb__b:visited,a.m7sb__b:hover,a.m7sb__b:focus,a.m7sb__b:active{display:flex!important;align-items:center!important;justify-content:center!important;height:56px!important;padding:0 18px!important;font-size:18px!important;font-weight:800!important;line-height:1.1!important}
@media (max-width:991px){
.m7sb{padding:16px 20px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
.m7sb__in{flex-direction:column-reverse!important;gap:12px!important}
.m7sb__p{font-size:14px!important;white-space:nowrap!important}
.m7sb__s{font-size:12px!important;letter-spacing:1px!important}
}
@media (min-width:992px){
.m7sb{padding:0 20px!important;height:104px!important;align-items:center!important}
.m7sb__in{max-width:1140px!important;margin:0 auto!important;justify-content:space-between!important;gap:12px!important}
.m7sb__p{font-size:20px!important}
.m7sb__s{font-size:16px!important}
.m7sb__w{width:280px!important;flex:0 0 280px!important}
body:has(.m7sb.is-on){padding-bottom:104px!important}
}

/* ── INGREDIENTS · COMPARISON · FAQ · GUARANTEE · FOOTER (spacing only) ── */
.m7ing,.m7cmp,.m7faq{padding:40px 0!important}
.m7ing-wrap,.m7cmp-wrap{max-width:none!important;padding:0 5%!important}
.m7faq-wrap{padding:0 5%!important}
.m7ing p.m7ing-lede{margin:12px auto 32px!important}
.m7ing-grid{gap:16px!important}
.m7ing-card{padding:20px!important}
.m7ing-card h3{margin-bottom:8px!important}
.m7cmp p.m7cmp-lede{margin:12px auto 32px!important}
.m7cmp-key{margin-top:24px!important}
.m7cmp-note{margin-top:16px!important}
.m7faq-top{margin-bottom:32px!important}
.m7faq-h2{margin:16px 0 12px!important}
.m7faq-card{padding:6px 16px!important}
.m7faq-q{padding:20px 0!important;min-height:44px!important}
.m7faq-a>div{padding:0 0 20px!important}
.gua{padding:40px 5%!important}
.gua p{margin:16px auto 0!important}
.gua a{margin-top:24px!important;min-height:56px!important;line-height:56px!important;padding-top:0!important;padding-bottom:0!important}
.ftr{padding:32px 5%!important}
@media (min-width:600px){.m7faq-card{padding:6px 20px!important}}
@media (min-width:992px){
.m7ing,.m7cmp,.m7faq{padding:56px 0!important}
.m7ing p.m7ing-lede,.m7cmp p.m7cmp-lede{margin-bottom:40px!important}
.m7ing-grid{gap:24px!important}
.m7ing-card{padding:24px!important}
.m7faq-wrap{padding:0 20px!important}
.m7faq-top{margin-bottom:40px!important}
.m7faq-card{padding:6px 28px!important}
.m7faq-q{padding:24px 0!important}
.m7faq-a>div{padding:0 0 24px!important}
.gua{padding:56px 5%!important}
.gua a{margin-top:32px!important}
.ftr{padding:40px 5%!important}
}
@media (min-width:1334px){
.m7ing-wrap,.m7cmp-wrap{max-width:1240px!important;padding:0 20px!important}
}

/* ── GALLERY at 1280+: thumbnails on the LEFT (Grüns). DOM order is rail → main,
   so plain row, not v7's row-reverse. Nutrition button sits under the main
   image only: 85 rail + 20 gap = 105 offset, 24 below. ── */
@media (min-width:1280px){
.gal{flex-direction:row!important}
.nlbtn{margin:24px 0 0 105px!important;width:auto!important}
}

/* ── GUARANTEE → FOOTER gap ──
   Both bands are navy, so their paddings stacked (56 + 40 on desktop) into one
   big empty strip under the CTA. Trim them so CTA → disclaimer is ~40.
   Any remaining gap is Elementor's widget/container spacing — see README. */
.gua{padding-bottom:32px!important}
.ftr{padding-top:8px!important}
@media (min-width:992px){
.gua{padding-bottom:32px!important}
.ftr{padding-top:8px!important}
}

/* ── PLAN CARDS: VALUE OFFER pill sits on top ──
   v7 set .plan{overflow:clip}, which cut off the pill (top:-10). Unclip it,
   round the navy header's top corners instead, and leave room above. */
.plan{overflow:visible!important;position:relative!important}
.plan__hd{border-radius:7px 7px 0 0!important}
.plan+.plan{margin-top:24px!important;z-index:3!important}
.plan__tag{z-index:30!important;top:0!important;transform:translate(-50%,-50%)!important;line-height:1!important;padding:4px 12px!important;white-space:nowrap!important}

/* ── NUTRITION LABEL TABLE ──
   The WP theme adds cell borders, zebra fills and zero side padding, so the
   numbers ran into the vertical lines. Real Supplement Facts use horizontal
   rules only: strip the theme's borders/fills and pad the number columns. */
.m7nl__t,.m7nl__t tr,.m7nl__t th,.m7nl__t td{border-left:0!important;border-right:0!important;background:transparent!important}
.m7nl__t{border:0!important}
.m7nl__t th,.m7nl__t td{border-top:0!important}
.m7nl__t td.m7nl__amt,.m7nl__t td.m7nl__dv,.m7nl__t thead th{padding-left:12px!important;padding-right:0!important}
.m7nl__t td:first-child,.m7nl__t th:first-child{padding-left:0!important;padding-right:8px!important}
.m7nl__t td.m7nl__dv,.m7nl__t thead th:last-child{min-width:52px!important}

/* ── SIX REASONS: uniform images on desktop ──
   992+: every reason image is the same box (3:2, ~570 × 380 at 1200).
   object-fit:cover crops instead of stretching. Mobile keeps per-image ratios. */
@media (min-width:992px){
.r--1,.r--2,.r--3,.r--4,.r--5,.r--6{--ar:3/2}
.r__i img{width:100%!important;height:auto!important;aspect-ratio:3/2!important;object-fit:cover!important;object-position:center!important}
}

/* ── HERO CAROUSEL BORDER ──
   Drawn on an overlay, not on .hcar itself. The slides are absolutely
   positioned and would paint over an inset border. z-index 2 keeps it
   above the slides (z auto) and below the arrows and dots (z 3). */
.hcar::after{content:""!important;position:absolute!important;inset:0!important;border:1px solid var(--nv)!important;pointer-events:none!important;z-index:2!important}

/* form-name label: sits between headline (order 2) and image (order 3) on mobile */
.rs .r__f{order:2!important;width:100%!important;margin:8px 0 0!important;font-size:14px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--gd)!important;line-height:1.3!important;text-align:left!important}
@media (min-width:992px){
  .rs .r__f{order:0!important;margin:-8px 0 0!important;font-size:15px!important}
}
/* mobile image ratios follow the images (remapped), plus r--7 */
.rs .r--1{--ar:800/541}   /* Before-taking-the-magnesium-capsules */
.rs .r--2{--ar:800/567}   /* Candid-car-snapshot */
.rs .r--3{--ar:800/475}   /* Fresh-blush-manicure */
.rs .r--4{--ar:800/567}   /* Sep-14 04_02_50 — placeholder */
.rs .r--5{--ar:3/2}       /* C5.png — placeholder */
.rs .r--6{--ar:800/414}   /* farmers-market groceries */
.rs .r--7{--ar:800/653}   /* Curious-gaze-at-a-bottle */
@media (min-width:992px){
  .hero .hero__r{align-self:center!important}
}

@media (min-width:600px) and (max-width:991px){
  .hero .hero__pill{width:auto!important;align-self:center!important;justify-content:center!important}
}
@media (max-width:599px){
  .hero .hero__pill{font-size:10.5px!important;gap:4px!important;padding:4px 8px!important;justify-content:center!important}
  .hero .hero__av{height:14px!important}
  .hero .hero__stars{font-size:9px!important}
}
@media (max-width:599px){
  .hero .hero__pill{font-size:10.5px!important;gap:4px!important;padding:4px 8px!important;justify-content:center!important}
  .hero .hero__av{height:14px!important}
  .hero .hero__stars{font-size:9px!important}
}
.bb .bb__bens li{display:block!important;position:relative!important;padding-left:24px!important}
.bb .bb__bens li::before{position:absolute!important;left:0!important;top:4px!important}
@media (max-width:599px){
  .lo .lo__rate{flex-wrap:nowrap!important;white-space:nowrap!important;gap:8px!important;font-size:14px!important}
  .lo .lo__rate s{font-size:15px!important;letter-spacing:.5px!important;flex:0 0 auto!important}
}
@media (max-width:374px){
  .lo .lo__rate{font-size:12.5px!important;gap:6px!important}
  .lo .lo__rate s{font-size:13px!important}
}
@media (max-width:991px){
  .hero .hero__l{align-items:center!important}
  .hero .hero__h1,
  .hero .hero__b{text-align:center!important;width:100%!important}
}
/* ══════════════════════════════════════════════════════════════════════════
   v10 PATCH · 2026-10-06
   Paste at the VERY END of grunsmag-v9.css (after the hero carousel border
   rule) and save as grunsmag-v10.css. Nothing above needs editing.

   Every rule here is prefixed with its section (.hero / .rs / .bb / .lo /
   #m7sb), so it outranks the bare-class v7/v8 rules regardless of load order.
   Breakpoints match the sheet: <600 · 600–991 · 992+
   ══════════════════════════════════════════════════════════════════════════ */


/* ── HERO ──────────────────────────────────────────────────────────────── */

/* Desktop: carousel centred vertically against the copy, not pinned to top */
@media (min-width:992px){
  .hero .hero__r{align-self:center!important}
}

/* Mobile + tablet: heading and body copy centred */
@media (max-width:991px){
  .hero .hero__l{align-items:center!important}
  .hero .hero__h1,
  .hero .hero__b{text-align:center!important;width:100%!important}
}

/* Tablet: stats pill contents centred, stays on one line */
@media (min-width:600px) and (max-width:991px){
  .hero .hero__pill{justify-content:center!important}
}

/* Phone: stats pill wraps to two lines instead of running off-screen */
@media (max-width:599px){
  .hero .hero__pill{flex-wrap:wrap!important;white-space:normal!important;justify-content:center!important;text-align:center!important;border-radius:16px!important;padding:6px 12px!important;row-gap:2px!important}
}


/* ── SEVEN REASONS ─────────────────────────────────────────────────────── */

/* Form-name label (.r__f). Mobile: .r__t is display:contents and children
   are placed by order (n 1 · h 2 · img 3 · body 4), so the label takes
   order 2 and follows the headline by DOM order. Desktop: v5 resets
   n/h/b to order 0, so the label does too. */
.rs .r__f{order:2!important;width:100%!important;margin:8px 0 0!important;font-size:14px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--gd)!important;line-height:1.3!important;text-align:left!important}
@media (min-width:992px){
  .rs .r__f{order:0!important;margin:-8px 0 0!important;font-size:15px!important}
}

/* Mobile image ratios, re-pointed to follow each image after the remap.
   Desktop is unaffected (v8 forces every reason image to 3:2 at 992+). */
.rs .r--1{--ar:800/541}   /* Before-taking-the-magnesium-capsules */
.rs .r--2{--ar:800/567}   /* Candid-car-snapshot */
.rs .r--3{--ar:800/475}   /* Fresh-blush-manicure */
.rs .r--4{--ar:800/567}   /* Sep-14 04_02_50 · PLACEHOLDER */
.rs .r--5{--ar:3/2}       /* C5.png · PLACEHOLDER */
.rs .r--6{--ar:800/414}   /* farmers-market groceries */
.rs .r--7{--ar:800/653}   /* Curious-gaze-at-a-bottle */


/* ── BUY BOX ───────────────────────────────────────────────────────────── */

/* Benefit bullets: each li was a flex row, so the <sup>† became its own
   flex item and floated off the line. Block + absolute check fixes it. */
.bb .bb__bens li{display:block!important;position:relative!important;padding-left:24px!important}
.bb .bb__bens li::before{position:absolute!important;left:0!important;top:4px!important}


/* ── REVIEWS ───────────────────────────────────────────────────────────── */

/* Rating line stays on one line on phones */
@media (max-width:599px){
  .lo .lo__rate{flex-wrap:nowrap!important;white-space:nowrap!important;gap:8px!important;font-size:14px!important}
  .lo .lo__rate s{font-size:15px!important;letter-spacing:.5px!important;flex:0 0 auto!important}
}
@media (max-width:374px){
  .lo .lo__rate{font-size:12.5px!important;gap:6px!important}
  .lo .lo__rate s{font-size:13px!important}
}


/* ── STICKY BAR (#m7sb) ────────────────────────────────────────────────── */

/* Phone: ~130px → ~70px. Proof line dropped (it's already in the hero pill
   and the buy box), button 56 → 46px, shadow removed. ID .elementor-2788 .elementor-element.elementor-element-d628a57s beat the
   v8 rules and the a.m7sb__b:hover/:visited state rules. */
@media (max-width:599px){
  #m7sb.m7sb{padding:8px 16px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important;box-shadow:none!important}
  #m7sb .m7sb__in{gap:0!important}
  #m7sb .m7sb__p{display:none!important}
  #m7sb .m7sb__w{padding-top:8px!important}
  #m7sb .m7sb__bg{top:8px!important;font-size:10px!important;padding:2px 10px!important}
  #m7sb a.m7sb__b{height:46px!important;font-size:16px!important;padding:0 16px!important}
  html body:has(#m7sb.is-on){padding-bottom:76px!important}
}

/* ══ v11 PATCH · carousel swipe + buy-box arrows/progress ══════════════ */

/* both carousels: horizontal swipe is ours, vertical scroll stays native */
.hero .hcar,.bb .gal__main{touch-action:pan-y!important;overscroll-behavior-x:contain!important;-webkit-user-select:none!important;user-select:none!important;cursor:grab!important}
.hero .hcar:active,.bb .gal__main:active{cursor:grabbing!important}
.hero .hcar img,.bb .gal__main img{-webkit-user-drag:none!important}

/* buy-box arrows, all widths (matches hero) */
.bb .gal__main{position:relative!important}
.bb .gal__nav{position:absolute!important;top:50%!important;left:12px!important;right:12px!important;transform:translateY(-50%)!important;display:flex!important;justify-content:space-between!important;pointer-events:none!important;z-index:3!important}
.bb .gal__nav button{pointer-events:auto!important;width:28px!important;height:28px!important;padding:0!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important;color:var(--nv)!important;font-size:18px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 1px 4px rgba(0,0,0,.18)!important;transition:background .18s,color .18s!important}
.bb .gal__nav button:hover{background:var(--nv)!important;color:#fff!important}

/* buy-box progress bar, mobile + tablet only (matches hero) */
.bb .gal__dots{display:none!important}
@media (max-width:991px){
  .bb .gal__dots{position:absolute!important;left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;display:flex!important;gap:6px!important;padding:8px 10px!important;border-radius:999px!important;background:rgba(0,0,0,.3)!important;z-index:3!important}
  .bb .gal__dots i{width:22px!important;height:4px!important;border-radius:2px!important;background:rgba(255,255,255,.45)!important;display:block!important;cursor:pointer!important}
  .bb .gal__dots i.on{background:#fff!important}
}
@media (min-width:992px){
  .bb .gal__dots{position:absolute!important;left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;display:flex!important;gap:6px!important;padding:8px 10px!important;border-radius:999px!important;background:rgba(0,0,0,.3)!important;z-index:3!important}
  .bb .gal__dots i{width:22px!important;height:4px!important;border-radius:2px!important;background:rgba(255,255,255,.45)!important;display:block!important;cursor:pointer!important}
  .bb .gal__dots i.on{background:#fff!important}
}/* End custom CSS */