.menu-page section{position:relative}

.menu-hero{padding:0}
.menu-hero-image{width:100%;height:520px;object-fit:cover}
.menu-hero-content{position:absolute;top:50%;left:5%;transform:translateY(-50%);max-width:520px;display:flex;flex-direction:column;gap:1rem;color:#fff}
.menu-hero-content h1,.menu-hero-content p{color:#fff}

@media(max-width:900px){
.menu-hero{display:flex;flex-direction:column}
.menu-hero-image{height:auto}
.menu-hero-content{position:static;transform:none;color:var(--color-text-primary);padding:var(--space-4) var(--space-3)}
.menu-hero-content h1,.menu-hero-content p{color:var(--color-text-primary)}
}

.menu-philosophy h2{text-align:center}
.menu-philosophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);max-width:700px;margin:0 auto}
.menu-philosophy-grid>div{min-width:0}
@media(max-width:900px){.menu-philosophy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.menu-philosophy-grid{grid-template-columns:1fr}}

.menu-chef-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.menu-chef-grid>.card{min-width:0;display:flex;flex-direction:column;gap:1rem}
@media(max-width:1000px){.menu-chef-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.menu-chef-grid{grid-template-columns:1fr}}

.menu-main-list{max-width:800px}

.menu-starters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.menu-starters-grid>div{min-width:0}
@media(max-width:800px){.menu-starters-grid{grid-template-columns:1fr}}

.menu-dessert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:center}
.menu-dessert-grid>div{min-width:0}
@media(max-width:900px){.menu-dessert-grid{grid-template-columns:1fr}}

.menu-drinks h2{text-align:center}
.menu-drinks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);max-width:700px;margin:0 auto}
.menu-drinks-grid>div{min-width:0}
@media(max-width:900px){.menu-drinks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.menu-drinks-grid{grid-template-columns:1fr}}

.menu-seasonal{background:var(--color-surface-alt-bg)}
.menu-seasonal-content{max-width:700px;margin:0 auto;text-align:center}

.menu-cta{text-align:center}
.menu-cta .container{display:flex;flex-direction:column;align-items:center;gap:1rem}

.fade-in{opacity:0;transform:translateY(20px);transition:all 0.6s ease}
.fade-in.visible{opacity:1;transform:none}