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

:root {
  --container: 1240px;
  --gutter: 26px;
  --display-track: -0.035em;
}

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

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

@media (max-width: 720px) {
  :root { --section-pad: 48px; --hero-pad: 60px; --gutter: 18px; }
}