/* widget: mr-menu-cocktails */
.mr-cocktails { background: var(--mr-white); padding-top: 120px; }
.mr-cocktails__wave { margin-bottom: 64px; }
.mr-cocktails__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.mr-cocktails__media { position: relative; aspect-ratio: 544 / 680; }
.mr-cocktails__media::before {
  content: ''; position: absolute; inset: 0; transform: translate(-36px, -28px) rotate(-3deg);
  border-radius: var(--mr-radius-lg); background: var(--mr-teal-light); z-index: 0;
}
.mr-cocktails__media img {
  position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover;
  border-radius: var(--mr-radius-lg); box-shadow: 0 30px 40px -20px rgba(31, 27, 18, .35);
}
.mr-cocktails__text { display: flex; flex-direction: column; gap: 16px; }
.mr-cocktails__list { display: flex; flex-direction: column; gap: 32px; padding-top: 24px; }
.mr-cocktail { gap: 4px; padding-left: 16px; border-left: 2px solid transparent; }
.mr-cocktail--signature { border-color: var(--mr-primary); }

@media (max-width: 900px) {
  .mr-cocktails__grid { grid-template-columns: 1fr; gap: 56px; }
  .mr-cocktails__media { max-width: 440px; width: 100%; justify-self: center; aspect-ratio: 4 / 4.6; }
  .mr-cocktails__media::before { transform: translate(-18px, -16px) rotate(-3deg); }
}