/* Страница "Стоимость" (/pricing): исключения этой страницы в общем
   блоке первого экрана (pg-hero, чужой файл - не трогаем его). Общие
   блоки этой страницы (pc-tablica, pc-vhodit, pc-oplata) правятся в
   своих файлах - здесь только то, что относится к переиспользуемому
   pg-hero. */

/* В дампе страницы (фрейм KloMi, 1440x620) секция первого экрана и фото
   в ней - 620 в высоту, а не 720/700, как у страниц программ. Фото и в
   ширину уже 620 (у программ - 660) - тот же приём "ширина фото 620 у
   поездок против 660 у программ" (docs/stranicy.md), что уже применён на
   /camps. Правило - по имени страницы на <body>, запертое в ширину
   @media (min-width: 861px), иначе настольное правило перебьёт мобильную
   высоту 290. Мобильная раскладка совпадает с общей (фото 290), исключения
   на телефоне не нужно. */
@media (min-width: 861px) {
  body.page-pricing .pg-hero__row {
    height: 620px;
  }

  body.page-pricing .pg-hero__photo {
    flex: 0 0 620px;
    width: 620px;
    height: 620px;
  }
}

/* У этой страницы нет четырёх плашек формата (pg_hero_format_items -
   пустой список, build/stranicy-teksty/pricing.php): в дампе у секции
   KloMi слоя "Формат" нет вовсе. Разметка pg-hero.tpl (чужой файл) всё
   равно рисует обёртку .pg-hero__format - её padding-top и gap родителя
   добавляли бы лишнюю высоту на пустом месте. Тот же приём, что на
   /camps (camps.css, чужой файл - не трогаем, здесь своя копия правила
   под своим именем страницы). */
body.page-pricing .pg-hero__format:not(:has(*)) {
  display: none;
}

/* Кегль заголовка первого экрана: у этой страницы 44/50 на компьютере и
   28/32 на телефоне (таблица кеглей по всем страницам - docs/stranicy.md).
   Замерено дампом (стоимость-десктоп: fontSize 44, стоимость-мобильная:
   fontSize 28; высота строки - метрика 1,14). Настольное правило запертo
   в ширину, иначе перебьёт мобильное. */
@media (min-width: 861px) {
  body.page-pricing .pg-hero__h1 {
    font-size: 44px;
    line-height: 50px;   /* 44 x 1.14 */
  }
}

@media (max-width: 860px) {
  body.page-pricing .pg-hero__h1 {
    font-size: 28px;
    line-height: 32px;   /* 28 x 1.14 */
  }
}