/* =========================================================
   Чай, лимонады, десерты
   ========================================================= */
.drinks { padding: var(--section) 0; background: radial-gradient(50% 60% at 85% 40%, rgba(240, 138, 60, .12), transparent 70%), var(--forest-2); }
.drinks__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(40px, 6vw, 90px); align-items: center; }
.drinks__list { list-style: none; margin: 10px 0 34px; padding: 0; }
.drinks__list li { padding: 18px 0; border-bottom: 1px solid var(--gold-line); }
.drinks__list b { display: block; margin-bottom: 4px; font: 700 21px/1.3 var(--display); letter-spacing: .03em; color: var(--gold-hi); }
.drinks__list span { font-size: 15px; color: var(--muted-l); }
.dessert { padding: 24px 26px; background: rgba(8, 21, 15, .6); border: 1px solid var(--gold-line); }
.dessert__t { margin: 0 0 10px; font: italic 500 22px/1 var(--script); color: var(--gold); }
.dessert__row { display: flex; align-items: baseline; gap: 10px; margin: 0; padding: 7px 0; font-size: 15.5px; }
.dessert__row i { flex: 1; min-width: 12px; border-bottom: 1px dotted var(--gold-soft); transform: translateY(-4px); }
.dessert__row b { white-space: nowrap; color: var(--gold-hi); }

/* фото: одно большое сверху, два одинаковых снизу, все края на одной линии */
.drinks__pics { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 300px 220px; gap: 12px; }
.dp { position: relative; margin: 0; overflow: hidden; border: 1px solid var(--gold-soft); }
.dp--main { grid-column: 1 / -1; border-radius: 240px 240px 0 0; }
.dp img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.dp:hover img { transform: scale(1.04); }
.dp--main img { object-position: center 60%; }
.dp:nth-child(2) img { object-position: center 55%; }
.drinks__pics .reveal:nth-child(2) { transition-delay: .1s; }
.drinks__pics .reveal:nth-child(3) { transition-delay: .2s; }

@media (max-width: 900px) {
  .drinks__grid { grid-template-columns: 1fr; }
  .drinks__pics { max-width: 560px; }
}
@media (max-width: 600px) {
  .drinks__pics { grid-template-rows: 220px 160px; gap: 8px; }
  .dp--main { border-radius: 160px 160px 0 0; }
}