/* ==========================================================================
   Блок «Каталог» (catalog). Сетка карточек-категорий (.card-category).
   На мобильном — 2 колонки, с планшета — 4.
   ========================================================================== */

.catalog__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-20);
}

/* В макете карточки каталога на более светлом фоне, чем базовый .card-category */
.catalog .card-category {
  background-color: var(--color-light-grey);
}

@media (min-width: 1024px) {
  .catalog__grid { grid-template-columns: repeat(4, 1fr); }
}