.recipes-page { --recipe-border:var(--color-border); }
.recipes-page main { overflow:visible; }
.recipes-page .private-header { position:sticky; top:0; z-index:20; will-change:transform; transition:transform .22s ease; }
.recipes-page.recipes-header-hidden .private-header { transform:translateY(-100%); }
.recipes-page [id] { scroll-margin-top:100px; }
.recipes-hero { min-height:420px; display:grid; grid-template-columns:1fr 1fr; background:#102019; }
.recipes-hero__copy { align-self:center; padding:clamp(38px,6vw,78px) clamp(24px,6vw,84px); position:relative; z-index:1; }
.recipes-hero .private-kicker { color:var(--color-accent-light); }
.recipes-hero h1 { max-width:670px; margin:0; color:var(--color-text); font-size:clamp(2.5rem,5vw,4.5rem); line-height:1.02; letter-spacing:-.045em; }
.recipes-hero h1 em { color:var(--color-accent-light); font-style:normal; }
.recipes-hero__copy>p:not(.private-kicker) { max-width:520px; color:var(--color-text-secondary); font-size:1.05rem; line-height:1.6; }
.recipes-hero__image { min-height:420px; background:linear-gradient(90deg,#102019 0%,rgba(16,32,25,.38) 28%,rgba(16,32,25,0) 70%),url('../images/microgreens-salad.jpg') center 48%/cover; }
.recipes-benefits { display:flex; flex-wrap:wrap; gap:16px 25px; padding:0; margin:28px 0 0; list-style:none; color:#e4eadf; font-size:.8rem; line-height:1.45; }
.recipes-benefits li { display:flex; align-items:center; gap:10px; }
.recipes-benefits li>span { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--color-surface); color:var(--color-accent-light); font-size:1.2rem; }
.recipes-disclaimer { max-width:1400px; margin:18px auto 0; padding:0 24px; color:var(--color-text-muted); font-size:.78rem; }
.recipe-category-nav { position:sticky; top:76px; z-index:15; max-width:1400px; margin:22px auto 38px; padding:9px 20px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; scroll-margin-top:100px; background:rgba(23,35,29,.97); backdrop-filter:blur(12px); transition:top .22s ease; }
.recipes-page.recipes-header-hidden .recipe-category-nav { top:0; }
.recipe-category-nav a { min-height:76px; padding:13px 18px; border:1px solid var(--recipe-border); border-radius:14px; display:flex; align-items:center; gap:15px; background:var(--color-bg-secondary); color:var(--color-text); text-decoration:none; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.recipe-category-nav a:hover,.recipe-category-nav a:focus-visible,.recipe-category-nav a.is-active { border-color:#789a6a; background:var(--color-surface); }
.recipe-category-nav a:focus-visible,.recipe-card__toggle:focus-visible,.recipe-detail__close:focus-visible { outline:3px solid var(--color-accent-light); outline-offset:3px; }
.recipe-category-nav a:hover { transform:translateY(-2px); }
.category-icon,.recipe-section__icon { display:grid; flex:0 0 44px; width:44px; height:44px; place-items:center; border-radius:50%; background:#294433; color:var(--color-accent-light); font-size:1.5rem; }
.recipe-category-nav strong,.recipe-category-nav small { display:block; }
.recipe-category-nav strong { font-size:.95rem; }
.recipe-category-nav small { margin-top:4px; color:var(--color-text-secondary); font-size:.75rem; }
.recipe-sections { max-width:1400px; margin:auto; padding:0 24px; }
.recipe-section { margin:0 0 48px; scroll-margin-top:100px; }
.recipe-section__heading { margin:0 0 16px; display:flex; align-items:center; gap:12px; }
.recipe-section__heading h2 { margin:0; font-size:clamp(1.45rem,2.5vw,2rem); letter-spacing:-.025em; }
.recipe-section__heading small { margin-left:auto; color:var(--color-text-secondary); white-space:nowrap; }
.recipe-section__icon { width:42px; height:42px; flex-basis:42px; }
.recipe-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; align-items:start; }
.recipe-card { min-width:0; overflow:hidden; border:1px solid var(--recipe-border); border-radius:13px; background:var(--color-bg-secondary); box-shadow:0 8px 22px rgba(0,0,0,.12); }
.recipe-card__toggle { display:flex; width:100%; padding:0; border:0; flex-direction:column; text-align:left; color:inherit; background:transparent; font:inherit; cursor:pointer; }
.recipe-card__image { position:relative; display:block; width:100%; aspect-ratio:1.7; overflow:hidden; background:#263b2e; }
.recipe-card__image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.recipe-card__toggle:hover .recipe-card__image img { transform:scale(1.04); }
.recipe-card__placeholder { display:grid; width:100%; height:100%; place-items:center; padding:14px; color:var(--color-text-secondary); text-align:center; font-size:.8rem; background:linear-gradient(135deg,#273c30,#17251d); }
.recipe-card__pending { position:absolute; right:7px; top:7px; padding:5px 7px; border-radius:999px; color:#f0f1e8; background:rgba(16,26,21,.86); font-size:.62rem; }
.recipe-card__video-badge { position:absolute; right:8px; bottom:8px; z-index:1; display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border:1px solid rgba(183,215,166,.22); border-radius:999px; color:#f0f1e8; background:rgba(16,32,25,.88); font-size:.68rem; font-weight:700; line-height:1; pointer-events:none; }
.recipe-card__video-badge svg { display:block; width:13px; height:13px; flex:0 0 13px; fill:var(--color-accent-light); }
.recipe-card__body { width:100%; padding:10px 11px 12px; display:flex; flex:1; flex-direction:column; }
.recipe-card__title { min-height:2.5em; font-size:.9rem; line-height:1.25; font-weight:700; }
.recipe-card__description { min-height:3.4em; margin-top:5px; color:var(--color-text-secondary); font-size:.74rem; line-height:1.45; }
.recipe-card__meta { display:flex; flex-wrap:wrap; gap:8px 12px; margin-top:11px; color:var(--color-text-muted); font-size:.68rem; }
.recipe-card__meta span { display:flex; align-items:center; gap:5px; }
.recipe-card__more { width:30px; height:30px; margin:10px 0 0 auto; display:grid; place-items:center; border-radius:50%; background:var(--color-surface); color:var(--color-accent-light); font-size:1.1rem; transition:transform .2s ease,background .2s ease; }
.recipe-card.is-open { border-color:#9bcb8b; }
.recipe-card.is-open .recipe-card__more { transform:rotate(180deg); background:var(--color-accent); color:#17231d; }
.recipe-detail { margin-top:14px; display:grid; grid-template-columns:minmax(180px, .8fr) minmax(0,2.2fr); gap:20px; padding:18px; border:1px solid var(--recipe-border); border-radius:15px; background:var(--color-surface); animation:recipe-reveal .24s ease-out; }
.recipe-detail[hidden] { display:none; }
.recipe-detail__photo { width:100%; height:100%; min-height:240px; max-height:360px; object-fit:cover; border-radius:10px; background:#17251d; }
.recipe-detail__content { min-width:0; }
.recipe-detail__top { display:flex; align-items:flex-start; gap:16px; }
.recipe-detail__top h3 { margin:0; font-size:clamp(1.15rem,2vw,1.65rem); }
.recipe-detail__close { width:36px; height:36px; flex:0 0 36px; margin-left:auto; border:0; border-radius:50%; color:var(--color-text); background:#385141; font-size:1.3rem; cursor:pointer; }
.recipe-detail__facts { display:flex; flex-wrap:wrap; gap:8px 16px; margin:10px 0; color:var(--color-accent-light); font-size:.78rem; }
.recipe-detail__intro { margin:8px 0 16px; color:var(--color-text-secondary); font-size:.87rem; line-height:1.55; }
.recipe-detail__columns { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr); gap:20px; }
.recipe-detail__columns h4 { margin:0 0 9px; font-size:.96rem; }
.recipe-detail__columns ul,.recipe-detail__columns ol { margin:0; padding-left:20px; color:var(--color-text-secondary); font-size:.78rem; line-height:1.55; }
.recipe-detail__columns li+li { margin-top:5px; }
.recipe-detail__video { margin-top:18px; }
.recipe-detail__video h4 { margin:0 0 9px; font-size:.96rem; }
.recipe-detail__video-frame { width:min(100%,680px); aspect-ratio:16/9; overflow:hidden; border:1px solid var(--recipe-border); border-radius:10px; background:#101a15; }
.recipe-detail__video-frame iframe { display:block; width:100%; height:100%; border:0; }
.recipe-detail__image-note { margin:8px 0 0; color:var(--color-text-muted); font-size:.7rem; }
.recipes-cta { max-width:1352px; min-height:260px; margin:0 auto 64px; padding:clamp(32px,6vw,65px); border:1px solid var(--recipe-border); border-radius:22px; display:flex; align-items:center; background:linear-gradient(90deg,rgba(16,32,25,.96),rgba(16,32,25,.78)),url('../images/business-hero.png') center/cover; }
.recipes-cta>div { max-width:690px; }
.recipes-cta .private-kicker { color:var(--color-accent-light); }
.recipes-cta h2 { margin:0; font-size:clamp(2rem,4vw,3.3rem); line-height:1.05; letter-spacing:-.04em; }
.recipes-cta h2 em { color:var(--color-accent-light); font-style:normal; }
.recipes-cta p:not(.private-kicker) { color:var(--color-text-secondary); line-height:1.6; }
.recipes-cta .private-button { display:inline-flex; align-items:center; gap:14px; margin-top:10px; padding:14px 22px; border-radius:999px; text-decoration:none; font-weight:700; }
@keyframes recipe-reveal { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1100px) { .recipe-category-nav { top:92px; } .recipe-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .recipe-detail { grid-template-columns:minmax(150px,.65fr) minmax(0,2fr); } }
@media(max-width:800px) { .recipe-category-nav { top:82px; } }
@media(max-width:760px) { .recipes-hero { grid-template-columns:1fr; } .recipes-hero__copy { padding:42px 24px 32px; } .recipes-hero__image { min-height:260px; background-image:linear-gradient(0deg,#102019 0%,rgba(16,32,25,.05) 45%),url('../images/microgreens-salad.jpg'); } .recipe-category-nav { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:18px; padding-inline:12px; gap:6px; } .recipe-category-nav a { min-height:66px; justify-content:center; gap:6px; padding:8px 5px; text-align:center; } .category-icon { display:none; } .recipe-category-nav strong { font-size:.74rem; line-height:1.15; } .recipe-category-nav small { display:none; } .recipe-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .recipes-cta { margin-inline:16px; } }
@media(max-width:560px) { .recipe-category-nav { top:110px; } .recipe-sections { padding-inline:14px; } .recipe-grid { grid-template-columns:1fr; } .recipe-detail { grid-template-columns:1fr; padding:13px; } .recipe-detail__photo { min-height:190px; max-height:250px; } .recipe-detail__columns { grid-template-columns:1fr; gap:16px; } .recipe-card__image { aspect-ratio:1.9; } .recipe-card__title,.recipe-card__description { min-height:0; } .recipes-disclaimer { padding-inline:16px; } .recipes-cta { min-height:0; padding:28px 22px; margin-bottom:42px; } .recipes-benefits { gap:12px; } }
@media(prefers-reduced-motion:reduce) { .recipe-category-nav a,.recipe-card__image img,.recipe-card__more { transition:none; } .recipe-detail { animation:none; } }