/* Foodzu storefront v4 — fresh wellness, made to order */
:root { --fz-deep:#123c2c; --fz-green:#238b45; --fz-mint:#eaf5e8; --fz-paper:#fbfcf8; }
body { background:var(--fz-paper); }
header { border-bottom-color:#e7ece5; }
header nav { gap:22px; }
header nav > a:not(.cart-link) { font-size:13px; white-space:nowrap; }
.category-section { padding-top:30px; }
.category-text-menu { display:flex; gap:8px; padding:2px 0 8px; overflow-x:auto; }
.category-text-menu a { flex:0 0 auto; padding:10px 16px; border:1px solid #dde6df; border-radius:10px; background:#fff; color:#395447; font-size:13px; font-weight:700; }
.category-text-menu a:hover { border-color:#8fbaa0; color:var(--fz-green); }
.category-text-menu a.active { border-color:var(--fz-deep); background:var(--fz-deep); color:#fff; }
.catalogue-cta { margin:-52px 0 80px; text-align:center; }
.hero.hero-compact { position:relative; background:linear-gradient(120deg,#e8f5e6 0%,#f3f7e8 60%,#fff5d9 100%); box-shadow:inset 0 0 0 1px rgba(35,139,69,.06); }
.hero-compact h1 { font-size:clamp(48px,5.8vw,78px); }
.hero-compact p { max-width:580px; }
.hero-triptych figure { box-shadow:0 18px 40px rgba(18,60,44,.14); }
.freshness-strip { width:min(1320px,90%); margin:18px auto 0; padding:15px 20px; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; border:1px solid #e2e9df; border-radius:15px; background:#fff; }
.freshness-strip span { display:flex; align-items:center; gap:9px; color:#465f54; font-size:13px; font-weight:600; }
.freshness-strip b { width:28px; height:28px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:var(--fz-mint); color:var(--fz-green); font-size:10px; }
.how-it-works { padding:80px max(5vw,24px) 28px; }
.how-it-works .section-heading > p { max-width:290px; margin:0; color:var(--muted); text-align:right; }
.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.steps-grid article { min-height:150px; padding:24px; display:flex; gap:16px; border:1px solid #e3e9e1; border-radius:18px; background:#fff; }
.steps-grid article > span { width:34px; height:34px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:var(--fz-deep); color:#fff; font-weight:700; }
.steps-grid h3 { margin:4px 0 8px; font:600 21px Fraunces,serif; }
.steps-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.wellness-plans { margin:10px max(5vw,24px) 90px; padding:48px; display:grid; grid-template-columns:.78fr 1.22fr; gap:64px; border-radius:26px; background:var(--fz-deep); color:#fff; scroll-margin-top:110px; }
.plans-intro h2 { margin:10px 0 18px; font:700 clamp(38px,4.5vw,62px)/1 Fraunces,serif; }
.plans-intro h2 em { color:#bfe48b; }
.plans-intro p { max-width:460px; color:#c8d7d0; line-height:1.7; }
.plan-list { display:grid; }
.plan-list a { padding:19px 4px; display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:15px; border-bottom:1px solid rgba(255,255,255,.16); }
.plan-list a:first-child { border-top:1px solid rgba(255,255,255,.16); }
.plan-list > a > span { color:#91ab9f; font-size:12px; }
.plan-list div { display:grid; gap:4px; }
.plan-list b { font:600 20px Fraunces,serif; }
.plan-list small { color:#9fb4ab; }
.plan-list strong { color:#bfe48b; font-size:12px; }
.product { box-shadow:0 3px 20px rgba(24,60,41,.07); }
.product:hover { box-shadow:0 16px 38px rgba(24,60,41,.12); }
.product-info { min-height:200px; }
.photo span { background:rgba(255,255,255,.9); backdrop-filter:blur(6px); }
@media(max-width:1120px){header nav{gap:14px}.wellness-plans{gap:35px;padding:38px}}
@media(max-width:850px){header nav{width:100%;order:4;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px}.freshness-strip{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr}.wellness-plans{grid-template-columns:1fr}.how-it-works .section-heading>p{text-align:left}.hero.hero-compact{height:auto;min-height:520px}}
@media(max-width:560px){.category-section{padding:22px 14px 16px}.category-section .section-heading{margin-bottom:14px}.category-section .section-heading>div{display:none}.category-text-menu{margin:0}.category-text-menu a{padding:9px 13px;font-size:12px}.catalogue-cta{margin:-50px 0 65px}.freshness-strip{width:calc(100% - 28px);grid-template-columns:1fr;padding:12px}.freshness-strip span{font-size:12px}.how-it-works{padding:55px 14px 20px}.steps-grid article{min-height:0;padding:18px}.wellness-plans{margin:15px 14px 65px;padding:27px 20px;border-radius:20px}.plan-list a{grid-template-columns:28px 1fr}.plan-list strong{display:none}.plan-list b{font-size:18px}.plan-list small{font-size:12px}.hero-compact h1{font-size:47px}}