/* SUBZ · плотнее. Подключается последним и в витрине, и на серверных страницах:
   меньше пустых отступов, заголовки скромнее, подвал короче. Стиль прежний. */

/* витрина: секции и заголовки */
.section { padding-top: clamp(36px, 4.5vw, 72px); }
.sec-head { padding-bottom: 14px; margin-bottom: clamp(14px, 2vw, 24px); }
.sec-head__title { font-size: clamp(28px, 4.2vw, 60px); }
.hero { padding: clamp(18px, 2.6vw, 36px) 0 clamp(26px, 3.4vw, 52px); }
.hero__meta { margin-bottom: clamp(12px, 1.8vw, 22px); }
.hero__bottom { margin-top: clamp(14px, 2vw, 28px); gap: 32px; }
.deck { margin-top: 40px; }
.band { padding: clamp(16px, 2.2vw, 30px) 0; gap: clamp(12px, 1.8vw, 22px); }
.band__name { font-size: clamp(36px, 5.2vw, 84px); }
.cat__title { padding-top: 18px; }
@media (min-width: 721px) {
  .how__step { min-height: 0; padding: clamp(18px, 2vw, 26px); }
  .how__n { font-size: clamp(60px, 6.5vw, 104px); }
  .how__t { padding-top: 22px; }
}
.why__row { padding: clamp(14px, 1.8vw, 24px) 12px; gap: 20px; }
.cta__word { font-size: clamp(44px, 8vw, 140px); }
.cta__facts { margin-top: clamp(22px, 3vw, 40px); }
.catalog__head { padding-top: clamp(22px, 3.4vw, 48px); padding-bottom: clamp(14px, 2vw, 26px); }
.catalog__title { font-size: clamp(44px, 8vw, 140px); }
.catalog__more { padding-top: clamp(22px, 3.4vw, 48px); }
.co__head { padding-top: clamp(18px, 2.8vw, 40px); }
.co__title { font-size: clamp(38px, 6.4vw, 104px); }
.pp { padding-bottom: 40px; }
.pp__grid { margin-top: 10px; gap: clamp(18px, 3vw, 44px); }
.pp__name { margin-top: 10px; font-size: clamp(34px, 4.4vw, 72px); }
.pp__price { margin: 6px 0 8px; font-size: clamp(42px, 5vw, 80px); }
.flow__step { padding: clamp(16px, 2vw, 24px); }

/* подвал */
.ftr { margin-top: clamp(28px, 4vw, 64px); }
.ftr__word span { font-size: 17vw; }

/* серверные страницы */
.page.x-page { padding-bottom: clamp(20px, 2.6vw, 40px); }
.x-head { padding-top: clamp(14px, 2.2vw, 30px); margin-bottom: clamp(12px, 1.8vw, 22px); }
.x-head .display { font-size: clamp(32px, 4.6vw, 68px); margin-top: 6px; }
.x-head p { margin-top: 8px; }
.x-tiles { margin-bottom: 14px !important; }
.m-auth { gap: clamp(20px, 3.4vw, 56px); }
.m-auth__main .x-head .display { font-size: clamp(40px, 5vw, 80px); }
.m-auth__side { margin-top: clamp(12px, 2vw, 28px); gap: 24px; }

/* каталог по брендам */
html body .bx-hero { padding-top: clamp(14px, 2.2vw, 30px); margin-bottom: 16px; }
html body .bx-hero__title { font-size: clamp(40px, 6vw, 92px); }
html body .bx-hero__sub { margin-top: 10px; }
html body .bx-search { margin-top: 16px; }
html body .bx-chips { margin-bottom: 16px; }
html body .bb-hero { margin: 12px 0 14px; }
html body .bb-filters { margin: 12px 0 14px; }
html body .bb-about, html body .bb-more { margin-top: clamp(24px, 3vw, 40px); }

/* телефон */
@media (max-width: 720px) {
  .section { padding-top: 32px; }
  .hero { padding-bottom: 26px; }
  .pp { padding-bottom: 28px; }
  .page.x-page { padding-bottom: 20px; }
  .ftr { margin-top: 24px; }
  .x-head .display { font-size: clamp(30px, 10vw, 44px); }
  .sec-head { padding-bottom: 10px; }
}

/* каталог по брендам на телефоне — компактнее */
html body .bx-more { display: flex; justify-content: center; margin-top: 12px; }
html body .bx-more button { height: 44px; padding: 0 20px; border: 1px dashed var(--line-2); border-radius: 999px; color: var(--fg-2); font-size: 14px; cursor: pointer; }
html body .bx-grid:not(.show-empty):not(.is-search) .bx-card--empty { display: none; }
@media (max-width: 720px) {
  html body .bx-card__media { aspect-ratio: 16 / 11; }
  html body .bx-card__logo { width: 34%; }
  html body .bb-lot__banner { aspect-ratio: 16 / 5.4; margin-bottom: 0; }
  html body .bb-lot { gap: 8px; }
  html body .bb-lot__foot { padding-top: 10px; margin-top: 2px; }
  html body .bb-lot__tags i { padding: 3px 7px; font-size: 12px; }
}