.menu-page{display:block}

.menu-hero{position:relative;min-height:70vh;display:flex;align-items:center}
.menu-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.menu-hero__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.35)}
.menu-hero__content{position:relative;z-index:2}
.menu-hero__text{max-width:480px;color:#fff;display:flex;flex-direction:column;gap:1rem}
.menu-hero h1,.menu-hero p{color:#fff}

.menu-categories__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}
.menu-categories__grid .card{text-align:center;padding:2rem}

.menu-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}
.menu-col{min-width:0}

.menu-cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}
.menu-dish img{border-radius:12px;margin-bottom:1rem}

.menu-wide-text{max-width:800px}

.menu-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;align-items:center}
.menu-split__text{max-width:520px}
.menu-split__media{min-height:260px;background:var(--color-surface-sand-bg);border-radius:16px}

.menu-centered{max-width:600px;margin-inline:auto;text-align:center}

.menu-cta{background:var(--color-accent-green);color:#fff}
.menu-cta__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}
.menu-cta h2,.menu-cta p{color:#fff}

@media(max-width:1024px){
.menu-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-two-col,.menu-split{grid-template-columns:1fr}
}

@media(max-width:600px){
.menu-categories__grid,.menu-cards-3{grid-template-columns:1fr}
}