/* ============================================================
   lion-utilities.css — утилитарные классы вместо inline style="...".
   Раньше эти значения стояли прямо в разметке страниц (parts/**).
   ============================================================ */

/* Видимость */
.lion-hidden { display: none; }
[hidden] { display: none !important; }

/* Размеры и заполнение */
.lion-fill { width: 100%; height: 100%; }
.lion-w-100 { width: 100%; }
.lion-w-25 { width: 25%; }
.lion-fw-400 { font-weight: 400; }

/* Фоны */
.lion-bg-brand-light { background: var(--color-brand-light); }

/* Видео-элементы (карточки услуг, ролики в контенте) */
.lion-video-el { width: 100%; height: auto; display: block; }

/* Миниатюры в контенте статей */
.lion-thumb-sm { width: 280px; margin-right: 10px; }
.lion-thumb-xs { width: 240px; margin-right: 10px; }
@media (max-width: 767px) {
  .lion-thumb-sm, .lion-thumb-xs { width: 100%; margin: 0 0 1.6rem; }
}

/* Мелкие текстовые пометки и брендовые ссылки */
.lion-text-note { font-size: 1.4rem; color: var(--color-text); }
.lion-round { border-radius: 50% !important; }

/* Встраиваемые видео/iframe 16:9 */
.lion-embed-16x9 { width: 560px; height: 315px; min-width: 251px; }
@media (max-width: 767px) {
  .lion-embed-16x9 { width: 100%; height: auto; min-width: 0; aspect-ratio: 16 / 9; }
}

/* Анимации при скролле (текущее значение проставляет lion.js) */
.lion-motion-img { transform: translateY(var(--translateY)); }
.lion-motion-fx { --ld-transform-transition-duration: 100ms; }
.lion-parallax-img { width: 100%; height: 200%; transform: translateY(var(--translateY)); }

/* Вкладки: порядок и выравнивание заголовков */
.lion-tab-order-1 { --ld-tabs-order: 1; }
.lion-tab-order-2 { --ld-tabs-order: 2; }
.lion-tab-order-3 { --ld-tabs-order: 3; }
.lion-tab-order-4 { --ld-tabs-order: 4; }
.lion-tab-order-5 { --ld-tabs-order: 5; }
.lion-tab-order-6 { --ld-tabs-order: 6; }
.lion-tab-order-7 { --ld-tabs-order: 7; }
.lion-tab-order-8 { --ld-tabs-order: 8; }
.lion-tabs-justify-start { --ld-tabs-justify: start; }
.lion-tab-underline { transform: scaleX(0); }

/* Начальные смещения слайдов (до инициализации скриптом) */
.lion-slide-reset { transform: translateX(0); }
.lion-slide-offset-500 { transition-duration: 0ms; transform: translate3d(-500px, 0px, 0px); }
.lion-slide-offset-580 { transition-duration: 0ms; transform: translate3d(-580px, 0px, 0px); }
.lion-slide-offset-750 { transition-duration: 0ms; transform: translate3d(-750px, 0px, 0px); }
.lion-slide-offset-870 { transition-duration: 0ms; transform: translate3d(-870px, 0px, 0px); }

/* Декор в блоках */
.lion-decor-bottom { bottom: 0; height: 80%; }
.lion-decor-tab { bottom: 80%; margin-bottom: -3px; }

/* Служебное */
.lion-offscreen { position: absolute; left: -9999px; }          /* скрытый пиксель счётчика */
.lion-recaptcha-badge { width: 256px; height: 60px; position: fixed; visibility: hidden; display: block;
  transition: right .3s; bottom: 14px; right: -186px; box-shadow: 0 0 5px gray; border-radius: 2px; overflow: hidden; }
.lion-honeypot { width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0; resize: none; display: none; }

/* Липкая шапка и выпадающее меню: служебные состояния */
.lion-sticky-spacer { visibility: hidden; }
.lion-nav-dropdown { --ld-menu-height: 0; }