/* widget: mr-menu-starters (.mr-dish is also used by mr-menu-cocktails / mr-menu-desserts) */
.mr-starters { padding: 64px 0 136px; background: var(--mr-white); }
.mr-starters__grid { display: grid; grid-template-columns: 368fr 736fr; gap: 48px; align-items: start; }
.mr-starters__intro { display: flex; flex-direction: column; gap: 16px; }
.mr-starters__photo { overflow: hidden; border-radius: var(--mr-radius-lg); aspect-ratio: 1; background: var(--mr-sand-2); }
.mr-starters__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--mr-ease); }
.mr-starters__photo:hover img { transform: scale(1.04); }

.mr-starters__list { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 48px; }
.mr-dish { display: flex; flex-direction: column; gap: 8px; }
.mr-starters .mr-dish { padding-bottom: 36px; border-bottom: 1px solid var(--mr-sand); }
.mr-dish__name { font-family: var(--mr-font-display); font-weight: 600; font-size: 1.25rem; line-height: 1.5; color: var(--mr-ink); }

@media (max-width: 900px) {
  .mr-starters { padding-bottom: 96px; }
  .mr-starters__grid { grid-template-columns: 1fr; }
  .mr-starters__photo { aspect-ratio: 16 / 10; }
}
@media (max-width: 600px) {
  .mr-starters__list { grid-template-columns: 1fr; gap: 28px; }
  .mr-starters .mr-dish { padding-bottom: 24px; }
}