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

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

.hero--poster h1 { text-transform: uppercase; }
.hero--poster .hero__tagline { font-size: 18px; }
.hero--editorial { text-align: center; }
.hero--editorial .hero__tagline { margin-inline: auto; }
.hero--editorial .hero__actions { justify-content: center; }
.hero--quiet h1 { font-weight: 600; }

.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; }
}