/* Страница каталога (`pages/catalog.html`) — то немногое, чего не хватает в base.css.
   Сама раскладка (`.cat`, `.grid`, `.card`, `.cat__empty`, `.cat__more`, `.cat__shown`
   и т.д.) уже определена в base.css; здесь — только два дополнения, которые раньше
   были инлайновыми стилями в шаблоне. */

/* .cat__empty теперь рендерится не только отдельным блоком, но и внутри .grid —
   когда в разделе нет товаров, он встаёт на место карточек и должен занимать всю
   ширину строки грида, а не одну колонку. */
.cat__empty {
  grid-column: 1 / -1;
}

/* Карточка товара без загруженных фотографий: заглушка в той же рамке (2:3), что и
   обычное фото, тем же приёмом, что .fur__ph и .news__ph в base.css. */
.card__nophoto {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  aspect-ratio: 2 / 3;
  background: var(--surface-alt);
  border: 1px dashed var(--line);
  color: var(--text-muted);
  padding: 12px;
  font-size: 12px;
}