.menu-page { }

.menu-hero { position: relative; }
.menu-hero-image { width:100%; height:70vh; object-fit:cover; }
.menu-hero-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(38,34,32,0.7), rgba(38,34,32,0.1)); display:flex; align-items:flex-end; }
.menu-hero-text { max-width:520px; margin: var(--space-4); color: var(--color-text-inverse); display:flex; flex-direction:column; gap:var(--space-2); }

.menu-philosophy-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-4); margin-top: var(--space-4); }
.menu-philosophy-col { min-width:0; padding-top:var(--space-2); border-top:2px solid var(--color-accent-gold); }

.menu-signature-item { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-4); align-items:center; margin-top: var(--space-5); }
.menu-signature-item.reverse { direction: rtl; }
.menu-signature-item.reverse > * { direction:ltr; }
.menu-signature-image img { width:100%; }
.menu-signature-text { max-width:520px; }

.menu-seasonal-grid { display:grid; grid-template-columns: 60% 40%; gap: var(--space-4); align-items:center; }
.menu-seasonal-text { min-width:0; }
.menu-seasonal-image img { width:100%; }

.menu-tasting-inner { max-width:600px; margin-inline:auto; display:flex; flex-direction:column; gap:var(--space-2); border-top:2px solid var(--color-accent-gold); padding-top:var(--space-3); }

.menu-drinks-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-4); margin-top: var(--space-4); }
.menu-drinks-col { min-width:0; }

.menu-experience-grid { display:grid; grid-template-columns: 60% 40%; gap: var(--space-4); align-items:start; }
.menu-experience-highlight { background: var(--color-surface-elevated); border:1px solid var(--color-border-muted); padding: var(--space-3); border-top:2px solid var(--color-accent-gold); }

.menu-cta .container { display:flex; flex-direction:column; align-items:center; gap:var(--space-2); }

@media (max-width: 900px) {
  .menu-philosophy-grid { grid-template-columns:1fr; }
  .menu-signature-item { grid-template-columns:1fr; }
  .menu-seasonal-grid { grid-template-columns:1fr; }
  .menu-drinks-grid { grid-template-columns:1fr; }
  .menu-experience-grid { grid-template-columns:1fr; }
  .menu-hero-image { height:50vh; }
  .menu-hero-text { margin: var(--space-3); }
}