/**
 * Портретный каталог слотов (427:575) — включается через html[data-slot-catalog-layout="portrait"]
 * из ответа GET /api/casino/settings (slot_catalog_layout).
 */
html[data-slot-catalog-layout="portrait"] .games-grid.games-grid--pinko,
html[data-slot-catalog-layout="portrait"] .home-slots-grid.games-grid--pinko,
html[data-slot-catalog-layout="portrait"] .games-grid.games-grid--slots.games-grid--pinko {
  /* Ровно --icons-per-row колонок на всю ширину (крупные превью), без «дыры» справа */
  grid-template-columns: repeat(var(--icons-per-row, 12), minmax(0, 1fr)) !important;
  gap: 10px !important;
}

/**
 * Горизонтальные полосы на главной (Live / Crash / Популярные / Прогретые): карточки уже,
 * чтобы не доминировать над сеткой «Все слоты» и каталогом.
 */
.home-games-block .home-games-strip .game-card--strip,
.home-hot-slots-strip-wrap .home-games-strip .game-card--strip {
  flex: 0 0 auto;
  width: min(88px, 20vw);
  max-width: 88px;
}

/**
 * Мобилка: каталог/лобби слотов (pinko) — ровно 3 колонки.
 * Превью Avegas portrait (427:575) и плотная сетка legacy нечитаемы при 6–12+ колонках на узком экране.
 */
@media (max-width: 767.98px) {
  html[data-slot-catalog-layout="portrait"] .games-grid.games-grid--pinko,
  html[data-slot-catalog-layout="portrait"] .home-slots-grid.games-grid--pinko,
  html[data-slot-catalog-layout="portrait"] .games-grid.games-grid--slots.games-grid--pinko,
  .games-grid.games-grid--pinko,
  .home-slots-grid.games-grid--pinko,
  .games-grid.games-grid--slots.games-grid--pinko {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .skeleton-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}