/* Macro Sections & Calc — appended */

/* MACRO HOMEPAGE SECTION */
.mmw-macro { background: #171412; color: #F2EDE4; padding: 96px 40px; position: relative; overflow: hidden; }
.mmw-macro::before { content:''; position:absolute; inset:0; background: radial-gradient(circle at 20% 30%, rgba(200,114,74,.15) 0%, transparent 50%); pointer-events:none; }
.mmw-macro__inner { display:grid; grid-template-columns: 1fr 1.1fr; gap:72px; align-items:center; position:relative; }
.mmw-macro__title { font-family: var(--font-head); font-size: clamp(30px,4vw,46px); font-weight:700; line-height:1.1; margin: 10px 0 20px; color:#fff; }
.mmw-macro__body { font-size: 16px; color: rgba(242,237,228,.7); line-height:1.75; margin-bottom:32px; max-width:460px; }
.mmw-macro__cta { display:flex; gap:12px; flex-wrap:wrap; }
.mmw-eyebrow--light { color:#E8A474; }
.mmw-btn--outline-light { background:none; color:#fff; border-color:rgba(255,255,255,.3); }
.mmw-btn--outline-light:hover { border-color:#fff; background: rgba(255,255,255,.05); }

.mmw-macro__panel { background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:8px; padding:32px; backdrop-filter: blur(10px); box-shadow: 0 20px 60px rgba(0,0,0,.4); }
.mmw-macro__panel-head { display:flex; justify-content:space-between; align-items:center; padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:24px; }
.mmw-macro__panel-label { font-size:11px; letter-spacing:.18em; text-transform:uppercase; color: rgba(242,237,228,.5); margin-bottom:6px; font-weight:700; }
.mmw-macro__panel-cals { font-family: var(--font-head); font-size:40px; font-weight:700; color:#fff; line-height:1; }
.mmw-macro__panel-cals small { font-family: var(--font-body); font-size:14px; font-weight:400; color: rgba(242,237,228,.5); }
.mmw-macro__ring { position:relative; width:88px; height:88px; color:#E8A474; }
.mmw-macro__ring-value { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:var(--font-head); font-weight:700; font-size:17px; color:#fff; }
.mmw-macro__ring-progress { animation: ring-fill 1.2s ease-out; }
@keyframes ring-fill { from { stroke-dashoffset: 264; } }
.mmw-macro__bars { display:flex; flex-direction:column; gap:18px; margin-bottom:24px; }
.mmw-macro__bar-head { display:flex; justify-content:space-between; margin-bottom:8px; }
.mmw-macro__bar-name { font-size:13px; font-weight:600; color:#fff; letter-spacing:.02em; }
.mmw-macro__bar-val { font-size:13px; color: rgba(242,237,228,.6); }
.mmw-macro__bar-val strong { color:#fff; font-weight:600; }
.mmw-macro__bar-track { height:6px; background: rgba(255,255,255,.08); border-radius:3px; overflow:hidden; }
.mmw-macro__bar-fill { height:100%; border-radius:3px; transform-origin:left; animation: bar-grow 1s ease-out; }
@keyframes bar-grow { from { transform: scaleX(0); } }
.mmw-macro__chips { display:flex; gap:8px; flex-wrap:wrap; padding-top:20px; border-top:1px solid rgba(255,255,255,.08); }
.mmw-macro__chip { font-size:12px; color: rgba(242,237,228,.7); background: rgba(255,255,255,.05); padding:6px 12px; border-radius:20px; border:1px solid rgba(255,255,255,.08); }

/* SEASONAL PICKS */
.mmw-seasonal { padding: 80px 40px; background: var(--bg); }
.mmw-seasonal__head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:40px; flex-wrap:wrap; gap:24px; }
.mmw-seasonal__title { font-family:var(--font-head); font-size:clamp(28px,3.5vw,40px); font-weight:700; color:var(--text); margin-top:8px; }
.mmw-seasonal__ingredients { display:flex; gap:8px; flex-wrap:wrap; }
.mmw-seasonal__chip { background: var(--bg-card); border:1px solid var(--border); border-radius:20px; padding:8px 16px; font-size:13px; color:var(--text-muted); }

/* BY THE NUMBERS */
.mmw-stats { background: var(--bg-alt); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding: 64px 40px; }
.mmw-stats__grid { display:grid; grid-template-columns: repeat(4,1fr); gap:48px; text-align:center; }
.mmw-stats__value { font-family:var(--font-head); font-size:clamp(44px,5vw,64px); font-weight:700; color:var(--accent); line-height:1; margin-bottom:8px; }
.mmw-stats__value span { font-size:.5em; margin-left:4px; opacity:.6; }
.mmw-stats__label { font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--text-muted); font-weight:700; }

/* MACRO CALC PAGE */
.mmw-macro-calc-hero { background:#171412; color:#F2EDE4; padding:120px 40px 60px; text-align:center; }
.mmw-macro-calc-hero__title { font-family:var(--font-head); font-size:clamp(36px,5vw,58px); font-weight:700; color:#fff; margin:10px 0 14px; }
.mmw-macro-calc-hero__sub { font-size:16px; color:rgba(242,237,228,.7); max-width:560px; margin:0 auto; line-height:1.7; }
.mmw-calc-layout { display:grid; grid-template-columns: 1.2fr 1fr; gap:48px; align-items:start; }
.mmw-calc-form__title { font-family:var(--font-head); font-size:26px; font-weight:700; margin-bottom:24px; color:var(--text); }
.mmw-calc-form__grid { display:grid; grid-template-columns: 1fr 1fr; gap:16px; margin-bottom:28px; }
.mmw-calc-field { display:flex; flex-direction:column; gap:6px; }
.mmw-calc-field span { font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); }
.mmw-calc-field input, .mmw-calc-field select { background:var(--bg-card); border:1.5px solid var(--border); border-radius:var(--radius); padding:12px 14px; font-size:15px; color:var(--text); outline:none; transition:border-color .15s; }
.mmw-calc-field input:focus, .mmw-calc-field select:focus { border-color:var(--accent); }
.mmw-calc-fieldset { border:none; margin-bottom:24px; }
.mmw-calc-fieldset legend { font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); margin-bottom:12px; }
.mmw-calc-radios { display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
.mmw-calc-radios--3col { grid-template-columns: repeat(3,1fr); }
.mmw-calc-radio { cursor:pointer; }
.mmw-calc-radio input { position:absolute; opacity:0; }
.mmw-calc-radio span { display:block; padding:14px 16px; background:var(--bg-card); border:1.5px solid var(--border); border-radius:var(--radius); transition:all .15s; }
.mmw-calc-radio span strong { display:block; font-size:14px; color:var(--text); margin-bottom:2px; font-weight:600; }
.mmw-calc-radio span small { font-size:12px; color:var(--text-muted); }
.mmw-calc-radio input:checked ~ span { border-color:var(--accent); background:var(--accent-light); }
.mmw-calc-radio input:checked ~ span strong { color:var(--accent); }
.mmw-calc-results__card { background:var(--bg-card); border:1px solid var(--border); border-radius:8px; padding:32px; box-shadow:var(--shadow); position:sticky; top:96px; }
.mmw-calc-results__label { font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--text-muted); margin-bottom:6px; }
.mmw-calc-results__calories { font-family:var(--font-head); font-size:56px; font-weight:700; color:var(--accent); line-height:1; margin-bottom:28px; }
.mmw-calc-results__calories small { font-family:var(--font-body); font-size:16px; font-weight:400; color:var(--text-muted); }
.mmw-calc-results__macros { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:24px; }
.mmw-calc-macro { background:var(--bg-alt); border-radius:var(--radius); padding:16px 12px; text-align:center; border-top:3px solid var(--c); }
.mmw-calc-macro__val { font-family:var(--font-head); font-size:22px; font-weight:700; color:var(--text); }
.mmw-calc-macro__label { font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); margin:4px 0 2px; }
.mmw-calc-macro__pct { font-size:13px; color:var(--c); font-weight:700; }
.mmw-calc-results__meta { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding-top:20px; border-top:1px solid var(--border); }
.mmw-calc-results__meta div { text-align:center; }
.mmw-calc-results__meta span { display:block; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); margin-bottom:4px; }
.mmw-calc-results__meta strong { font-family:var(--font-head); font-size:18px; font-weight:700; color:var(--text); }
.mmw-calc-results__disclaimer { font-size:11px; color:var(--text-light); line-height:1.6; margin-top:14px; text-align:center; }

@media (max-width:1024px) {
  .mmw-macro__inner, .mmw-calc-layout { grid-template-columns:1fr; gap:40px; }
  .mmw-stats__grid { grid-template-columns: repeat(2,1fr); gap:32px; }
}
@media (max-width:768px) {
  .mmw-macro { padding:56px 20px; }
  .mmw-calc-form__grid, .mmw-calc-radios, .mmw-calc-radios--3col { grid-template-columns:1fr; }
  .mmw-calc-results__card { position:static; }
}
