/* 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; }

/* имя и цена по центру карточки, «по запросу» курсивом — как этикетка */
.page .product-card__body { align-items: center; text-align: center; }
.page .product-card__price { font-style: italic; letter-spacing: .02em; }
/* кадр первого экрана в паспарту: тонкая рамка со сдвигом */
.page .hero__shot { position: relative; isolation: isolate; }
.page .hero__shot::after {
  content: ""; position: absolute; inset: 18px -18px -18px 18px; z-index: -1;
  border: 1px solid var(--line-strong, #C7BCA6);
}
@media (max-width: 720px) { .page .hero__shot::after { inset: 10px -8px -10px 8px; } }