/* ============================================================================
 *  home.css — главная: резерв места под блоки, которые рисует JS (волна S4, CLS)
 *  Без резерва баннер, категории и сетка организаций «выталкивали» вниз уже
 *  видимый серверный текст — CLS главной на телефоне был > 1.
 *  Подключается через $extraCss в public/index.php (попадает в общий CSS-бандл).
 * ========================================================================== */

/* Баннер-слайдер: место под него отдаётся сервером (index.php знает, что активные баннеры есть),
   JS прячет блок обратно, если для выбранного города баннеров нет. */
.banner-slider.banner-slider--reserve { aspect-ratio: 1100 / 320; }
@media (max-width: 640px) { .banner-slider.banner-slider--reserve { aspect-ratio: 16 / 9; } }

/* Ряд категорий: иконка 56 + подпись + отступы */
#cat-scroller { min-height: 92px; }

/* Сетка организаций/товаров заполняется после ответа API; серверный SEO-блок ниже не должен
   «въезжать» в первый экран и потом уезжать. */
#view-shops, #view-catalog { min-height: 70vh; }
#view-catalog.hidden, #view-shops.hidden { min-height: 0; }