/* ============================================================
   hub-compact.css — компактный вертикальный ритм
   для обзорных и категорийных страниц каталога.

   Замер на проде до правки (1440px): между соседними секциями
   96 + 96 = 192px, перед формой заявки 96 + 128 = 224px.
   Заказчику это читалось как пустота в пол-экрана.

   Здесь переопределены только ТОКЕНЫ отступов. Сами правила
   padding живут в шаблонах и в inline-стилях страниц и читают
   переменную в момент вычисления, поэтому порядок подключения
   значения не имеет — файл работает и там, где inline-блок идёт
   после него.

   Исключение — .leadgen: он держит padding хардкодом var(--sp-32),
   мимо токена. Ему нужно обычное правило, а чтобы оно выигрывало
   у inline-блоков страниц при равной специфичности, селектор взят
   на класс длиннее: body .leadgen.
   ============================================================ */

:root {
  --section-py-tight: var(--sp-12);   /* 64 -> 48 */
  --section-py-base:  var(--sp-16);   /* 96 -> 64 */
  --section-py-loose: var(--sp-20);   /* 128 -> 80 */
}

body .leadgen {
  padding: var(--sp-20) 0;            /* 128 -> 80 */
}

@media (max-width: 768px) {
  :root {
    --section-py-tight: var(--sp-10); /* 48 -> 40 */
    --section-py-base:  var(--sp-12); /* 64 -> 48 */
    --section-py-loose: var(--sp-16); /* 80 -> 64 */
  }
  body .leadgen { padding: var(--sp-16) 0; }
}