/* theme.css — характер шаблона «Чистый каталог».
   Цвета, шрифты, сетка, масштабы и отступы живут в design-tokens.json →
   tokens.css: их правит агент. Здесь только то, что делает шаблон этим шаблоном. */

/* Контейнера, полей и мобильных отступов здесь больше нет: theme.css
   подключается после tokens.css и перебивал их константами, поэтому смена
   `layout.density` не двигала на экране ни пикселя. Теперь их считает
   сборка из плотности и сетки (schema.DesignTokens.css_vars). */

/* Трекинга и интерлиньяжа здесь тоже нет: они уехали в design-tokens.json,
   группа `type`. Отсюда они перебивали tokens.css, и агент, сменивший
   гарнитуру, не мог поправить набор ничем. */

/* Форматы первого экрана — общие для всех шаблонов, они лежат в
   pages/blocks/assets/css/hero.css. */

.section--featured .product-card__name,
.section--catalog .product-card__name { letter-spacing: 0.04em; }

/* номер уже в подписи — угловой номер пустой карточки не повторяем */
:root { --ph-index: none; }
/* номер вместо украшения: «01» в углу карточки (плейбук: нумерация) */
.page .product-card__body { display: grid; grid-template-columns: 1fr auto; column-gap: 12px; }
.page .product-card__body > :not(.product-card__price) { grid-column: 1; }
/* цена справа от названия, на одной линии: таблица, а не витрина */
.page .product-card__price { grid-column: 2; grid-row: 1; margin-top: 0; }
.page .product-card__name::before {
  content: counter(card, decimal-leading-zero) "  "; white-space: pre;
  font-family: var(--font-mono, ui-monospace, monospace); color: var(--muted, #767676);
}