/* =====================================================================
   MAGIC BOX — FINAL "PLANNER" LAYER (approved visual direction)
   Cream / warm ivory ground · deep navy · light blue · natural green · olive
   Restrained warm accent (glow/spark only) · Fraunces editorial serif + Inter
   Flowing line work INSIDE the design, never as exaggerated section borders.

   Loads LAST. Retunes tokens and a small set of components; no structure
   changes. Remove this one <link> to return to the previous appearance.
   ===================================================================== */

:root{
  --mb2-ivory:#FFFDF8;  --mb2-cream:#FAF6EE;  --mb2-sand:#F1EADD;  --mb2-shell:#ECE3D3;
  --mb2-ink:#14263A;    --mb2-navy:#16365A;   --mb2-deep:#0F2A45;
  --mb2-olive:#5F7040;  --mb2-olive-lt:#8FA06E; --mb2-olive-bg:#EEF2E6;
  --mb2-green:#2F7A52;  --mb2-green-bg:#E7F2EA;
  --mb2-sky:#E6F2FA;    --mb2-sky-2:#CFE5F3;   --mb2-sky-ink:#3F7FAE;
  --mb2-copper:#16365A; /* primary action is navy now; warm accent kept for glow only */
  --mb2-rust:#0F2A45;   --mb2-glow:#E7A869;
  --mb2-line:#E2DCCF;   --mb2-mute:#5E6672;
  --mb2-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --mb2-shadow:0 1px 2px rgba(20,38,58,.04),0 12px 36px rgba(20,38,58,.07);
  --mb2-shadow-lg:0 2px 4px rgba(20,38,58,.05),0 26px 64px rgba(20,38,58,.12);
  --mbf-copper:#16365A; --mbf-navy:#0F2A45; --mbf-ink:#14263A; --mbf-olive:#5F7040; --mbf-rust:#8C4A2F;
  --mbf-ivory:#FFFDF8;  --mbf-line:#E2DCCF;  --mbf-mute:#5E6672;
}

body{background:var(--mb2-ivory);color:#2A3746}
h1,h2,h3,.mb-sec-head h2,.mbf-page h1,.mbf-page h2,.mbf-page h3,.mbf-card h2,
.mbf-headline,.mbf-price,.mbf-price-lg,.mbf-card-line{font-family:var(--mb2-serif);font-optical-sizing:auto}
h1,h2{font-weight:600;letter-spacing:-.018em;color:var(--mb2-ink)}
h3{font-weight:600;color:var(--mb2-ink)}
.mb-eyebrow{color:var(--mb2-green);letter-spacing:.16em}
.mb-body-lg,.lede,.mb-home-hero-lede{color:#3A4756}

/* ---- the hero was washed out: opacity belonged on the line art only ---- */
.mb-flowlines{opacity:1}
.mb-flowlines::after{opacity:.55}

/* ---- grounds: flowing fields inside, no crest shapes between bands ---- */
.mb-bg-deep::before,.mb-bg-natural::before,.mb-bg-made::before{
  inset:0;height:auto;transform:none;border-radius:0;background:none}
.mb-bg-air{background:linear-gradient(180deg,var(--mb2-sky) 0%,var(--mb2-ivory) 58%)}
.mb-bg-air::before{background-image:
  radial-gradient(58% 40% at 10% 6%,rgba(138,196,228,.22),transparent 70%),
  radial-gradient(44% 30% at 94% 2%,rgba(207,229,243,.5),transparent 72%)}
.mb-bg-natural{background:linear-gradient(180deg,var(--mb2-ivory) 0%,var(--mb2-olive-bg) 100%)}
.mb-bg-natural::before{background-image:
  radial-gradient(52% 34% at 90% 12%,rgba(95,112,64,.10),transparent 72%),
  radial-gradient(42% 28% at 4% 86%,rgba(47,122,82,.08),transparent 74%)}
.mb-bg-deep{background:linear-gradient(160deg,#133456 0%,var(--mb2-deep) 70%,#0C2239 100%);color:#EEF4F9}
.mb-bg-deep::before{background-image:
  radial-gradient(48% 40% at 4% 0%,rgba(90,168,212,.22),transparent 70%),
  radial-gradient(44% 36% at 98% 100%,rgba(47,122,82,.22),transparent 72%)}
.mb-bg-deep h1,.mb-bg-deep h2,.mb-bg-deep h3{color:#FFFDF8}
.mb-bg-deep p,.mb-bg-deep li{color:rgba(238,244,249,.86)}
.mb-bg-made{background:linear-gradient(180deg,var(--mb2-ivory) 0%,#F6EDEA 100%)}
.mb-bg-served{background:linear-gradient(180deg,var(--mb2-sky) 0%,var(--mb2-green-bg) 100%)}

/* Thin contour lines — the recognisable Planner device, drawn inside the band */
.mb-bg-deep::after,.mb-weekneeds::after,.mb-home-families::after,.mb-bg-served::after{
  content:"";position:absolute;inset:auto 0 0 0;height:160px;z-index:0;pointer-events:none;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%238AC4E4' stroke-width='1.1'%3E%3Cpath d='M0 96C220 52 430 128 720 90s520-66 720-22'/%3E%3Cpath d='M0 118C250 78 440 146 720 112s500-54 720-16'/%3E%3Cpath d='M0 138C260 104 460 158 720 132s500-40 720-8' stroke='%239DBF8F'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 100%/100% 100%}
.mb-bg-deep::after{opacity:.28}
.mb-weekneeds,.mb-home-families{position:relative;isolation:isolate}
.mb-weekneeds > *,.mb-home-families > *{position:relative;z-index:1}

/* ---- buttons: deep navy primary, natural green hover; warm accent never a CTA ---- */
.mb-btn--primary,.btn--primary,.mb-btn-primary{background:var(--mb2-navy);color:#FFFDF8;border-color:transparent;
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 8px 22px rgba(15,42,69,.22)}
.mb-btn--primary:hover,.btn--primary:hover,.mb-btn-primary:hover{background:var(--mb2-green);color:#FFFDF8;
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 12px 28px rgba(47,122,82,.26)}
.mb-btn--secondary,.btn--ghost{background:rgba(255,253,248,.7);color:var(--mb2-ink);border-color:#CBD5DE}
.mb-btn--secondary:hover,.btn--ghost:hover{border-color:var(--mb2-navy);color:var(--mb2-navy);background:#fff}
.mb-btn--on-deep{background:#FFFDF8;color:var(--mb2-deep)}
.mb-btn--on-deep:hover{background:var(--mb2-sky);color:var(--mb2-deep)}
.mb-link{color:var(--mb2-navy)}

/* ---- hero: mission first ---- */
.mb-home-hero h1{color:var(--mb2-ink);font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.02}
.mb-home-credo{color:var(--mb2-navy);font-size:clamp(1.15rem,2.1vw,1.45rem)}
.mb-home-credo span{color:var(--mb2-green)}
.mb-home-credo em{color:#B8733F}
.mb-spark{color:var(--mb2-glow)}
.mb-home-zip{color:var(--mb2-navy)}
.mb-film-frame{background:
  radial-gradient(70% 60% at 50% 38%,rgba(231,168,105,.20),transparent 70%),
  linear-gradient(160deg,#F4F8FB 0%,var(--mb2-cream) 100%);
  border:1px solid var(--mb2-line);box-shadow:var(--mb2-shadow-lg)}
.mb-film-journey{background:rgba(15,42,69,.86)}
.mb-film-play{color:var(--mb2-navy)}

/* ---- what does your week need ---- */
.mb-weekneeds-grid a{background:#fff;border:1px solid var(--mb2-line);border-radius:18px;transition:border-color .16s,box-shadow .16s,transform .16s}
.mb-weekneeds-grid a:hover{border-color:var(--mb2-sky-ink);box-shadow:var(--mb2-shadow);transform:translateY(-2px)}
.mb-weekneed-title{font-family:var(--mb2-serif);color:var(--mb2-ink)}

/* ---- home: the eight families, human first ---- */
.mb-home-families{background:linear-gradient(180deg,var(--mb2-ivory) 0%,var(--mb2-sky) 100%)}
.mbf-grid{gap:1.25rem}
.mbf-card{border-radius:20px;border:1px solid var(--mb2-line);background:#fff;box-shadow:var(--mb2-shadow);overflow:hidden;display:flex;flex-direction:column}
.mbf-card-media{background:
  radial-gradient(60% 70% at 50% 40%,rgba(231,168,105,.16),transparent 70%),
  linear-gradient(160deg,var(--mb2-sky) 0%,var(--mb2-cream) 100%)}
.mbf-card-line{color:var(--mb2-navy);font-size:1.12rem;line-height:1.35}
.mbf-card-for{font-size:.9rem;color:var(--mb2-mute);margin:0;line-height:1.5}
.mbf-card-for strong{color:var(--mb2-green);font-weight:600;display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.2rem}
.mbf-variants li{border-color:var(--mb2-line)}
.mbf-variants strong,.mbf-from strong{color:var(--mb2-ink)}
.mbf-prov{color:var(--mb2-mute);background:var(--mb2-cream);border-radius:999px;padding:.1rem .5rem;font-size:.72rem;letter-spacing:.04em}
.mb-home-families .mbf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.mb-home-families .mbf-card-media{aspect-ratio:16/9}
.mb-home-families .mbf-variants{display:none}
@media (max-width:1100px){.mb-home-families .mbf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.mb-home-families .mbf-grid{grid-template-columns:1fr}}

/* tone accents on family eyebrows: calm, from the Planner palette */
.mbf-tone-save .mb-eyebrow{color:var(--mb2-olive)}
.mbf-tone-strong .mb-eyebrow{color:#8C4A2F}
.mbf-tone-fit .mb-eyebrow{color:#3F7A6E}
.mbf-tone-chemistry .mb-eyebrow{color:#A0503F}
.mbf-tone-family .mb-eyebrow{color:var(--mb2-navy)}
.mbf-tone-fruit .mb-eyebrow{color:#B26A34}
.mbf-tone-supreme .mb-eyebrow{color:var(--mb2-sky-ink)}
.mbf-tone-balance .mb-eyebrow{color:var(--mb2-green)}

/* ---- Your Magic Week: the brand-recognition feature ---- */
.mb-magicweek .mb-eyebrow,.mb-bg-deep .mb-eyebrow{color:#9ED0EC}
.mb-bg-deep .mb-week-tile,.mb-bg-deep [class*="mb-week-"] h3,.mb-bg-deep [class*="mb-week-"] strong{color:#FFFDF8}

/* ---- Magic Made / Magic Served media feel: intimate, premium ---- */
.mb-bg-made .mb-media,.mb-bg-served .mb-media{border-radius:20px;box-shadow:var(--mb2-shadow)}

/* ---- footer: headings were dark on navy ---- */
.mb-footer .mb-footer-col h3,.mb-footer .mb-footer-col h4{color:rgba(255,253,248,.94);font-family:var(--mb2-serif);letter-spacing:.02em;text-transform:none;font-size:1rem}
.mb-footer a{color:rgba(230,240,248,.82)}
.mb-footer a:hover{color:#fff}

/* ---- cards and forms, sitewide ---- */
.card,.mb-card{border-radius:18px;border-color:var(--mb2-line)}
.msg--ok{border-color:#BFDCC9;background:#F1F8F3}
.mb-home-stepn{background:var(--mb2-sky);color:var(--mb2-navy)}
.mb-bg-deep .mb-home-stepn{background:rgba(158,208,236,.16);color:#CFE8F6}

@media (max-width:767px){
  .mb-home-hero h1{font-size:clamp(2.3rem,10vw,3rem)}
  .mb-bg-deep::after,.mb-weekneeds::after,.mb-home-families::after,.mb-bg-served::after{height:90px}
}

/* ---- rhythm fixes found in QA ---- */
.mb-sec-head p,.mb-sec-head .mb-body-lg{font-family:"Inter",system-ui,sans-serif;font-weight:400}
body:has(.mb-home-hero) main.wrap > section{margin-top:0;margin-bottom:0}
.mb-footer-wave{display:none}
.mb-footer{padding-top:clamp(40px,5vw,64px)}
.mb-footer > .mb-ronny--r5{position:absolute;right:clamp(16px,4vw,48px);top:18px}
@media (max-width:767px){
  .mb-home-families .mbf-card-media{aspect-ratio:16/7}
  .mb-weekneeds .mb-ronny:empty{display:none}
}
.mb-curated .mb-review-edit{align-items:center}
.mb-curated .mb-review-edit form{border-top:0;padding-top:0;margin:0;display:inline-flex}
@media (max-width:767px){ .mb-ronny:empty{display:none} }


/* =====================================================================
   FINAL STRUCTURAL PASS (2026-09-22) — compression, full-width rhythm,
   mission-first box pages, compact footer, asset slots. Presentation only.
   ===================================================================== */

/* ---- global rhythm: ~30% less dead vertical space ---- */
.mb-section{padding-block:clamp(2.25rem,4.4vw,4.25rem)}
.mb-section h2{margin-top:0}
.mb-bg-air.mb-section + .mb-bg-air.mb-section{padding-top:0}

/* ---- full-width bands: the SECTION fills the screen, content stays readable ---- */
body:has(.mb-fullbleed) main.wrap{max-width:none;padding:0;margin:0}
body:has(.mb-fullbleed) main.wrap > section,body:has(.mb-fullbleed) main.wrap > article > section{margin:0}
body:has(.mb-fullbleed) .mb-footer{margin-top:0}
body:has(.mb-fullbleed) .mb-container{max-width:1240px}

/* ---- asset slots: stable ids, ratios, calm placeholders ---- */
.mb-asset{position:relative;overflow:hidden}
.mb-slot--video{aspect-ratio:16/9;border-radius:22px}
.mb-slot--step{aspect-ratio:4/3;border-radius:16px}
.mb-slot--handoff{aspect-ratio:4/3;border-radius:22px}
.mb-home-hero .mb-film-frame{aspect-ratio:16/10}

/* ================================================================ HOME */
.mb-weekneeds{padding-block:clamp(2rem,3.6vw,3.4rem)}
.mb-weekneeds-head{margin-bottom:1.25rem}
.mb-weekneeds-head .mb-body-lg{margin-bottom:0}
.mb-weekneeds-grid{gap:.75rem}
.mb-weekneeds-grid a{padding:.95rem 1.1rem}
.mb-weekneeds-cta{margin:1.25rem 0 0}
.mb-home-families .mb-sec-head{margin-bottom:1.25rem}
.mbf-card-credo{font-family:var(--mb2-serif);font-size:1.02rem;font-weight:600;color:var(--mb2-green);margin:-.15rem 0 0;line-height:1.3}
.mbf-card-line{font-family:"Inter",system-ui,sans-serif;font-size:.92rem;color:var(--mb2-mute);line-height:1.5}
.mb-home-families .mbf-card-body{padding:1.1rem 1.15rem 1.25rem;gap:.45rem}
.mb-home-families .mbf-card h2{font-size:1.32rem}
.mb-home-trustsec{padding-top:clamp(1.75rem,3vw,2.5rem)}
.mb-home-howlink{text-align:center;margin:1.25rem 0 0;font-weight:600}
.mb-realpeople-grid .mb-slot--square{aspect-ratio:4/3}

/* ================================================================ OUR BOXES */
body:has(.mbf-custom) .mbf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body:has(.mbf-custom) .mbf-card-media{aspect-ratio:4/3}
body:has(.mbf-custom) .mbf-card-body{padding:1.1rem 1.15rem 1.25rem;gap:.45rem}
body:has(.mbf-custom) .mbf-card h2{font-size:1.3rem}
.mbf-custom{margin-top:clamp(1.75rem,3vw,2.5rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:center;
  background:linear-gradient(135deg,var(--mb2-deep) 0%,#1B4A70 100%);color:#EEF4F9;border-radius:24px;padding:clamp(1.25rem,3vw,2.25rem);box-shadow:var(--mb2-shadow-lg)}
.mbf-custom h2{color:#FFFDF8;margin:.2rem 0 .5rem}
.mbf-custom .mb-body-lg{color:rgba(238,244,249,.88)}
.mbf-custom .mb-eyebrow{color:#9ED0EC}
.mbf-custom .mb-btn--primary{background:#FFFDF8;color:var(--mb2-deep)}
.mbf-custom .mb-btn--primary:hover{background:var(--mb2-sky)}
.mbf-custom-art{aspect-ratio:4/3;border-radius:16px;background:radial-gradient(60% 60% at 50% 45%,rgba(231,168,105,.35),transparent 70%),linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14)}

/* ================================================================ FAMILY PAGES */
.mbf-hero{padding-block:clamp(1.75rem,3.2vw,3rem)}
.mbf-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.94fr);gap:clamp(1.5rem,3.5vw,3.25rem);align-items:stretch}
.mbf-hero-grid > div:first-child{align-self:center}
.mbf-hero h1{margin:.1rem 0 .2rem;font-size:clamp(2.4rem,4.8vw,3.9rem);line-height:1.02}
.mbf-credo{font-family:var(--mb2-serif);font-size:clamp(1.15rem,2vw,1.45rem);font-weight:600;color:var(--mb2-green);margin:0 0 .6rem}
.mbf-hero .mbf-headline{font-size:clamp(1.02rem,1.6vw,1.18rem);color:var(--mb2-navy);margin:0 0 .5rem}
.mbf-hero .mb-body-lg{margin:0 0 1rem}
.mbf-hero-media{aspect-ratio:auto;min-height:100%;border-radius:24px}
.mbf-plans{margin:0 0 .75rem}
.mbf-price-line{margin:.25rem 0 .75rem}
.mbf-micro{margin-top:.6rem}

.mbf-foryou{padding-block:clamp(1.75rem,3.2vw,2.75rem)}
.mbf-foryou-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:clamp(1rem,3vw,2.5rem);align-items:start}
.mbf-foryou h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:0}
.mbf-ticks--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 2rem;max-width:none}

.mbf-mission{background:linear-gradient(135deg,var(--mb2-sky) 0%,#EDF4EC 100%)}
.mbf-mission-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(1.25rem,3.5vw,3rem);align-items:center}
.mbf-mission h2{font-size:clamp(1.6rem,3.1vw,2.45rem);line-height:1.12;margin:.3rem 0 .75rem}
.mbf-mission .mb-body-lg{margin:0 0 .6rem}
.mbf-mission-core{margin:0;background:#fff;border-radius:22px;padding:clamp(1.25rem,2.5vw,1.9rem);box-shadow:var(--mb2-shadow);position:relative;border:1px solid var(--mb2-line)}
.mbf-mission-core .mb-spark{position:absolute;top:1rem;right:1.1rem}
.mbf-mission-core blockquote{margin:0 0 .9rem;font-family:var(--mb2-serif);font-size:clamp(1.3rem,2.3vw,1.7rem);font-weight:600;line-height:1.22;color:var(--mb2-navy);text-transform:none}
.mbf-mission-core figcaption{font-size:.86rem;color:var(--mb2-mute);line-height:1.5;border-top:1px solid var(--mb2-line);padding-top:.75rem}

.mbf-sechead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1.5rem;margin-bottom:1rem}
.mbf-sechead h2{margin:0}
.mbf-sub{margin:0;color:var(--mb2-mute)}
.mbf-contents{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1rem}
.mbf-cgroup{background:#fff;border-radius:18px;padding:1.05rem 1.15rem}
.mbf-cgroup-why{font-size:.84rem;color:var(--mb2-mute);margin:.1rem 0 .7rem;line-height:1.45}
.mbf-inside .mbf-note{margin:.9rem 0 0}

.mbf-whymake-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.mbf-whymake h2{font-size:clamp(1.45rem,2.4vw,1.9rem);margin:0 0 .9rem}
.mbf-why{display:grid;gap:.65rem;max-width:none}
.mbf-why > div{background:#fff;border:1px solid var(--mb2-line);border-radius:14px;padding:.8rem 1rem}
.mbf-why dt{margin:0 0 .15rem}
.mbf-meals{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.mbf-meals li{background:#fff;border-radius:12px;padding:.6rem .8rem;font-size:.93rem}

.mbf-week{padding-block:clamp(2.25rem,4vw,3.75rem)}

.mbf-practical-title{margin:0 0 1rem}
.mbf-practical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.mbf-pcard{background:var(--mb2-cream);border:1px solid var(--mb2-line);border-radius:18px;padding:1.15rem 1.3rem}
.mbf-pcard h3{font-size:1.12rem;margin:0 0 .55rem}
.mbf-pcard p{margin:.5rem 0 0;line-height:1.55}
.mbf-pcard .mbf-ticks{gap:.45rem;font-size:.95rem}
.mbf-final{padding-block:clamp(2.25rem,4vw,3.5rem)}

/* ================================================================ FIND MY MAGIC BOX */
.mbf-finder{padding-block:clamp(1.75rem,3.4vw,3rem)}
.mbf-finder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}
.mbf-finder-head h1{margin:.15rem 0 .35rem}
.mbf-finder-head .mb-body-lg{margin:0}
.mbf-needs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.mbf-needs a{flex-direction:column;align-items:flex-start;justify-content:center;gap:.2rem;min-height:92px;background:#fff;border-radius:16px}
.mbf-need-title{font-family:var(--mb2-serif);font-size:1.12rem;font-weight:600;color:var(--mb2-ink)}
.mbf-need-sub{font-size:.84rem;color:var(--mb2-mute);font-weight:400}

/* ================================================================ MAKE YOUR MAGIC BOX */
.mb-mymb-hero.mb-section{padding-block:clamp(1.5rem,2.8vw,2.5rem)}
.mb-mymb-sizes.mb-section{padding-top:clamp(.75rem,1.6vw,1.25rem)}
.mb-mymb-hero + .mb-section{padding-top:clamp(.75rem,1.6vw,1.25rem)}
.mb-mymb-state{backdrop-filter:saturate(1.2) blur(6px);background:rgba(255,253,248,.94)}
.mb-mymb-track{height:10px;background:var(--mb2-sky)}
.mb-mymb-fill{background:linear-gradient(90deg,var(--mb2-green),#5FA37A)}

/* ================================================================ HOW IT WORKS */
.mb-hiw-hero{padding-block:clamp(2rem,3.8vw,3.25rem)}
.mb-hiw-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;position:relative}
.mb-hiw-hero h1{margin:.15rem 0 .3rem;font-size:clamp(2.3rem,4.6vw,3.6rem)}
.mb-hiw-credo{font-family:var(--mb2-serif);font-size:clamp(1.2rem,2.1vw,1.5rem);font-weight:600;color:var(--mb2-green);margin:0 0 .6rem}
.mb-hiw-hero .mb-ronny--r3{position:absolute;right:0;bottom:-10px}
.mb-hiw-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.mb-hiw-steps li{background:#fff;border:1px solid var(--mb2-line);border-radius:20px;padding:.8rem .8rem 1.2rem;box-shadow:var(--mb2-shadow);position:relative}
.mb-hiw-steps .mb-home-stepn{position:absolute;top:1.3rem;left:1.3rem;z-index:2;box-shadow:0 2px 8px rgba(20,38,58,.12)}
.mb-hiw-steps h2{font-size:1.15rem;line-height:1.25;margin:.9rem .4rem .35rem}
.mb-hiw-steps p{margin:0 .4rem;font-size:.93rem;line-height:1.55;color:#3A4756}
.mb-hiw-know-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.mb-hiw-know-grid > div{background:#fff;border:1px solid var(--mb2-line);border-radius:16px;padding:1rem 1.2rem}
.mb-hiw-know-grid h3{font-size:1.05rem;margin:0 0 .35rem}
.mb-hiw-know-grid p{margin:0;font-size:.93rem;line-height:1.55}

/* ================================================================ MISSION PAGE */
.mb-mission-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.mb-mission-hero .mb-slot--loop{aspect-ratio:16/9;border-radius:22px}
.mb-mission-hero h1{font-size:clamp(2.3rem,4.8vw,3.8rem);line-height:1.04;margin:.15rem 0 .5rem}
.mb-mission-beats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem}
.mb-mission-beats li{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;background:#fff;border:1px solid var(--mb2-line);border-radius:18px;padding:1.15rem 1.3rem}
.mb-mission-beats h2{font-size:clamp(1.15rem,1.9vw,1.4rem);margin:0 0 .35rem}
.mb-mission-beats .mb-body-lg{font-size:.97rem;margin:0;line-height:1.6}
.mb-standards-doc{background:var(--mb2-cream)}
.mb-standards-lede{max-width:70ch;margin:0 0 1rem;color:#3A4756}
.mb-standards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.mb-standards-grid .card{padding:1rem 1.1rem;margin:0}
.mb-standards-grid h3{font-size:1.02rem;margin:0 0 .35rem}
.mb-standards-grid p{font-size:.9rem;margin:0 0 .4rem}
.mb-standards-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.5rem;margin-top:1.25rem}
.mb-standards-notes h3{font-size:1.02rem;margin:0 0 .3rem}
.mb-standards-notes p{font-size:.92rem;margin:0;line-height:1.55}

/* ================================================================ DELIVERY */
.mb-dlv-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;position:relative}
.mb-dlv-hero h1{font-size:clamp(2.3rem,4.6vw,3.6rem);line-height:1.04;margin:.15rem 0 .5rem}
.mb-dlv-hero .mb-ronny--r4{position:absolute;left:45%;bottom:-8px}
.mb-dlv-facts{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.mb-dlv-facts li{background:#fff;border:1px solid var(--mb2-line);border-radius:16px;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.2rem}
.mb-dlv-facts span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mb2-green);font-weight:600}
.mb-dlv-facts strong{font-family:var(--mb2-serif);font-size:1.02rem;line-height:1.25;color:var(--mb2-ink)}
.mb-dlv-body-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.mb-dlv-body h2{font-size:clamp(1.4rem,2.3vw,1.8rem);margin:0 0 .8rem}
.mb-dlv-zones{display:grid;gap:.9rem}
.mb-dlv-zones .card{margin:0}
.mb-dlv-next{margin:1.1rem 0 .3rem;font-size:1.1rem}

/* ================================================================ FAQ */
.mb-faq-intro{max-width:70ch;color:#3A4756;margin:0 0 1rem}
.faq{margin-top:0}
.faq-item summary{padding-block:.85rem}

/* ================================================================ CHECKOUT */
.mb-chk-box{background:#fff;border:1px solid var(--mb2-line);border-radius:16px;padding:1rem 1.15rem;margin:0 0 1.25rem}
.mb-chk-box-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.mb-chk-box-head strong{display:block;font-family:var(--mb2-serif);font-size:1.2rem;color:var(--mb2-ink)}
.mb-chk-box-head span{color:var(--mb2-mute);font-size:.92rem}
.mb-chk-box-head .num{font-weight:700;color:var(--mb2-ink);font-size:1.1rem}
.mb-chk-contents{margin-top:.75rem;border-top:1px solid var(--mb2-line);padding-top:.6rem}
.mb-chk-contents summary{cursor:pointer;font-weight:600;color:var(--mb2-navy);min-height:40px;display:flex;align-items:center}
.mb-chk-contents ul{list-style:none;margin:.4rem 0 0;padding:0;columns:2;column-gap:1.5rem;font-size:.92rem;line-height:1.7}

/* ================================================================ CART / REVIEW / ACCOUNT spacing */
.pagehead{padding-block:clamp(1.25rem,2.6vw,2rem) .5rem}
.pagehead h1{margin-bottom:.3rem}
.mb-review{gap:16px;margin-bottom:20px}

/* ================================================================ MADE / SERVED positioning */
.mb-mm-credo{font-family:var(--mb2-serif);font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:600;color:#9A4F5E;margin:-.2rem 0 .7rem}
.mb-mm-hero.mb-section{padding-block:clamp(2rem,3.6vw,3.25rem)}

/* ================================================================ FOOTER v2 */
.mb-footer--v2{padding:clamp(2.25rem,4vw,3.25rem) clamp(1rem,4vw,2rem) 1.25rem}
.mb-footer--v2 .mb-footer-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:clamp(1.5rem,4vw,3.5rem);padding:0}
.mb-footer-credo{font-family:var(--mb2-serif);font-size:1.12rem;font-weight:600;color:#FFFDF8;margin:.7rem 0 .15rem;letter-spacing:.01em}
.mb-footer--v2 .mb-footer-brandline{margin:0;color:rgba(230,240,248,.78)}
.mb-footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.mb-footer--v2 .mb-footer-col{display:flex;flex-direction:column;gap:.35rem}
.mb-footer--v2 .mb-footer-col h3{margin:0 0 .35rem}
.mb-footer--v2 .mb-footer-col a{font-size:.93rem}
.mb-footer-legal{max-width:1240px;margin:1.75rem auto 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;font-size:.84rem}
.mb-footer-statement{max-width:1240px;margin:1rem auto .25rem;font-family:var(--mb2-serif);font-size:1.02rem;letter-spacing:.14em;text-transform:uppercase;color:#9ED0EC}
.mb-footer--v2 .mb-footer-base{max-width:1240px;margin:0 auto;padding-top:.5rem;border-top:0}

/* ================================================================ TABLET */
@media (max-width:1100px){
  body:has(.mbf-custom) .mbf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mbf-needs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mb-hiw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mb-standards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .mbf-hero-grid,.mbf-mission-grid,.mbf-whymake-grid,.mb-hiw-hero-grid,.mb-mission-hero-grid,.mb-dlv-hero-grid,.mb-dlv-body-grid,.mbf-custom{grid-template-columns:1fr}
  .mbf-hero-media{min-height:0;aspect-ratio:4/3}
  .mbf-foryou-grid{grid-template-columns:1fr;gap:.75rem}
  .mb-standards-notes{grid-template-columns:1fr}
  .mb-footer--v2 .mb-footer-in{grid-template-columns:1fr;gap:1.25rem}
}

/* ================================================================ MOBILE: adapted, not stacked */
@media (max-width:767px){
  .mb-section{padding-block:clamp(1.75rem,7vw,2.5rem)}
  h1{font-size:clamp(2rem,9vw,2.5rem)}
  /* boxes: one per row, shorter media */
  body:has(.mbf-custom) .mbf-grid{grid-template-columns:1fr}
  body:has(.mbf-custom) .mbf-card-media,.mb-home-families .mbf-card-media{aspect-ratio:16/7}
  body:has(.mbf-custom) .mbf-variants li{padding-block:.35rem}
  /* family pages */
  .mbf-hero-media{aspect-ratio:4/3;order:-1}
  .mbf-ticks--grid{grid-template-columns:1fr;gap:.5rem}
  .mbf-contents{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .mbf-cgroup{padding:.8rem .85rem;border-radius:14px}
  .mbf-cgroup li{font-size:.88rem;gap:.3rem}
  .mbf-cgroup-why{font-size:.78rem}
  .mbf-meals{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mbf-meals li{font-size:.85rem;padding:.5rem .6rem}
  .mbf-why > div{padding:.65rem .8rem}
  .mbf-why dd{font-size:.9rem}
  .mbf-practical-grid{grid-template-columns:1fr;gap:.7rem}
  .mbf-pcard{padding:1rem}
  .mbf-week-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .mbf-week-card{padding:.8rem}
  .mbf-week-card li,.mbf-week-card p{font-size:.86rem}
  /* finder: 2-column mini grid */
  .mbf-needs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
  .mbf-needs a{min-height:84px;padding:.8rem .85rem}
  .mbf-need-title{font-size:1rem}
  .mbf-need-sub{font-size:.76rem}
  .mbf-finder-head .mb-ronny{display:none}
  /* home */
  .mb-weekneeds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mb-weekneeds-grid a{padding:.75rem .8rem}
  .mb-weekneed-sub{display:none}
  .mb-home-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* how it works: compact step cards */
  .mb-hiw-steps{grid-template-columns:1fr;gap:.7rem}
  .mb-hiw-steps li{display:grid;grid-template-columns:104px 1fr;gap:.25rem .85rem;padding:.7rem;align-items:start}
  .mb-hiw-steps .mb-slot--step{grid-row:1 / span 2;aspect-ratio:1/1;border-radius:12px}
  .mb-hiw-steps .mb-home-stepn{top:.9rem;left:.9rem;transform:scale(.85)}
  .mb-hiw-steps h2{margin:.2rem 0 .2rem;font-size:1.02rem}
  .mb-hiw-steps p{margin:0;font-size:.86rem}
  .mb-hiw-know-grid{grid-template-columns:1fr;gap:.6rem}
  /* mission */
  .mb-mission-beats{grid-template-columns:1fr;gap:.6rem}
  .mb-mission-beats li{padding:.9rem 1rem}
  .mb-mission-beats .mb-body-lg{font-size:.92rem}
  .mb-standards-grid{grid-template-columns:1fr 1fr;gap:.6rem}
  /* delivery */
  .mb-dlv-facts{grid-template-columns:1fr;gap:.5rem}
  .mb-dlv-facts li{flex-direction:row;justify-content:space-between;align-items:center}
  .mb-dlv-facts strong{text-align:right;font-size:.95rem}
  /* checkout */
  .mb-chk-contents ul{columns:1}
  /* footer: one screen, not three */
  .mb-footer--v2{padding:1.75rem 1rem 1rem}
  .mb-footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
  .mb-footer--v2 .mb-footer-col{gap:.2rem}
  .mb-footer--v2 .mb-footer-col h3{font-size:.9rem;margin-bottom:.2rem}
  .mb-footer--v2 .mb-footer-col a{font-size:.8rem;line-height:1.35}
  .mb-footer-legal{margin-top:1.1rem;gap:.25rem .9rem;font-size:.76rem}
  .mb-footer-statement{font-size:.82rem;letter-spacing:.1em}
  .mb-footer--v2 .mb-footer-brandline,.mb-footer-credo{font-size:.95rem}
}
@media (max-width:400px){
  .mb-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mbf-contents{grid-template-columns:1fr}
}

/* ---- structural pass QA fixes ---- */
.mbf-contents{align-items:start}
.mbf-cgroup li{display:grid;grid-template-columns:1.7rem minmax(0,1fr);column-gap:.35rem;row-gap:.2rem;align-items:baseline}
.mbf-cgroup li .mbf-tag{grid-column:2;justify-self:start}
.mb-bg-deep .mb-btn-primary,.mbf-final .mb-btn-primary{background:#FFFDF8;color:var(--mb2-deep);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.mb-bg-deep .mb-btn-primary:hover,.mbf-final .mb-btn-primary:hover{background:var(--mb2-sky);color:var(--mb2-deep)}
.mb-link-light,.mb-bg-deep .mb-link{color:#CFE8F6}
.mb-footer--v2 .mb-footer-base p{padding-left:0;margin:0}


/* =====================================================================
   FINAL POWER RUN (2026-09-25) - restrained gold / silver accents.
   Five approved places only: the home hero spark, the Your Magic Week
   bands, the final call-to-action bands, the Mission brand mark (once the
   emblem is installed) and the lower contour line / footer top edge.
   Never in checkout, cart, forms, price rows, ingredient lists, policies
   or claims. Background layers and pseudo-elements only: no layout change.
   Motion only on the hero spark, very slow, and off for reduced motion.
   ===================================================================== */

/* 1 - home hero: the spark in soft gold, with a faint dust of specks */
.mb-home-hero-copy h1 .mb-spark{position:relative;clip-path:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CradialGradient id='g' cx='.5' cy='.45' r='.6'%3E%3Cstop offset='0' stop-color='%23FFF4DA'/%3E%3Cstop offset='.45' stop-color='%23EDC685'/%3E%3Cstop offset='1' stop-color='%23D39A58'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M50 0L61 39L100 50L61 61L50 100L39 61L0 50L39 39Z'/%3E%3C/svg%3E") center/contain no-repeat}
.mb-home-hero-copy h1 .mb-spark::before{content:"";position:absolute;left:10%;bottom:40%;width:1.5em;height:1em;pointer-events:none;opacity:.75;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80'%3E%3Cg fill='%23E7C07D'%3E%3Cpath opacity='.9' d='M62 21L63 25L67 26L63 27L62 31L61 27L57 26L61 25Z'/%3E%3Cpath opacity='.6' d='M98 9L98.6 11.4L101 12L98.6 12.6L98 15L97.4 12.6L95 12L97.4 11.4Z'/%3E%3Ccircle opacity='.55' cx='84' cy='40' r='1.3'/%3E%3C/g%3E%3Cg fill='%23DCE8F2'%3E%3Cpath opacity='.8' d='M40 7.4L40.52 9.48L42.6 10L40.52 10.52L40 12.6L39.48 10.52L37.4 10L39.48 9.48Z'/%3E%3Ccircle opacity='.6' cx='108' cy='34' r='1'/%3E%3Ccircle opacity='.5' cx='74' cy='6' r='.9'/%3E%3C/g%3E%3C/svg%3E") left bottom/contain no-repeat}
@media (prefers-reduced-motion:no-preference){
  .mb-home-hero-copy h1 .mb-spark{animation:mb3-twinkle 7s ease-in-out infinite}
  .mb-home-hero-copy h1 .mb-spark::before{animation:mb3-drift 16s ease-in-out infinite alternate}
}
@keyframes mb3-twinkle{0%,100%{opacity:.86}50%{opacity:1}}
@keyframes mb3-drift{from{transform:translate(0,0);opacity:.55}to{transform:translate(2px,-3px);opacity:.85}}

/* 2 - Your Magic Week (home + family pages): sparse specks, soft glow behind the cards */
.mb-magicweek::before,.mbf-week::before{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 150'%3E%3Cg fill='%23E7C07D'%3E%3Cpath opacity='.75' d='M190 23L191.4 28.6L197 30L191.4 31.4L190 37L188.6 31.4L183 30L188.6 28.6Z'/%3E%3Cpath opacity='.5' d='M214 88.8L214.64 91.36L217.2 92L214.64 92.64L214 95.2L213.36 92.64L210.8 92L213.36 91.36Z'/%3E%3Ccircle opacity='.45' cx='150' cy='20' r='1.3'/%3E%3C/g%3E%3Cg fill='%23DCE8F2'%3E%3Cpath opacity='.65' d='M152 62.2L152.76 65.24L155.8 66L152.76 66.76L152 69.8L151.24 66.76L148.2 66L151.24 65.24Z'/%3E%3Ccircle opacity='.5' cx='120' cy='36' r='1.1'/%3E%3Ccircle opacity='.4' cx='176' cy='126' r='1'/%3E%3Cpath opacity='.45' d='M98 101.6L98.48 103.52L100.4 104L98.48 104.48L98 106.4L97.52 104.48L95.6 104L97.52 103.52Z'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 120'%3E%3Cg fill='%23DCE8F2'%3E%3Cpath opacity='.6' d='M28 79L29 83L33 84L29 85L28 89L27 85L23 84L27 83Z'/%3E%3Ccircle opacity='.45' cx='70' cy='104' r='1.1'/%3E%3Ccircle opacity='.35' cx='120' cy='96' r='.9'/%3E%3C/g%3E%3Cg fill='%23E7C07D'%3E%3Cpath opacity='.55' d='M64 55L64.6 57.4L67 58L64.6 58.6L64 61L63.4 58.6L61 58L63.4 57.4Z'/%3E%3Ccircle opacity='.45' cx='14' cy='38' r='1.2'/%3E%3Cpath opacity='.4' d='M150 107.8L150.44 109.56L152.2 110L150.44 110.44L150 112.2L149.56 110.44L147.8 110L149.56 109.56Z'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(40% 48% at 50% 60%,rgba(250,236,205,.09),transparent 72%),
    radial-gradient(48% 40% at 4% 0%,rgba(90,168,212,.22),transparent 70%),
    radial-gradient(44% 36% at 98% 100%,rgba(47,122,82,.22),transparent 72%);
  background-repeat:no-repeat;
  background-size:230px 150px,190px 120px,100% 100%,100% 100%,100% 100%;
  background-position:right 4% top 10%,left 3% bottom 14%,center,center,center}
@media (max-width:599px){
  .mb-magicweek::before,.mbf-week::before{
    background-size:150px 98px,124px 78px,100% 100%,100% 100%,100% 100%;
    background-position:right 0 top 0,left 0 bottom 0,center,center,center}
}

/* 3 - final call-to-action bands: a premium glow, nothing near the price or buttons */
.mb-home-final::before,.mbf-final::before{
  background-image:
    radial-gradient(46% 72% at 50% 0%,rgba(250,236,205,.12),transparent 70%),
    radial-gradient(34% 52% at 50% 100%,rgba(231,192,125,.07),transparent 72%),
    radial-gradient(48% 40% at 4% 0%,rgba(90,168,212,.22),transparent 70%),
    radial-gradient(44% 36% at 98% 100%,rgba(47,122,82,.22),transparent 72%)}

/* 4 - Mission brand mark: glow around the emblem (hidden until the emblem is installed) */
.mb-brandmark{filter:drop-shadow(0 0 14px rgba(231,192,125,.32))}

/* 5 - the lowest contour line of these bands in gold, and one gold hairline on the footer's top edge */
.mb-magicweek::after,.mbf-week::after,.mb-home-final::after,.mbf-final::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-width='1.1'%3E%3Cpath stroke='%238AC4E4' d='M0 96C220 52 430 128 720 90s520-66 720-22'/%3E%3Cpath stroke='%238AC4E4' d='M0 118C250 78 440 146 720 112s500-54 720-16'/%3E%3Cpath stroke='%23E7C07D' d='M0 138C260 104 460 158 720 132s500-40 720-8'/%3E%3C/g%3E%3C/svg%3E")}
.mb-footer--v2::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 4%,rgba(231,192,125,.5) 36%,rgba(220,232,242,.42) 64%,transparent 96%)}

/* ---- mobile: trimmed section padding and card spacing (no structure change) ---- */
@media (max-width:599px){
  .mb-section{padding-block:1.85rem}
  .mbf-grid{gap:.9rem}
  .mbf-week,.mbf-final{padding-block:1.85rem}
}


/* =====================================================================
   HOMEPAGE MASTER (2026-09-25) - refinement and integration layer.
   Homepage sections only; same palette, type and accents as above. Every
   image area keeps its data-mb-asset id. Fallbacks are background layers
   only, so an installed image (background-image !important) replaces them.
   No emblem or logo is drawn anywhere: the official brand symbol comes later.
   ===================================================================== */
.mb-home-hero,.mb-weekneeds,.mb-home-families,.mb-magicweek,.mb-home-build,.mb-home-preview,.mb-home-shop,.mb-realpeople,.mb-home-final{--mbh-gold:#E7C07D;--mbh-silver:#DCE8F2}

/* ---- 1 hero: what it is, who it is for, why it is different ---- */
.mb-home-hero{padding-block:clamp(28px,4vw,64px) clamp(44px,5.5vw,88px)}
@media (min-width:1081px){.mb-home-hero-grid{grid-template-columns:1fr 1.1fr}}
.mb-home-triad{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1em .5em;margin:0 0 .75rem;font-family:var(--mb2-serif);font-weight:600;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.15}
.mb-home-triad span{color:var(--mb2-navy)}
.mb-home-triad span:nth-child(2){color:var(--mb2-green)}
.mb-home-triad span:nth-child(3){color:#B8733F;font-style:italic}
.mb-home-triad span:not(:last-child)::after{content:"";display:inline-block;width:.3em;height:.3em;margin-left:.5em;vertical-align:.2em;border-radius:50%;background:var(--mbh-gold)}
.mb-home-hero h1{font-size:clamp(2.5rem,5vw,4.25rem);margin:.02em 0 .3em}
.mb-home-hero-lede{max-width:46ch;margin:0 0 1rem}
.mb-home-plan{display:flex;align-items:center;gap:.75rem;margin:0 0 1.6rem;font-family:var(--mb2-serif);font-style:italic;font-weight:500;font-size:clamp(1.1rem,1.7vw,1.32rem);color:var(--mb2-navy)}
.mb-home-plan::before{content:"";flex:0 0 2.4rem;height:1px;background:linear-gradient(90deg,var(--mbh-gold),rgba(231,192,125,.25))}
.mb-home-hero-note{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.1rem;margin:0;font-size:.88rem;color:var(--mb2-mute)}
.mb-home-hero-note .mb-home-zip{padding:0}
.mb-home-hero .mb-film-frame{aspect-ratio:16/10;border-radius:24px;border:1px solid var(--mb2-line);
  box-shadow:0 2px 4px rgba(20,38,58,.05),0 28px 70px rgba(20,38,58,.14);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 160' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-width='1' opacity='0.9'%3E%3Cpath stroke='%238AC4E4' d='M0 70C60 40 120 96 200 64S330 30 400 52'/%3E%3Cpath stroke='%239DBF8F' d='M0 96C70 66 130 118 200 90S330 60 400 80'/%3E%3Cpath stroke='%23E7C07D' d='M0 122C80 96 140 140 200 118S330 92 400 108'/%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 62% no-repeat,
    radial-gradient(circle,rgba(22,54,90,.075) 1px,transparent 1.4px) 0 0/18px 18px,
    radial-gradient(80% 70% at 62% 30%,rgba(231,192,125,.16),transparent 72%),
    linear-gradient(160deg,#EEF4F8 0%,#FAF6EE 55%,#F1EADD 100%)}
.mb-home-hero .mb-film-journey{background:rgba(15,42,69,.84)}

/* ---- 2 needs: human before product ---- */
.mb-weekneeds.mb-bg-air{background:var(--mb2-ivory)}
.mb-weekneeds-head h2{max-width:22ch}
.mb-home-benefits{list-style:none;margin:0 0 1.9rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem 1.75rem;max-width:980px}
.mb-home-benefits li{position:relative;padding-left:1.6rem;font-weight:600;font-size:.98rem;line-height:1.4;color:var(--mb2-ink)}
.mb-home-benefits li::before{content:"";position:absolute;left:0;top:.2em;width:1rem;height:1rem;border-radius:50%;border:1.5px solid var(--mb2-olive-lt);background:radial-gradient(circle,var(--mb2-green) 0 28%,transparent 32%)}
.mb-weekneeds-ask{margin:0 0 .85rem;font-family:var(--mb2-serif);font-weight:600;font-size:clamp(1.2rem,1.9vw,1.5rem);color:var(--mb2-navy)}

/* ---- 3 eight families: one family of cards ---- */
.mb-home-families .mbf-tone-save{--mbh-tone:#5F7040}
.mb-home-families .mbf-tone-strong{--mbh-tone:#16365A}
.mb-home-families .mbf-tone-fit{--mbh-tone:#3F7FAE}
.mb-home-families .mbf-tone-chemistry{--mbh-tone:#B8733F}
.mb-home-families .mbf-tone-family{--mbh-tone:#2F7A52}
.mb-home-families .mbf-tone-fruit{--mbh-tone:#D9A55E}
.mb-home-families .mbf-tone-supreme{--mbh-tone:#0F2A45}
.mb-home-families .mbf-tone-balance{--mbh-tone:#8FA06E}
.mb-home-families .mbf-card{border-radius:20px}
.mb-home-families .mbf-card-media{aspect-ratio:4/3;border:0;border-radius:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 160' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-width='1' opacity='0.8'%3E%3Cpath stroke='%23B3D9EE' d='M0 70C60 40 120 96 200 64S330 30 400 52'/%3E%3Cpath stroke='%23B9CFA6' d='M0 96C70 66 130 118 200 90S330 60 400 80'/%3E%3Cpath stroke='%23E9CE9A' d='M0 122C80 96 140 140 200 118S330 92 400 108'/%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 55% no-repeat,
    radial-gradient(circle,rgba(22,54,90,.075) 1px,transparent 1.4px) 0 0/18px 18px,
    linear-gradient(160deg,color-mix(in srgb,var(--mbh-tone,#E7A869) 9%,var(--mb2-sky)) 0%,var(--mb2-cream) 100%)}
.mb-home-families .mbf-card .mb-eyebrow{display:flex;align-items:center;gap:.45rem;color:var(--mb2-olive);margin:0}
.mb-home-families .mbf-card .mb-eyebrow::before{content:"";flex:0 0 auto;width:.5rem;height:.5rem;border-radius:50%;background:var(--mbh-tone,var(--mbh-gold))}
.mb-home-families .mbf-card-credo{color:var(--mb2-green)}
.mb-home-families .mbf-card-for{margin:.1rem 0 .15rem}
.mb-home-families .mbf-from{margin-top:auto;padding-top:.35rem}
.mb-home-families .mbf-card .mb-btn{margin-top:.35rem}
.mb-home-swipe{display:none;align-items:center;gap:.6rem;margin:.2rem 0 0;font-size:.82rem;color:var(--mb2-mute)}
.mb-home-swipe::after{content:"";width:2rem;height:1px;background:currentColor;opacity:.45}

/* ---- 4 your magic week: the differentiator ---- */
.mb-week-rhythm{list-style:none;margin:0 0 2.2rem;padding:1.45rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;position:relative}
.mb-week-rhythm::before{content:"";position:absolute;left:.45rem;right:.45rem;top:.4rem;height:1px;background:linear-gradient(90deg,rgba(231,192,125,0),rgba(231,192,125,.8) 10%,rgba(220,232,242,.55) 62%,rgba(231,192,125,0))}
.mb-week-rhythm li{position:relative}
.mb-week-rhythm li::before{content:"";position:absolute;left:0;top:-1.5rem;width:.95rem;height:.95rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23E7C07D' d='M10 1L11.98 8.02L19 10L11.98 11.98L10 19L8.02 11.98L1 10L8.02 8.02Z'/%3E%3C/svg%3E") center/contain no-repeat}
.mb-week-rhythm-when{display:block;margin-bottom:.35rem;font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mbh-gold)}
.mb-week-rhythm-what{display:block;font-family:var(--mb2-serif);font-size:1.08rem;line-height:1.38;color:#FFFDF8}
.mb-magicweek .mb-slot--week{border-radius:20px;border-color:rgba(255,253,248,.18);
  box-shadow:0 24px 60px rgba(0,0,0,.28),0 0 90px rgba(231,192,125,.14);
  background:repeating-linear-gradient(180deg,transparent 0 30px,rgba(22,54,90,.075) 30px 31px) 0 70px/100% calc(100% - 100px) no-repeat,
    linear-gradient(90deg,transparent 0 44px,rgba(231,192,125,.4) 44px 45px,transparent 45px) 0 0/100% 100% no-repeat,
    linear-gradient(180deg,rgba(22,54,90,.05) 0 52px,transparent 52px) 0 0/100% 100% no-repeat,
    linear-gradient(165deg,#FFFDF8 0%,#F4EEE2 100%)}
.mb-magicweek .mb-slot--week.mb-glow::before{display:none}
.mb-magicweek-foot span{font-size:1rem}

/* ---- 5 make your magic box ---- */
@media (min-width:768px){.mb-home-build-grid{grid-template-columns:1fr 1fr}}
.mb-home-build-art{aspect-ratio:4/3;border-radius:22px;border:1px solid var(--mb2-line);box-shadow:var(--mb2-shadow);position:relative;overflow:hidden;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cg fill='none' stroke='%2316365A' stroke-width='1.4' opacity='.22'%3E%3Crect x='92' y='132' width='92' height='80' rx='10'/%3E%3Crect x='196' y='104' width='120' height='108' rx='12'/%3E%3C/g%3E%3Cpath d='M52 212H348' stroke='%2316365A' stroke-width='1' opacity='.14'/%3E%3Cpath fill='%23E7C07D' opacity='.85' d='M300 81L301.4 86.6L307 88L301.4 89.4L300 95L298.6 89.4L293 88L298.6 86.6Z'/%3E%3Cpath fill='%23DCE8F2' opacity='.95' d='M320 106L320.8 109.2L324 110L320.8 110.8L320 114L319.2 110.8L316 110L319.2 109.2Z'/%3E%3C/svg%3E") center/86% auto no-repeat,
    radial-gradient(circle,rgba(22,54,90,.075) 1px,transparent 1.4px) 0 0/18px 18px,
    linear-gradient(160deg,#FFFDF8 0%,var(--mb2-olive-bg) 100%)}
.mb-home-build .mb-home-buildsteps{grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(1.6rem,3vw,2.4rem) 0 0}
.mb-home-build .mb-home-buildsteps li{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:.7rem;row-gap:.25rem;padding:1rem 1.1rem}
.mb-home-build .mb-home-buildsteps .mb-small{flex:1 0 100%}

/* ---- 6 + 8 magic made / magic served: previews while closed ---- */
.mb-home-preview{padding-block:clamp(2.4rem,4.2vw,4rem)}
.mb-home-preview-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(24px,4vw,60px);align-items:center}
.mb-home-preview h2{max-width:20ch;margin:.15em 0 .4em}
.mb-home-preview .mb-body-lg{max-width:46ch;margin:0}
.mb-home-preview-note{max-width:46ch;margin:.9rem 0 0;padding-left:.9rem;border-left:2px solid rgba(184,115,63,.35);font-size:.9rem;line-height:1.5;color:var(--mb2-mute)}
.mb-home-preview-art{aspect-ratio:16/10;border-radius:22px;border:1px solid var(--mb2-line);box-shadow:var(--mb2-shadow);position:relative;overflow:hidden}
.mb-soon{display:inline-flex;align-items:center;margin-left:.55rem;padding:.18rem .6rem;border-radius:999px;border:1px solid rgba(184,115,63,.38);background:rgba(255,253,248,.85);color:#9A5E33;font-size:.66rem;font-weight:600;letter-spacing:.12em;vertical-align:.1em}
.mb-home-preview--made{background:linear-gradient(180deg,#FBF3EC 0%,var(--mb2-ivory) 100%)}
.mb-home-preview--made .mb-home-preview-art{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 160' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-width='1' opacity='0.8'%3E%3Cpath stroke='%23E3C3A8' d='M0 70C60 40 120 96 200 64S330 30 400 52'/%3E%3Cpath stroke='%23E9CE9A' d='M0 96C70 66 130 118 200 90S330 60 400 80'/%3E%3Cpath stroke='%23C9B79A' d='M0 122C80 96 140 140 200 118S330 92 400 108'/%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 55% no-repeat,
    radial-gradient(circle,rgba(22,54,90,.075) 1px,transparent 1.4px) 0 0/18px 18px,
    radial-gradient(80% 70% at 40% 30%,rgba(231,168,105,.14),transparent 72%),
    linear-gradient(160deg,#FFFBF6 0%,#F4E6DA 100%)}
.mb-home-preview--served{background:linear-gradient(180deg,var(--mb2-ivory) 0%,var(--mb2-sky) 100%)}
.mb-home-preview--served .mb-home-preview-grid{grid-template-columns:1.05fr .95fr}
.mb-home-preview--served .mb-home-preview-art{order:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 160' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-width='1' opacity='0.8'%3E%3Cpath stroke='%23B3D9EE' d='M0 70C60 40 120 96 200 64S330 30 400 52'/%3E%3Cpath stroke='%23B9CFA6' d='M0 96C70 66 130 118 200 90S330 60 400 80'/%3E%3Cpath stroke='%23E9CE9A' d='M0 122C80 96 140 140 200 118S330 92 400 108'/%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 55% no-repeat,
    radial-gradient(circle,rgba(22,54,90,.075) 1px,transparent 1.4px) 0 0/18px 18px,
    radial-gradient(80% 70% at 60% 30%,rgba(143,160,110,.12),transparent 72%),
    linear-gradient(160deg,#F7FBFD 0%,#E3EEF5 100%)}

/* ---- 7 shop: complements the boxes ---- */
.mb-home-shop .mb-home-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;overflow:visible;padding:0}
.mb-home-shop .mb-home-cats > .mb-home-cat{position:relative;flex:initial;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;min-height:104px;padding:1rem 1.1rem;border-radius:18px;background:#fff;border:1px solid var(--mb2-line);box-shadow:var(--mb2-shadow);overflow:hidden;transition:transform .16s,border-color .16s}
.mb-home-shop .mb-home-cats > .mb-home-cat:hover{transform:translateY(-2px);border-color:var(--mb2-sky-ink);background:#fff}
.mb-home-shop .mb-home-cat-art{display:none}
.mb-home-shop .mb-home-cat::before{content:"";position:absolute;right:-22px;top:-26px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,rgba(143,160,110,.16) 0 44%,transparent 45%),radial-gradient(circle,transparent 0 56%,rgba(143,160,110,.22) 56.5% 57.5%,transparent 58%)}
.mb-home-shop .mb-home-cat:nth-child(3n+2)::before{background:radial-gradient(circle,rgba(231,168,105,.16) 0 44%,transparent 45%),radial-gradient(circle,transparent 0 56%,rgba(231,168,105,.24) 56.5% 57.5%,transparent 58%)}
.mb-home-shop .mb-home-cat:nth-child(3n)::before{background:radial-gradient(circle,rgba(63,127,174,.12) 0 44%,transparent 45%),radial-gradient(circle,transparent 0 56%,rgba(63,127,174,.2) 56.5% 57.5%,transparent 58%)}
.mb-home-shop .mb-home-cat::after{content:"";flex:0 0 auto;width:18px;height:18px;margin-left:.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10h11m-4-4 4 4-4 4' fill='none' stroke='%2316365A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.55}
.mb-home-shop .mb-home-cat-label{position:relative;font-family:var(--mb2-serif);font-weight:600;font-size:1.08rem;line-height:1.2;color:var(--mb2-ink);text-align:left}

/* ---- 9 producers and community ---- */
.mb-realpeople-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(28px,4vw,64px);align-items:center}
.mb-realpeople-copy h2{max-width:18ch}
.mb-realpeople-names{list-style:none;margin:1.3rem 0 1.5rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.4rem}
.mb-realpeople-names a{display:flex;flex-direction:column;gap:.1rem;padding:.6rem 0;border-top:1px solid rgba(95,112,64,.2);text-decoration:none}
.mb-realpeople-names strong{font-family:var(--mb2-serif);font-weight:600;font-size:1rem;color:var(--mb2-ink)}
.mb-realpeople-names span{font-size:.84rem;color:var(--mb2-mute)}
.mb-realpeople-names a:hover strong{color:var(--mb2-green)}
.mb-realpeople .mb-realpeople-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:.9rem;margin:0}
.mb-realpeople .mb-realpeople-grid .mb-slot--square{aspect-ratio:4/3;border-radius:18px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 160' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-width='1' opacity='0.8'%3E%3Cpath stroke='%23E3C3A8' d='M0 70C60 40 120 96 200 64S330 30 400 52'/%3E%3Cpath stroke='%23E9CE9A' d='M0 96C70 66 130 118 200 90S330 60 400 80'/%3E%3Cpath stroke='%23C9B79A' d='M0 122C80 96 140 140 200 118S330 92 400 108'/%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 55% no-repeat,
    radial-gradient(circle,rgba(22,54,90,.075) 1px,transparent 1.4px) 0 0/18px 18px,
    linear-gradient(160deg,#FFFBF4 0%,#EFE7D8 100%)}
.mb-realpeople .mb-realpeople-grid .mb-slot--square:nth-of-type(1){grid-row:1 / span 2;aspect-ratio:auto;min-height:100%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 160' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-width='1' opacity='0.8'%3E%3Cpath stroke='%23B3D9EE' d='M0 70C60 40 120 96 200 64S330 30 400 52'/%3E%3Cpath stroke='%23B9CFA6' d='M0 96C70 66 130 118 200 90S330 60 400 80'/%3E%3Cpath stroke='%23E9CE9A' d='M0 122C80 96 140 140 200 118S330 92 400 108'/%3E%3C/g%3E%3C/svg%3E") 0 100%/100% 45% no-repeat,
    radial-gradient(circle,rgba(22,54,90,.075) 1px,transparent 1.4px) 0 0/18px 18px,
    radial-gradient(80% 60% at 50% 25%,rgba(231,192,125,.14),transparent 72%),
    linear-gradient(170deg,#FBF7EF 0%,#E9E4D2 100%)}
.mb-realpeople .mb-home-trust{margin-top:clamp(1.8rem,3.4vw,2.8rem)}
.mb-realpeople .mb-home-howlink{margin-top:1rem}

/* ---- 10 final call to action ---- */
.mb-home-final{padding-block:clamp(3rem,6vw,5.5rem);text-align:center}
.mb-home-final .mb-home-final-in{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}
.mb-home-final .mb-eyebrow{color:var(--mbh-gold);margin:0}
.mb-home-final h2{max-width:22ch;margin:.35rem auto .5rem;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.1}
.mb-home-final p{max-width:46ch;margin:0 auto}
.mb-home-final .mb-home-final-actions{justify-content:center}

/* ---- tablet ---- */
@media (max-width:1080px){
  .mb-realpeople-layout{grid-template-columns:1fr}
}
@media (max-width:1023px){
  .mb-home-families .mbf-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.9rem;padding:.25rem .1rem 1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mb-home-families .mbf-grid::-webkit-scrollbar{display:none}
  .mb-home-families .mbf-grid > .mbf-card{flex:0 0 44%;scroll-snap-align:start}
  .mb-home-swipe{display:flex}
  .mb-realpeople-names{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:699px){
  .mb-home-preview-grid,.mb-home-preview--served .mb-home-preview-grid{grid-template-columns:1fr;gap:1.25rem}
  .mb-home-preview--served .mb-home-preview-art{order:0}
}
@media (max-width:900px){
  .mb-home-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mb-home-build .mb-home-buildsteps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---- phones: shorter, never emptier ---- */
@media (max-width:767px){
  .mb-home-hero h1{font-size:clamp(2.3rem,10.4vw,3rem)}
  .mb-home-triad{font-size:clamp(1.02rem,4.8vw,1.3rem);gap:.1em .35em}
  .mb-home-triad span:not(:last-child)::after{margin-left:.35em}
  .mb-weekneeds-grid a{min-height:0}
  .mb-home-plan{margin-bottom:1.2rem}
  .mb-home-benefits{gap:.5rem 1rem;margin-bottom:1.4rem}
  .mb-home-benefits li{font-size:.88rem;padding-left:1.4rem}
  .mb-home-benefits li::before{width:.85rem;height:.85rem}
  .mb-home-families .mbf-grid > .mbf-card{flex:0 0 82%}
  .mb-home-families .mbf-card-media{aspect-ratio:4/3}
  .mb-home-build-grid{grid-template-columns:1fr}
  .mb-week-rhythm{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1rem;padding-top:0;margin-bottom:1.6rem}
  .mb-week-rhythm::before{display:none}
  .mb-week-rhythm li{padding-left:1.25rem}
  .mb-week-rhythm li::before{top:.1rem;width:.75rem;height:.75rem}
  .mb-week-rhythm-what{font-size:.98rem}
  .mb-magicweek-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
  .mb-magicweek-list li{padding:.8rem .85rem}
  .mb-magicweek-list p{font-size:.84rem}
  .mb-home-build .mb-home-buildsteps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
  .mb-home-build .mb-home-buildsteps li{padding:.85rem}
  .mb-home-preview-art{aspect-ratio:16/9}
  .mb-home-shop .mb-home-cats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.7rem;padding-bottom:.6rem;scrollbar-width:none}
  .mb-home-shop .mb-home-cats > .mb-home-cat{flex:0 0 44%;min-height:86px;scroll-snap-align:start}
  .mb-realpeople-names{grid-template-columns:1fr 1fr;gap:0 1rem}
  .mb-realpeople .mb-realpeople-grid{grid-template-columns:1.15fr .85fr}
  .mb-home-final h2{font-size:clamp(1.7rem,7.4vw,2.2rem)}
  .mb-home-final .mb-home-final-in{align-items:stretch}
}
@media (max-width:599px){
  body:has(.mb-home-hero) .mb-section{padding-block:2rem}
}


/* =====================================================================
   FAMILY MASTER + SITE FINISH (2026-09-29) - one family-page system for all
   eight families and the supporting pages brought onto the approved homepage
   language. Presentation only: every form, price, slot id and route is untouched.
   The homepage master above is not restyled here.
   ===================================================================== */

/* ---- family tones: the same accents as the homepage family cards ---- */
.mbf-page{--mbt:#5F7040;--mbt-ink:#4B5A30;--mbt-soft:#EEF2E6;--mbf-gold:#E7C07D}
.mbf-page.mbf-tone-save{--mbt:#5F7040;--mbt-ink:#4B5A30;--mbt-soft:#EEF2E6}
.mbf-page.mbf-tone-strong{--mbt:#16365A;--mbt-ink:#16365A;--mbt-soft:#E6EDF4}
.mbf-page.mbf-tone-fit{--mbt:#3F7FAE;--mbt-ink:#2E6690;--mbt-soft:#E6F2FA}
.mbf-page.mbf-tone-chemistry{--mbt:#B8733F;--mbt-ink:#94582B;--mbt-soft:#F7ECE2}
.mbf-page.mbf-tone-family{--mbt:#2F7A52;--mbt-ink:#246041;--mbt-soft:#E7F2EA}
.mbf-page.mbf-tone-fruit{--mbt:#D9A55E;--mbt-ink:#94621F;--mbt-soft:#FBF1E0}
.mbf-page.mbf-tone-supreme{--mbt:#0F2A45;--mbt-ink:#0F2A45;--mbt-soft:#E4EAF1}
.mbf-page.mbf-tone-balance{--mbt:#8FA06E;--mbt-ink:#5A6F42;--mbt-soft:#EFF3E8}

/* ---- 1 hero: editorial hierarchy, image given its full height ---- */
.mbf-page .mbf-hero .mb-eyebrow{display:flex;align-items:center;gap:.5rem;color:var(--mbt-ink)}
.mbf-page .mbf-hero .mb-eyebrow::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--mbt);box-shadow:0 0 0 3px var(--mbt-soft)}
.mbf-page .mbf-credo{display:flex;align-items:center;gap:.7rem;margin:0 0 .8rem}
.mbf-page .mbf-credo::after{content:"";flex:0 0 3rem;height:1px;background:linear-gradient(90deg,var(--mbf-gold),rgba(231,192,125,0))}
.mbf-page .mbf-hero .mbf-headline{font-weight:600;color:var(--mb2-navy)}
.mbf-page .mbf-hero-media{border:1px solid var(--mb2-line);box-shadow:0 2px 4px rgba(20,38,58,.05),0 28px 70px rgba(20,38,58,.14);min-height:clamp(420px,46vw,640px)}
.mbf-page .mbf-plans legend{letter-spacing:.14em}
.mbf-page .mbf-plan.is-on{border-color:var(--mb2-navy);box-shadow:0 0 0 1px var(--mb2-navy),0 8px 20px rgba(20,38,58,.08)}

/* ---- 2 for you if: one calm card, ticks in the family tone ---- */
.mbf-page .mbf-foryou-grid{background:var(--mb2-ivory);border:1px solid var(--mb2-line);border-radius:24px;padding:clamp(1.25rem,2.6vw,2rem) clamp(1.25rem,3vw,2.5rem);box-shadow:var(--mb2-shadow);align-items:center}
.mbf-page .mbf-foryou h2{position:relative;padding-bottom:.7rem}
.mbf-page .mbf-foryou h2::after{content:"";position:absolute;left:0;bottom:0;width:2.6rem;height:2px;border-radius:2px;background:var(--mbt)}
.mbf-page .mbf-foryou .mbf-ticks li{padding-left:2rem;font-size:1rem;color:var(--mb2-ink)}
.mbf-page .mbf-foryou .mbf-ticks li::before{top:.15em;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--mbt-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%2314263A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/78% no-repeat;border:1px solid var(--mbt)}

/* ---- 3 mission: tone rule on the quote card ---- */
.mbf-page .mbf-mission .mb-eyebrow{color:var(--mbt-ink)}
.mbf-page .mbf-mission-core{border-top:3px solid var(--mbt)}

/* ---- 4 what's inside: defined ingredient groups ---- */
.mbf-page .mbf-sechead{align-items:flex-end;border-bottom:1px solid var(--mb2-line);padding-bottom:.85rem;margin-bottom:1.25rem}
.mbf-page .mbf-sub{display:inline-flex;align-items:center;gap:.5rem;background:var(--mbt-soft);color:var(--mbt-ink);border-radius:999px;padding:.35rem .85rem;font-size:.86rem;font-weight:600}
.mbf-page .mbf-cgroup{border:1px solid var(--mb2-line);border-top:3px solid var(--mbt);box-shadow:0 1px 2px rgba(20,38,58,.04),0 10px 28px rgba(20,38,58,.05)}
.mbf-page .mbf-cgroup h3{color:var(--mbt-ink)}
.mbf-page .mbf-cgroup li{border-top:1px dashed #ECE5D6;padding-top:.4rem;margin-top:.4rem}
.mbf-page .mbf-cgroup li:first-child{border-top:0;margin-top:0;padding-top:0}
.mbf-page .mbf-qty{font-family:var(--mb2-serif);font-weight:600;color:var(--mb2-navy)}

/* ---- 5 why these foods + what can I make ---- */
.mbf-page .mbf-why{counter-reset:mbfwhy}
.mbf-page .mbf-why > div{position:relative;padding-left:3.1rem;border-radius:16px}
.mbf-page .mbf-why > div::before{counter-increment:mbfwhy;content:counter(mbfwhy);position:absolute;left:1rem;top:.85rem;font-family:var(--mb2-serif);font-weight:600;font-size:1.25rem;line-height:1;color:var(--mbt-ink)}
.mbf-page .mbf-why dt{font-family:var(--mb2-serif);font-weight:600;font-size:1.02rem;color:var(--mb2-navy)}
.mbf-page .mbf-meals li{position:relative;padding-left:2rem;border:1px solid var(--mb2-line)}
.mbf-page .mbf-meals li::before{content:"";position:absolute;left:.8rem;top:50%;width:.6rem;height:.6rem;margin-top:-.3rem;border-radius:50% 0;background:var(--mbt);transform:rotate(-45deg)}

/* ---- 6 your magic week: premium but practical ---- */
.mbf-page .mbf-week h2{position:relative;padding-bottom:.8rem;margin-bottom:1.25rem}
.mbf-page .mbf-week h2::after{content:"";position:absolute;left:0;bottom:0;width:3.2rem;height:1px;background:linear-gradient(90deg,var(--mbf-gold),rgba(231,192,125,.15))}
.mbf-page .mbf-week-card{border-radius:16px;background:rgba(255,253,249,.07);border-color:rgba(220,232,242,.2)}
.mbf-page .mbf-week-card h3{display:flex;align-items:center;gap:.45rem;color:#F3D9A6}
.mbf-page .mbf-week-card h3::before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:#DCE8F2;opacity:.85}
.mbf-page .mbf-week-preserve{background:linear-gradient(135deg,rgba(231,192,125,.16),rgba(255,253,249,.05));border-color:rgba(231,192,125,.35)}

/* ---- 7 practical details: cleaner, iconed ---- */
.mbf-page .mbf-pcard{position:relative;background:var(--mb2-ivory);padding-left:4.1rem;box-shadow:0 1px 2px rgba(20,38,58,.04)}
.mbf-page .mbf-pcard::before{content:"";position:absolute;left:1.15rem;top:1.1rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--mbt-soft) center/58% no-repeat;border:1px solid rgba(20,38,58,.08)}
.mbf-page .mbf-practical-grid .mbf-pcard:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316365A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h13l-3-3M20 16H7l3 3'/%3E%3C/svg%3E")}
.mbf-page .mbf-practical-grid .mbf-pcard:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316365A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6 7-11a7 7 0 1 0-14 0c0 5 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.mbf-page .mbf-practical-grid .mbf-pcard:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316365A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E")}
.mbf-page .mbf-practical-grid .mbf-pcard:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316365A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.mbf-page .mbf-pcard h3{font-family:var(--mb2-serif)}

/* ---- 8 final call to action: the box, the price, one action ---- */
.mbf-page .mbf-final .mbf-final-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.25rem,4vw,3.5rem);align-items:center;text-align:left;max-width:1040px;margin-inline:auto;position:relative;z-index:1}
.mbf-page .mbf-final-media{aspect-ratio:4/3;border-radius:22px;border:1px solid rgba(220,232,242,.25);box-shadow:0 26px 60px rgba(0,0,0,.28);background:rgba(255,253,249,.06)}
.mbf-page .mbf-final-credo{font-family:var(--mb2-serif);font-style:italic;color:#F3D9A6;font-size:clamp(1.05rem,1.6vw,1.25rem);margin:0 0 .4rem}
.mbf-page .mbf-final .mbf-final-grid .mbf-price-lg{justify-content:flex-start}
.mbf-page .mbf-final .mbf-final-grid form{display:inline-block}

/* ---- family pages: tablet + phone ---- */
@media (max-width:1100px){.mbf-page .mbf-foryou-grid{margin-inline:clamp(12px,2.5vw,24px);width:auto}}
@media (max-width:900px){
  .mbf-page .mbf-hero-media{min-height:0}
  .mbf-page .mbf-final .mbf-final-grid{grid-template-columns:1fr;text-align:center}
  .mbf-page .mbf-final-media{width:100%;max-width:420px;margin-inline:auto;aspect-ratio:16/10}
  .mbf-page .mbf-final .mbf-final-grid .mbf-price-lg{justify-content:center}
}
@media (max-width:767px){
  .mbf-page .mbf-foryou-grid{padding:1.1rem 1.1rem 1.2rem;border-radius:18px;margin-inline:14px;width:auto}
  .mbf-page .mbf-foryou .mbf-ticks li{font-size:.93rem}
  .mbf-page .mbf-why > div{padding-left:2.6rem}
  .mbf-page .mbf-why > div::before{left:.8rem;top:.72rem;font-size:1.05rem}
  .mbf-page .mbf-meals li{padding-left:1.7rem}
  .mbf-page .mbf-meals li::before{left:.65rem}
  .mbf-page .mbf-pcard{padding:1rem}
  .mbf-page .mbf-pcard::before{left:1rem;top:.95rem;width:1.8rem;height:1.8rem}
  .mbf-page .mbf-pcard h3{padding-left:2.45rem;min-height:1.8rem;display:flex;align-items:center}
  .mbf-page .mbf-sechead{padding-bottom:.6rem;margin-bottom:.9rem}
  .mbf-page .mbf-final-media{display:none}
}
@media (max-width:480px){
  .mbf-page .mbf-contents{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
  .mbf-page .mbf-cgroup{padding:.75rem .7rem}
  .mbf-page .mbf-cgroup-why{display:none}
  .mbf-page .mbf-cgroup li{padding-top:.3rem;margin-top:.3rem;font-size:.86rem}
}


/* ---- photography crops (2026-09-29 photo pass): portrait family heroes shown in 4:3 frames keep faces in view ---- */
.mbf-page .mbf-hero-media[data-mb-asset],.mbf-page .mbf-final-media[data-mb-asset]{background-position:center 18%!important}
.mbf-page .mbf-hero-media[data-mb-asset="family-hero-five-star-family"],.mbf-page .mbf-final-media[data-mb-asset="family-hero-five-star-family"]{background-position:center 42%!important}

/* =================================================== SUPPORTING PAGES */

/* ---- Our Mission: the beliefs read as one editorial spread ---- */
/* bug: .mb-glow::before and .mb-bg-air::before merged into a blurred 420px square in the hero */
.mb-mission-hero.mb-glow::before{left:0;top:0;right:0;bottom:0;width:auto;aspect-ratio:auto;transform:none;filter:none}
.mb-mission-hero .mb-brandmark--lg{width:clamp(110px,11vw,150px);margin-bottom:1rem}
.mb-mission-hero .mb-slot--loop{box-shadow:0 2px 4px rgba(20,38,58,.05),0 28px 70px rgba(20,38,58,.14);border:1px solid var(--mb2-line)}
.mb-mission-beats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;max-width:none;width:100%}
.mb-mission-beats li{grid-template-columns:1fr;gap:.6rem;padding:1.35rem 1.4rem 1.45rem;border-radius:20px;box-shadow:var(--mb2-shadow);position:relative;overflow:hidden}
.mb-mission-beats li::after{content:"";position:absolute;left:1.4rem;right:1.4rem;top:0;height:2px;background:linear-gradient(90deg,var(--mb2-green),rgba(47,122,82,.1))}
.mb-mission-beats li:nth-child(3n+2)::after{background:linear-gradient(90deg,#3F7FAE,rgba(63,127,174,.1))}
.mb-mission-beats li:nth-child(3n)::after{background:linear-gradient(90deg,#E7C07D,rgba(231,192,125,.15))}
.mb-mission-beats .mb-home-stepn{width:2.3rem;height:2.3rem;font-size:1rem}

/* ---- How It Works: the six steps as one visual sequence ---- */
.mb-hiw-hero .mb-slot{box-shadow:0 2px 4px rgba(20,38,58,.05),0 28px 70px rgba(20,38,58,.14);border:1px solid var(--mb2-line)}
.mb-hiw-steps li{transition:transform .2s ease,box-shadow .2s ease}
.mb-hiw-steps li:hover{transform:translateY(-2px);box-shadow:var(--mb2-shadow-lg)}
.mb-hiw-steps .mb-slot--step{border-radius:14px;border:1px solid #EEE7D8}
.mb-hiw-steps h2{font-family:var(--mb2-serif)}
.mb-hiw-know-grid > div{border-left:3px solid var(--mb2-green)}
.mb-hiw-know-grid > div:nth-child(2){border-left-color:#3F7FAE}
.mb-hiw-know-grid > div:nth-child(3){border-left-color:#E7C07D}
.mb-hiw-know-grid > div:nth-child(4){border-left-color:var(--mb2-olive-lt)}

/* ---- Find My Magic Box: approachable, one tone dot per need ---- */
.mbf-needs a{position:relative;padding-left:2.5rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.mbf-needs a::before{content:"";position:absolute;left:1.05rem;top:1.3rem;width:.62rem;height:.62rem;border-radius:50%;background:#5F7040;box-shadow:0 0 0 3px #EEF2E6}
.mbf-needs li:nth-child(2) a::before{background:#16365A;box-shadow:0 0 0 3px #E6EDF4}
.mbf-needs li:nth-child(3) a::before{background:#3F7FAE;box-shadow:0 0 0 3px #E6F2FA}
.mbf-needs li:nth-child(4) a::before{background:#B8733F;box-shadow:0 0 0 3px #F7ECE2}
.mbf-needs li:nth-child(5) a::before{background:#2F7A52;box-shadow:0 0 0 3px #E7F2EA}
.mbf-needs li:nth-child(6) a::before{background:#D9A55E;box-shadow:0 0 0 3px #FBF1E0}
.mbf-needs li:nth-child(7) a::before{background:#0F2A45;box-shadow:0 0 0 3px #E4EAF1}
.mbf-needs li:nth-child(8) a::before{background:#8FA06E;box-shadow:0 0 0 3px #EFF3E8}
.mbf-needs a:hover{transform:translateY(-2px);box-shadow:var(--mb2-shadow);border-color:var(--mb2-navy)}

/* ---- Make Your Magic Box: size art shown whole, not as a sliver ---- */
.mb-sizecard-art{aspect-ratio:4/3;height:auto!important;min-height:0!important;border-radius:16px;overflow:hidden}
.mb-sizecard-art[data-mb-asset]{background-size:cover!important}

/* ---- Producers: elegant frames until real, permissioned photography exists ---- */
.mb-img--pending{position:relative}
.mb-img--pending::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,253,248,0) 55%,rgba(255,253,248,.55) 100%)}

/* ---- Delivery / Made / Served heroes: the same framed image treatment ---- */
.mb-dlv-hero .mb-slot,.mb-mm-hero .mb-asset,.mb-ms-hero .mb-asset,[data-mb-asset="magic-made-hero"],[data-mb-asset="magic-served-hero"],[data-mb-asset="delivery-handoff"]{border-radius:22px;box-shadow:0 2px 4px rgba(20,38,58,.05),0 26px 64px rgba(20,38,58,.13);border:1px solid var(--mb2-line)}

/* ---- FAQ: calmer accordion ---- */
.faq-item{border-radius:14px}
.faq-item summary{font-family:var(--mb2-serif);font-weight:600}

/* ---- Make Your Magic Box on tablets: art beside the facts, not a poster per size ---- */
@media (min-width:481px) and (max-width:1024px){
  .mb-sizecard{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:1.25rem;align-items:start}
  .mb-sizecard > .mb-sizecard-art{grid-column:1;grid-row:1 / span 4;aspect-ratio:8/7;align-self:stretch;margin:0}
  .mb-sizecard > :not(.mb-sizecard-art){grid-column:2}
}

@media (max-width:1100px){.mb-mission-beats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .mb-mission-beats{grid-template-columns:1fr}
  .mb-mission-beats li{padding:1rem 1.05rem 1.1rem}
  .mbf-needs a{padding-left:2.2rem}
  .mbf-needs a::before{left:.85rem;top:1.05rem}
  .mb-sizecard-art{aspect-ratio:16/10}
}