.menu-hero{position:relative;display:flex;align-items:center;min-height:70vh}
.menu-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.menu-hero-content{position:relative;max-width:480px;margin-left:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}

.menu-concept{max-width:720px;margin-inline:auto}

.menu-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}
.menu-card{display:flex;flex-direction:column;gap:var(--space-sm)}

.menu-split{display:flex;flex-direction:column;gap:var(--space-xl)}
.menu-split-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}
.menu-split-item.reverse{direction:rtl}
.menu-split-item.reverse > *{direction:ltr}

.menu-seasonal{max-width:720px;margin-inline:auto}

.menu-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}

.menu-atmosphere{position:relative;min-height:60vh;background:var(--color-surface-secondary);display:flex;align-items:flex-end}
.menu-atmosphere-content{max-width:420px;margin:var(--space-xl)}

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

.menu-cta{display:flex;justify-content:center;text-align:center}
.menu-cta > div{max-width:520px;display:flex;flex-direction:column;gap:var(--space-md)}

@media(max-width:1000px){
.menu-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:768px){
.menu-hero{flex-direction:column;min-height:auto}
.menu-hero-content{margin:var(--space-md);max-width:none;text-align:center}
.menu-cards{grid-template-columns:1fr}
.menu-split-item{grid-template-columns:1fr}
.menu-columns{grid-template-columns:1fr}
}