/* arcfit.ru — единое выравнивание секций. v1 2026-08-28
   На главной заголовки чередовались: часть по левому краю, часть по центру.
   Приводим всё к левому краю — по нему же выровнены первый экран и карусели. */

/* обёртка заголовка секции */
div:has(> h2.font-heading.uppercase),
div:has(> p + h2.font-heading.uppercase) {
  text-align: left;
}

/* подзаголовок под таким заголовком больше не центрируется */
div:has(> h2.font-heading.uppercase) > p,
div:has(> h2.font-heading.uppercase) + div > p.mx-auto {
  margin-left: 0;
  margin-right: 0;
}

/* блок «Клубные карты»: подзаголовок и сноска шли по центру */
section:has(h2 span) > div > div.text-center:has(h2) {
  text-align: left;
}

/* мелкая сноска со звёздочкой была почти не видна на тёмном фоне */
p.text-gray-500,
p.text-xs.text-gray-400 {
  color: #b6bcc6;
}

/* На мобильном страница была шире экрана на 34 px — декоративные круги
   с отрицательными отступами вылезали за правый край и давали горизонтальную
   прокрутку. clip, а не hidden: не ломает position:sticky. */
html, body { overflow-x: clip; }

/* Утилиты, которых нет в собранном CSS (Tailwind вырезал неиспользуемое).
   Нужны для карточки «Популярная»: белые строки с тёмными цифрами. */
.text-dark-900 { color: #0a0a0a; }
.text-dark-800\/80 { color: rgba(17, 17, 17, .82); }
.text-white\/85 { color: rgba(255, 255, 255, .85); }
.text-white\/90 { color: rgba(255, 255, 255, .9); }

:root { --arcfit-build: 1787916337; }