.section-menu-hero {
  padding-top: var(--space-80);
  padding-bottom: var(--space-64);
}

.section-menu-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: var(--space-40);
  align-items: center;
}

.section-menu-hero-copy p {
  max-width: 640px;
}

.section-menu-hero-media {
  position: relative;
  padding: var(--space-16);
  overflow: hidden;
}

.section-menu-hero-media img {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-elevated);
}

.section-menu-hero-media-overlay {
  position: absolute;
  inset: 0;
  opacity: 0.35;
  pointer-events: none;
}

.section-menu-hero-badge {
  position: absolute;
  left: var(--space-20);
  bottom: var(--space-20);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}

.section-menu-hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.section-menu-header {
  max-width: 760px;
}

.section-menu-intro {
  margin-top: var(--space-16);
}

.section-menu-grid-main {
  margin-top: var(--space-40);
}

.section-menu-drinks {
  padding-top: var(--space-64);
  padding-bottom: var(--space-64);
  background: radial-gradient(circle at top, rgba(255, 122, 26, 0.08), transparent 65%);
}

.section-menu-drinks-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: var(--space-40);
  align-items: center;
}

.section-menu-drinks-media {
  padding: var(--space-16);
}

.section-menu-drinks-media img {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-elevated);
}

.section-menu-drinks-grid {
  margin-top: var(--space-24);
}

.section-menu-drinks-copy .section-heading {
  margin-bottom: var(--space-12);
}

.section-menu-drinks-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.section-menu-list {
  display: grid;
  gap: var(--space-8);
  font-size: var(--font-size-sm);
}

.section-menu-list-text {
  margin-left: var(--space-8);
  color: var(--color-text-muted);
}

.section-menu-poker-grid {
  margin-top: var(--space-32);
}

.section-menu-veggie {
  padding-top: var(--space-64);
  padding-bottom: var(--space-64);
}

.section-menu-veggie-inner {
  display: grid;
}

.section-menu-veggie-copy {
  max-width: 920px;
}

.section-menu-veggie-grid {
  margin-top: var(--space-24);
}

.section-menu-desserts-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: var(--space-40);
  align-items: center;
}

.section-menu-desserts-media {
  padding: var(--space-16);
}

.section-menu-desserts-media img {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-elevated);
}

.section-menu-tasting-inner {
  max-width: 960px;
}

.section-menu-tasting-grid {
  margin-top: var(--space-32);
}

.section-menu-tasting-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.section-menu-family-inner {
  max-width: 960px;
}

.section-menu-family-grid {
  margin-top: var(--space-24);
}

.section-menu-seasonal-inner {
  max-width: 1040px;
}

.section-menu-seasonal-grid {
  margin-top: var(--space-32);
}

.section-menu-allergens-inner {
  max-width: 960px;
}

.section-menu-allergens-grid {
  margin-top: var(--space-24);
  gap: var(--space-32);
}

.section-menu-allergens-footer {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

.section-menu-bottom-cta-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-24);
  border-top: 1px solid var(--color-border-subtle);
  padding-top: var(--space-24);
}

.section-menu-bottom-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
}

@media (max-width: 1024px) {
  .section-menu-hero-inner,
  .section-menu-drinks-inner,
  .section-menu-desserts-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .section-menu-hero-media,
  .section-menu-drinks-media,
  .section-menu-desserts-media {
    order: -1;
  }
}

@media (max-width: 768px) {
  .section-menu-hero {
    padding-top: var(--space-64);
  }

  .section-menu-bottom-cta-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .section-menu-hero-badge {
    left: var(--space-16);
    right: var(--space-16);
    bottom: var(--space-16);
  }
}

@media (max-width: 480px) {
  .section-menu-hero-cta,
  .section-menu-tasting-cta,
  .section-menu-allergens-footer,
  .section-menu-bottom-actions {
    flex-direction: column;
    align-items: stretch;
  }
}