@layer pages {
  /* Стоимость услуг (/price/): группы прайса слева, карточка записи справа.
     Прайс правит врач: число групп и строк любое, длинные названия переносятся, цена — нет. */
  .prices-layout { gap: 24px; align-items: start; }
  /* В макете между шапкой страницы и прайсом 28px, а .deep__main даёт 40 */
  @media (min-width: 821px) { .prices-layout { margin-top: -12px; } }
  .prices-groups { min-width: 0; }

  .prices-group__title { margin-bottom: 8px; font-size: 21px; line-height: 1.3; }
  .prices-row { min-width: 0; }
  .prices-row__name { min-width: 0; color: var(--ink); overflow-wrap: anywhere; }
  .prices-row__price { flex: none; }

  /* Карточка записи остаётся на виду при прокрутке длинного прайса */
  .prices-layout > .booking-card { position: sticky; top: 24px; }

  @media (max-width: 820px) {
    .prices-layout > .booking-card { position: static; }
    .prices-row { gap: 16px; }
  }
}