.hot-split-banner-container {
    width: 100%;
    height: 932px;
    background-image: url('../images-2/img21.webp');
    background-size: cover;
    background-position: center bottom;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

/* Конвеєрна стрічка тексту */
.hot-split-ticker-ribbon {
    margin-top: 30px;
    background: #f00;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.hot-split-ticker-inner {
    display: inline-block;
    padding: 4px 0px;
    height: 28px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    animation: hotSplitInfiniteMarquee 16s linear infinite;
}

.hot-split-ticker-inner span {
    display: inline-block;
}

@keyframes hotSplitInfiniteMarquee {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
}

/* Блок головного заголовка */
.hot-split-header-group {
    display: block;
    text-align: center;
    margin-top: 24px;
    box-sizing: border-box;
}

.hot-split-main-title {
    margin: 0 auto;
    font-weight: 400;
    font-size: 56px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
}

.hot-split-main-title .title-yellow {
    color: #ffdc17;
    display: block;
    font-family: 'Righteous';
}

.hot-split-main-title .title-white {
    color: #fff;
    display: block;
    margin-top: -2px;
    font-family: 'Righteous';
}

/* Каліграфічний логотип-лейба */
.hot-split-author-logo {
    display: block;
    margin: 2px auto 0 auto;
    width: 244px;
    height: auto;
}

/* Нижня абсолютна зона для точного позиціонування над ліхтарями авто */
.hot-split-action-zone {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    width: 348px;
    text-align: center;
    box-sizing: border-box;
}

/* Єдиний клікабельний елемент для всього блоку */
.hot-split-composite-trigger {
    display: block;
    text-decoration: none;
    outline: none;
}

/* Скляна плашка ціни */
.hot-split-price-badge {
    box-sizing: border-box;
    border-radius: 12px 12px 0 0;
    padding: 8px;
    width: 253px;
    height: 86px;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.13);
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: none;
    font-weight: 600;
    font-size: 40px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 0 auto -14px auto; /* Легке перекриття кнопкою */
    position: relative;
    z-index: 1;
}

.hot-split-price-badge .currency-color {
    color: #ffdc1e;
}

/* Велика червона кнопка дій */
.hot-split-action-button {
    box-sizing: border-box;
    border-radius: 100px;
    padding: 11px 8px;
    width: 348px;
    height: 82px;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.25), 0 8px 16px rgba(0, 0, 0, 0.35);
    background: linear-gradient(180deg, #f00 0%, #a40505 100%);
    font-weight: 500;
    font-size: 32px;
    line-height: 94%;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
}

/* Опис пропозиції в самому низу */
.hot-split-footer-notice {
    margin: 22px auto 0 auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    width: 320px;
}




.splits-update-card {
    width: 100%;
    box-sizing: border-box;
    padding-top: 48px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Стилізація головного заголовка */
.splits-update-title {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Базові стилі для текстових абзаців */
.splits-update-text {
    margin: 0 auto 28px auto;
    width: 396px;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #000;
    box-sizing: border-box;
}

/* Другий абзац з точним переносом рядків */
.splits-update-text.splits-uppercase-note {
    margin: 28px auto 24px auto;
    width: 380px;
}

/* Колірний акцент для важливих числових та текстових значень */
.splits-text-red {
    font-weight: 600;
    color: #f00;
}

/* Конфігурація центрального зображення телефонів */
.splits-update-phones-img {
    width: 247px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Контейнер для нижнього зображення */
.splits-update-preview-container {
    width: 100%;
    margin-top: auto;
    display: block;
}

/* Стилізація нижнього зображення інтерфейсу на всю ширину */
.splits-update-full-width-img {
    width: 100%;
    display: block;
    height: auto;
}

.wc-main-container {
    width: 100%;
    box-sizing: border-box;
    background: url(../images-2/blur.webp) no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Заголовок секції */
.wc-main-header {
    margin: 35px 0 20px 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

/* Специфікація білої картки контенту */
.wc-content-card {
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.55);
    border-radius: 12px;
    padding: 24px 14px;
    width: 380px;
    height: 342px;
    box-shadow: 0px 10px 25px rgba(164, 5, 5, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Рядок списку */
.wc-info-row {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

/* Стилізація круглих градієнтних чисел */
.wc-badge-number {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(180deg, #f00 0%, #a40505 100%);
    flex-shrink: 0;
}

/* Мініатюри екранів/зображень */
.wc-row-thumb {
    width: 113px;
    height: 63px;
    border-radius: 8px;
    object-fit: cover;
    margin-left: 10px;
    margin-right: 12px;
    flex-shrink: 0;
    display: block;
}

/* Текст опису в рядку */
.wc-row-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: rgba(0, 0, 0, 0.85);
    text-align: left;
}

/* Обертка для нижньої графічної зони цитати */
.wc-quote-wrapper {
    position: relative;
    width: 100%;
    margin-top: 18px;
    display: block;
}

/* Фонова картинка з тренером та баблом */
.wc-quote-backdrop {
    width: 100%;
    height: auto;
    display: block;
}

/* Накладання тексту на область бабла */
.wc-quote-overlay-text {
    position: absolute;
    top: 41px;
    left: 161px;
    right: 28px;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
    text-align: left;
    box-sizing: border-box;
}

/* Жовтий маркер виділення важливого тексту */
.wc-text-marker {
    background-color: #FFF5B9;
    padding: 1px 0;
}




.bonus-challenge-card {
    width: 100%;
    height: 440px;
    margin: 40px 0 20px 0;
    background-image: url('../images-2/img83.webp');
    background-size: cover;
    background-position: center;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

/* Окремий клас для створення ефекту пульсації/мигання */
.pulse-animation {
    animation: customPulseEffect 2s infinite ease-in-out;
    display: inline-block; /* Гарантує коректну роботу transform для будь-яких елементів */
}

/* Ключові кадри анімації */
@keyframes customPulseEffect {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.01); /* Легке збільшення на 5% */
        opacity: 0.85;          /* Легке прозоре мигання */
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Абсолютне позиціонування заголовка у верхній лівій зоні */
.bonus-challenge-title {
    position: absolute;
    top: 56px;
    left: 56px;
    margin: 0;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    color: #000;
}

/* Червоний акцент для першої частини заголовка */
.bonus-challenge-title .bonus-highlight-red {
    color: #f00;
    font-family: 'Righteous';
}

/* Нижній контейнер для текстових абзаців */
.bonus-challenge-details {
    position: absolute;
    bottom: 62px;
    left: 48px;
    width: 344px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Перший абзац тексту стандартної насиченості */
.bonus-text-regular {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
}

/* Другий абзац тексту підвищеної насиченості */
.bonus-text-accent {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
    color: #000;
}




.vd-title{
  font-weight: 400;
font-size: 32px;
line-height: 112%;
padding-top: 30px;
text-transform: uppercase;
text-align: center;
color: #000;
}

.vd-title span{
  color: #f00;
  font-family: 'Righteous';
}

.vd-subTitle{
  font-weight: 400;
font-size: 16px;
line-height: 125%;
text-transform: uppercase;
text-align: center;
color: #000;
padding-top: 15px;
}



.video-card-text {
  padding: 16px 12px 12px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* --- Сітка та малі картки --- */
.video-cards-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 380px;
  margin: 0 auto;
  padding-top: 30px
}

.video-card-small {
  width: 182px;
  box-shadow: 0 -4px 29px 0 rgba(0, 0, 0, 0.15);
background: rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

.video-card-small .video-card-text {
  padding: 14px 8px 10px 8px;
  min-height: 72px; /* Вирівнювання висоти текстів у сітці */
}

.video-card-title-small {
 font-weight: 400;
font-size: 30px;
text-transform: uppercase;
text-align: center;
color: #f00;
  margin: 0 0 4px 0;
}

.video-card-subtitle-small {
font-weight: 400;
font-size: 16px;
line-height: 125%;
text-align: center;
color: rgba(32, 32, 32, 0.7);
  margin: 0;
}

.video-wrapper-small {
  width: 182px;
  height: 101px;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  box-sizing: border-box;
}

.video-wrapper-small video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --- Стилі оверлею та кнопки Play --- */
.video-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.2s ease;
}

.video-overlay.is-playing {
  opacity: 0;
}

.video-overlay.is-playing:hover,
.video-overlay.is-playing:active,
.video-overlay.is-playing.touched {
  opacity: 1;
}

.video-play-btn {
  width: 38px;
  height: 38px;
  transition: transform 0.15s ease, opacity 0.15s ease;
  pointer-events: none;
}

.video-overlay:active .video-play-btn {
  transform: scale(0.9);
  opacity: 0.8;
}





.zm-method-container {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat;
    background-position: center;
    box-sizing: border-box;
    padding: 60px 0 32px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Стилізація комбінованого головного заголовка */
.zm-main-title {
    margin: 0 0 6px 0;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

/* Окремий брендований рядок заголовка */
.zm-main-title .zm-title-brand {
    color: #f00;
    font-family: 'Righteous';
    display: block;
    margin-top: 2px;
}

/* Описовий підзаголовок */
.zm-subtitle {
    margin: 0 0 16px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    letter-spacing: 0.01em;
}

/* Обгортка для центрального зображення */
.zm-wheel-wrapper {
    width: 100%;
    display: block;
    margin-bottom: 16px;
}

.zm-wheel-img {
    width: 100%;
    height: auto;
    display: block;
}

/* Головна картка списку переваг */
.zm-info-card {
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.55);
    border-radius: 12px;
    padding: 24px 14px;
    width: 380px;
    height: 462px;
    box-shadow: 0px 10px 25px rgba(164, 5, 5, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Окремий інформаційний рядок списку */
.zm-card-row {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

/* Круглі червоні іконки переваг */
.zm-row-icon {
    width: 50px;
    height: 50px;
    object-fit: contain;
    flex-shrink: 0;
    display: block;
}

/* Текстовий блок в рядку списку */
.zm-row-text {
    margin-left: 14px;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: rgba(0, 0, 0, 0.85);
    text-align: left;
}

/* Контейнер для SVG лінії розмежування */
.zm-separator {
    width: 352px;
    height: 1px;
    display: block;
    flex-shrink: 0;
}

.zm-separator svg {
    display: block;
    width: 100%;
    height: auto;
}





.ns-reasons-container {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat;
    background-position: center;
    box-sizing: border-box;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    overflow: hidden;
}

/* Уніфікований великий заголовок */
.ns-reasons-title {
    margin: 0 0 12px 0;
    font-weight: 400;
    font-size: 31px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    width: 390px;
}

/* Колірний акцент для заперечення в заголовку */
.ns-reasons-title .ns-text-red {
    color: #f00;
    font-family: 'Righteous';
}

/* Базовий стиль для карток із точними параметрами відступів */
.ns-reason-card {
    position: relative;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 0px 0px 0px 24px;
    width: 380px;
    height: 105px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
background: linear-gradient(180deg, rgba(236, 236, 236, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Стилізація інформаційного контенту всередині карток */
.ns-card-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
    text-align: left;
    z-index: 2;
}

/* Розрахунок індивідуальної ширини тексту під кожну фігуру */
.ns-card-text.text-w-1 { width: 225px; font-size: 15px; } /* Оптимізація для довгого тексту */
.ns-card-text.text-w-2 { width: 235px; font-size: 13.5px; } /* Максимальна щільність контенту */
.ns-card-text.text-w-3 { width: 265px; font-size: 14px; }

/* Загальні налаштування для позиціонування фотографій моделей */
.ns-card-img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 106px;
    width: auto;
    object-fit: contain;
    z-index: 1;
    display: block;
}

/* Точне мікро-позиціонування для кожної картинки окремо */
.ns-card-img.img-spec-1 {
    right: -4px;
    bottom: 0;
}

.ns-card-img.img-spec-2 {
    right: 0;
    bottom: -2px;
}

.ns-card-img.img-spec-3 {
    right: 6px;
    bottom: 0;
}



.s10-safety-container {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat center;
    box-sizing: border-box;
    padding: 40px 0 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Стилізація заголовка */
.s10-main-title {
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

/* Червоний акцентний рядок у заголовку */
.s10-main-title .s10-title-red {
    color: #f00;
    font-family: 'Righteous';
    display: block;
    margin-bottom: 2px;
}

/* Обгортка для позиціонування тексту поверх зображення */
.s10-bubble-wrapper {
    position: relative;
    width: 100%;
    margin-top: -20px;
    display: flex;
    justify-content: center;
}

/* Фонове зображення бабла та тренера */
.s10-bubble-bg {
    width: 100%;
    height: auto;
    display: block;
}

/* Контейнер тексту всередині бабла */
.s10-bubble-content {
    position: absolute;
    top: 75px; /* Точне позиціонування відносно верхнього краю бабла */
    left: 45px; /* Відступ від лівого краю */
    width: 250px;
    box-sizing: border-box;
    text-align: left;
}

/* Стилі абзаців */
.s10-text-paragraph {
    margin: 0 0 22px 0;
    font-family: var(--font-family); /* Успадкування заданого шрифту */
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 20px; /* 125% */
    color: #000;
}

/* Прибирання відступу в останнього абзацу */
.s10-text-paragraph:last-child {
    margin-bottom: 0;
}

/* Жовте виділення тексту (маркер) */
.s10-highlight {
    background-color: #fdf2a6;
    padding: 1px 0; /* Мінімальний падінг, щоб не ламати міжрядковий інтервал */
    border-radius: 1px;
}



.rt-timeline-container {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat center;
    box-sizing: border-box;
    padding: 44px 0 60px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Оновлені заголовки згідно ТЗ */
.rt-main-title {
    margin: 0 auto 10px auto;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    width: 380px;
}

.rt-main-title .rt-title-red {
    color: #f00;
    font-family: 'Righteous';
    display: block;
}

/* Стилізація вступного тексту */
.rt-intro-text {
    margin: 0 auto 36px auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #000;
    width: 380px;
}

/* Обгортка робочої зони таймлайну */
.rt-timeline-wrapper {
    position: relative;
    width: 396px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    box-sizing: border-box;
    padding-left: 10px;
}

/* ТЗ: Анімована маска лінії, яка розгортається зверху до низу по height */
.rt-line-mask {
    position: absolute;
    left: -10px;
    top: -35px;
    width: 146px;
    height: 0px; /* Початковий стан до скролу */
    overflow: hidden;
    z-index: 1;
    transition: height 2.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Фіксація пропорцій зображення хвилястої стрілки */
.rt-absolute-line-img {
    width: 146px;
    height: 642px;
    display: block;
    object-fit: contain;
}

/* Стан після тригеру скролу: плавно висуваємо лінію на повну висоту */
.rt-activated .rt-line-mask {
    height: 642px;
}

/* Елемент структури кроку */
.rt-timeline-item {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
}

/* Кругла рамка для фотографій */
.rt-circle-frame {
    width: 118px;
    height: 118px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    opacity: 0; /* Початковий стан до скролу */
    transform: scale(0.9);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.rt-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Інформаційні блоки контенту */
.rt-content-box {
    margin-left: 16px;
    width: 250px;
    box-sizing: border-box;
    opacity: 0; /* Початковий стан до скролу */
    transition: opacity 0.6s ease-out;
}

/* Специфікація текстових стилів згідно ТЗ */
.rt-item-header {
    margin: 0 0 4px 0;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    color: #000;
}

.rt-item-description {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
    text-align: left;
}

/* ТЗ: Почергове з'явлення картинок та тексту (Staggered Animation Delays) */
.rt-activated .rt-timeline-item[style*="--item-index: 1"] .rt-circle-frame,
.rt-activated .rt-timeline-item[style*="--item-index: 1"] .rt-content-box {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.2s;
}

.rt-activated .rt-timeline-item[style*="--item-index: 2"] .rt-circle-frame,
.rt-activated .rt-timeline-item[style*="--item-index: 2"] .rt-content-box {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.7s;
}

.rt-activated .rt-timeline-item[style*="--item-index: 3"] .rt-circle-frame,
.rt-activated .rt-timeline-item[style*="--item-index: 3"] .rt-content-box {
    opacity: 1;
    transform: scale(1);
    transition-delay: 1.2s;
}

.rt-activated .rt-timeline-item[style*="--item-index: 4"] .rt-circle-frame,
.rt-activated .rt-timeline-item[style*="--item-index: 4"] .rt-content-box {
    opacity: 1;
    transform: scale(1);
    transition-delay: 1.7s;
}





.s9-students-slider-block {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat bottom;
    box-sizing: border-box;
    padding: 38px 0 50px 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Головний заголовок */
.s9-main-heading {
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 34px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

.s9-heading-red {
    color: #f00;
    font-family: 'Righteous';
}

/* Беджі (Плашки) */
.s9-badges-container {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-bottom: 24px;
}

.s9-badge-item {
    font-weight: 600;
    font-size: 14px;
    line-height: 143%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    border-radius: 100px;
    padding: 10px;
    width: 141px;
    height: 35px;
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.14);
    background: rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.s9-badge-icon {
    width: 24px;
    height: auto;
    margin-right: 4px;
}

/* Опис під беджами */
.s9-description-text {
    margin: 0 auto 30px auto;
    text-align: center;
    width: 380px;
    line-height: 140%;
}

.s9-desc-highlight {
    font-weight: 600;
    font-family: 'SourceSans3-Bold';
    font-size: 16px;
    text-transform: uppercase;
    color: #f00;
}

.s9-desc-regular {
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
}

/* Swiper Слайдер */
.s9-custom-swiper {
    width: 100%;
    padding-bottom: 10px;
    overflow: visible;
}

/* Слайди */
.s9-custom-swiper .swiper-slide {
    width: 230px; /* Ширина одного слайду */
    height: 410px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Картинки всередині слайдів */
.s9-slide-media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 16px;
}

/* Оверлей кнопки Play */
.s9-play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45px;
    height: 45px;
    z-index: 10;
    pointer-events: none; /* Щоб клік проходив на сам слайд */
}

/* Навігація та скролбар */
.s9-controls-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 380px;
    margin: 24px auto 38px auto;
}

/* Кастомний Scrollbar (Прогрес лінія з кружечком) */
.s9-custom-scrollbar {
    flex-grow: 1;
    height: 3px;
    background: rgba(255, 0, 0, 0.2);
    border-radius: 3px;
    position: relative;
    margin-right: 24px;
}

.s9-custom-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    background: #f00;
    position: relative;
    border-radius: 3px;
}

.s9-custom-scrollbar .swiper-scrollbar-drag::after {
    content: '';
    position: absolute;
    right: -7px;
    top: -5.5px;
    width: 14px;
    height: 14px;
    background: #f00;
    border-radius: 50%;
}

/* Кнопки стрілок */
.s9-nav-arrows {
    display: flex;
    gap: 12px;
}

.s9-arrow-btn {
    width: 45px;
    height: 45px;
    cursor: pointer;
    object-fit: contain;
}

/* Кнопка дії (Join) */
.s9-join-button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    padding: 25px 32px;
    width: 307px;
    height: 67px;
    background: linear-gradient(180deg, #f00 0%, #a40505 100%);
    text-decoration: none;
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgba(164, 5, 5, 0.3);
}




/* Навігація та скролбар */
.s9-controls-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 380px;
    margin: 24px auto 38px auto;
}

/* Сама лінія скролбару */
.s9-custom-scrollbar {
    flex-grow: 1;
    height: 4px !important; /* Трохи товстіша для кращого вигляду */
    background: rgba(255, 0, 0, 0.2) !important;
    border-radius: 3px;
    position: relative !important;
    margin-right: 24px;
    opacity: 1 !important; /* Примусово показуємо */
    display: block !important;
}

/* Червоний повзунок прогресу */
.s9-custom-scrollbar .swiper-scrollbar-drag {
    height: 100% !important;
    background: #f00 !important;
    position: absolute !important; /* ВАЖЛИВО: має бути absolute для Swiper */
    left: 0;
    top: 0;
    border-radius: 3px;
}

/* Червоний кружечок на кінці повзунка */
.s9-custom-scrollbar .swiper-scrollbar-drag::after {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: #f00;
    border-radius: 50%;
}

/* Кастомна лінія прогресу (замість стандартного скролбара) */
.s9-custom-progress-track {
    flex-grow: 1;
    height: 3px;
    background: rgba(255, 0, 0, 0.2);
    border-radius: 3px;
    position: relative;
    margin-right: 24px;
}

/* Зафарбована частина прогресу */
.s9-custom-progress-fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f00;
    border-radius: 3px;
    width: 0%; /* Значення задаватиметься через JS */
    transition: width 0.3s ease-out; /* Плавний рух при кліку на стрілки */
}

/* Червоний кружечок на кінці зафарбованої лінії */
.s9-custom-progress-fill::after {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: #f00;
    border-radius: 50%;
}



.mh-musthave-container {
    width: 100%;
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 40px 0 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Уніфікований великий заголовок секції */
.mh-main-title {
    margin: 0 auto 24px auto;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    width: 390px;
}

/* Червоний акцентний шрифт у заголовку */
.mh-main-title .mh-title-red {
    color: #f00;
    font-family: 'Righteous';
}

/* Стилізація заголовка списку LIST */
.mh-list-title {
    width: 380px;
    margin: 0 auto 12px auto;
    font-weight: 600;
    font-size: 32px;
    line-height: 63%;
    text-transform: uppercase;
    color: #000;
    text-align: left;
    box-sizing: border-box;
    padding-left: 6px;
}

/* Основа картки з готовим фоном та тінями */
.mh-list-card {
    position: relative;
   min-width: 110%;
    height: 452px;
    margin-top: -20px;
    margin-right: -20px;
    background: url('../images-2/img30.webp') no-repeat center / contain;
    box-sizing: border-box;
}

/* Абсолютне позиціонування елементів тексту строго навпроти чекбоксів */
.mh-list-item {
    position: absolute;
    left: 115px;
    font-weight: 400;
    font-size: 19px;
    line-height: 120%;
    color: #000;
    text-align: left;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

/* Точне вирівнювання по центрах вбудованих у картинку чекбоксів (крок 76px) */
.mh-item-1 { top: 70px; }
.mh-item-2 { top: 136px; }
.mh-item-3 { top: 212px; }
.mh-item-4 { top: 288px; }
.mh-item-5 { top: 364px; }





.inc-courses-container {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat bottom;
    box-sizing: border-box;
    padding: 20px 0 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    overflow: hidden;
}

/* Уніфікований великий заголовок секції */
.inc-main-title {
    margin: 0 auto 6px auto;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    width: 390px;
}

/* Брендований червоний акцент у заголовку */
.inc-main-title .inc-title-red {
    color: #f00;
    font-family: 'Righteous';
}

/* Верхня картка огляду з контуром */
.inc-overview-card {
    box-sizing: border-box;
    border-radius: 12px;
    width: 380px;
    height: 100px;
    background: rgba(0, 0, 0, 0);
    border: 2px solid #FC7D7D;
    display: flex;
    align-items: center;
    padding: 0 14px;
}

/* Зображення телефонів всередині картки */
.inc-overview-phones {
    width: 79px;
    height: 79px;
    object-fit: contain;
    flex-shrink: 0;
    display: block;
}

/* Текст всередині картки */
.inc-overview-text {
    margin: 0 0 0 14px;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #000;
    text-align: left;
}

/* Нижні блоки карток з тумблерами (ефект скла) */
.inc-course-toggle-card {
    box-sizing: border-box;
    border-radius: 24px;
    padding: 24px 14px;
    width: 380px;
    height: 158px;
    background: linear-gradient(90deg, #d0cecc 0%, rgba(245, 243, 243, 0.4) 16.3%, rgba(245, 243, 243, 0.4) 49.88%, rgba(245, 243, 243, 0.4) 81.54%, #cec9c6 100%);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
}

/* Картка-прев'ю всередині блоку */
.inc-course-media-thumb {
    width: 96px;
    height: 108px;
    object-fit: cover;
    border-radius: 12px;
    flex-shrink: 0;
    display: block;
}

/* Права колонка з контентом */
.inc-course-content-side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 16px;
    flex-grow: 1;
    box-sizing: border-box;
}

/* Трек тумблера */
.inc-tumbler-track {
    box-sizing: border-box;
    border-radius: 100px;
    width: 52px;
    height: 26px;
    background: linear-gradient(180deg, #f00 0%, #a40505 100%);
    position: relative;
    margin-bottom: 10px;
}

/* Кружечок всередині тумблера (активний стан праворуч) */
.inc-tumbler-circle {
    box-sizing: border-box;
    border-radius: 1000px;
    width: 22px;
    height: 22px;
    background: #fff;
    position: absolute;
    top: 2px;
    right: 2px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

/* Жирний заголовок курсу */
.inc-course-bold-heading {
    margin: 0 0 6px 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
    color: #000;
}

/* Описовий текст під заголовком */
.inc-course-description-text {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: rgba(0, 0, 0, 0.85);
    text-align: left;
}




.access-pricing-container {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat center;
    box-sizing: border-box;
    padding: 30px 0 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Головний заголовок */
.access-main-title {
    margin: 0 0 24px 0;
    font-weight: 600;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

.access-main-title .access-title-red {
    color: #f00;
    font-family: 'Righteous';
}

/* -------------------------------------
   КАРТКА 1 - BASIC
---------------------------------------- */
.access-card-basic {
    border-radius: 12px;
    padding: 24px;
    width: 380px;
    height: 296px;
    box-shadow: 0 12px 21px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.access-card-heading {
    font-family: 'Righteous';
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    line-height: 1;
}

.access-card-subheading {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
    text-transform: uppercase;
    margin: 8px 0 12px 0;
}

/* Рядок ціни та лейбла */
.access-price-row {
    display: flex;
    align-items: center;
}

.access-price-amount {
    font-weight: 600;
    font-size: 40px;
    line-height: 50%;
    color: #000;
}

.access-price-badge {
    font-weight: 600;
    font-size: 16px;
    line-height: 81%;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    padding: 1px 4px;
    width: 94px;
    height: 25px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2);
    background: #f00;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
}

/* -------------------------------------
   КАРТКА 2 - BEST VALUE (PRO)
---------------------------------------- */
.access-card-pro {
    position: relative;
    border-radius: 24px;
    padding: 42px 24px 24px;
    width: 380px;
    height: 412px;
    background: linear-gradient(180deg, #f00 0%, #900 100%);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 45px;
    box-shadow: 0 12px 21px 0 rgba(0, 0, 0, 0.25);
}

.access-pro-badge {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 61px;
    width: 270px;
    height: 50px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.access-pro-badge-text {
    font-weight: 600;
    font-size: 24px;
    line-height: 83%;
    color: #000;
    margin-left: 8px;
}

.access-card-heading-pro {
    font-family: 'Righteous';
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    line-height: 1;
}

.access-card-subheading-pro {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #fff;
    text-transform: uppercase;
    margin: 8px 0 12px 0;
}

.access-price-amount-pro {
    font-weight: 600;
    font-size: 40px;
    line-height: 50%;
    color: #fff;
}

/* -------------------------------------
   ЗАГАЛЬНІ ЕЛЕМЕНТИ ДЛЯ ОБОХ КАРТОК
---------------------------------------- */
.access-card-divider {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.access-features-list {
    list-style: none;
    padding: 0;
    margin: 0 0 auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.access-feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.access-feature-item span {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
}

.access-feature-item-pro {
    display: flex;
    align-items: flex-start; /* Вирівнювання по верхньому краю для багаторядкових пунктів */
    gap: 12px;
}

.access-feature-item-pro span {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #fff;
    margin-top: 5px; /* Легка корекція для вирівнювання по центру іконки */
}

/* Кнопки карток */
.access-btn-basic {
    font-weight: 600;
    font-size: 20px;
    line-height: 90%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    width: 336px;
    height: 63px;
    background: linear-gradient(180deg, #f00 0%, #900 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
}

.access-btn-pro {
    font-weight: 600;
    font-size: 20px;
    line-height: 90%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    border-radius: 100px;
    width: 336px;
    height: 63px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}


.guarantee-results-container {
    width: 100%;
    box-sizing: border-box;
    background: url(../images-2/blur.webp) no-repeat bottom;
    padding: 10px 0 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Інформація про покупку (верхній блок) */
.gr-purchase-info {
    width: 380px;
    text-align: center;
    margin-bottom: 40px;
}

.gr-star-icon {
    display: block;
    margin: 0 auto 12px auto;
}

.gr-purchase-text {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
    text-align: left;
}

/* Блок гарантії (Центральний) */
.gr-risk-free-block {
    width: 100%; /* Фон розтягується на всю ширину для ефекту свічення на макеті, якщо потрібно */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 48px;
    background: url(../images-2/blur.webp) no-repeat center;
    background-size: 100% 120%;
    padding: 20px 0;
}

.gr-risk-header-row {
    width: 380px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}

.gr-shield-icon {
    width: 80px;
    height: 80px;
    object-fit: contain;
    flex-shrink: 0;
}

.gr-risk-text-group {
    display: flex;
    flex-direction: column;
    padding-top: 4px;
}

.gr-risk-title {
    margin: 0 0 8px 0;
    font-family: 'SourceSans3-Bold';
    font-weight: 600;
    font-size: 19px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #000;
    line-height: 110%;
}

.gr-risk-description {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
}

/* Кнопка підтримки */
.gr-support-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 100px;
    padding: 25px 32px;
    width: 297px;
    height: 67px;
    background: linear-gradient(180deg, #f00 0%, #a40505 100%);
    font-weight: 600;
    font-size: 20px;
    line-height: 90%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    box-shadow: 0 8px 20px rgba(164, 5, 5, 0.25);
    margin-bottom: 12px;
}

.gr-support-envelope {
    width: 24px;
    height: auto;
    object-fit: contain;
}

.gr-support-subtext {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
}

/* Головний заголовок секції результатів */
.gr-main-title {
    margin: 0 0 24px 0;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

.gr-main-title .gr-title-red {
    color: #f00;
    font-family: 'Righteous';
    display: block;
    margin-top: 2px;
}

/* Зображення з сіткою результатів */
.gr-results-grid {
    width: 380px;
    display: flex;
    justify-content: center;
}

.gr-results-image {
    width: 380px;
    height: 408px;
    object-fit: contain;
    display: block;
}



.coach-profile-block {
    width: 100%;
    box-sizing: border-box;
    padding-top: 26px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 4px 37px 0 rgba(0, 0, 0, 0.23);
    background: rgba(255, 255, 255, 0.2);
    border-radius: 24px;
}

/* Заголовки */
.coach-header {
    text-align: center;
    margin-bottom: 8px;
    z-index: 2;
}

.coach-subtitle {
   font-weight: 600;
font-size: 20px;
text-transform: uppercase;
text-align: center;
color: #000;
}

.coach-title {
    margin: 0;
    font-weight: 600;
    font-size: 32px;
    text-transform: uppercase;
    color: #f00;
    letter-spacing: -0.5px;
}

/* Головне фото */
.coach-hero-img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}

/* Біла картка зі статистикою */
.coach-stats-card {

    padding: 24px 14px;
    width: 412px;
  
    box-sizing: border-box;
    position: relative;
    z-index: 3;
}

/* Секція статистики */
.coach-stats-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
background: rgb(255, 255, 255);
border-radius: 12px;
width: 400px;
height: 100px;
margin-top: -35px;
z-index: 9;
position: relative;
}

.coach-stat-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33.33%;
}

.stats-number {
    font-weight: 400;
    font-family: 'Righteous';
    font-size: 32px;
    color: #000;
    margin-bottom: 4px;
    text-align: center;
}

.stats-number .stat-suffix {
  font-family: 'Righteous';
    color: #f00;
}

.coach-stat-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 113%;
    text-align: center;
    color: #000;
}

/* Секція біографії */
.coach-bio-row {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.coach-avatar {
    width: 59px;
    height: 59px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.coach-bio-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #19140e;
    margin: 0;
}

.coach-bio-text strong {
    font-weight: 600;
}

/* Жовте виділення тексту */
.bio-highlight {
    background-color: #fef19c;
    padding: 2px 4px;
    border-radius: 3px;
    margin: 0 -2px; /* Компенсація відступів */
}






.s7 {
    width: 100%;
    margin-top: -2px;
    position: relative;
    z-index: 9;
    padding: 40px 15px 0 15px;
    box-sizing: border-box;
    position: relative;
    background: url(../images-2/blur.webp) no-repeat center;
}


.s7__item {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
}

.s7__question {
    display: flex;
    align-items: center;
    padding: 15px 0;
    cursor: pointer;
    position: relative;
    gap: 15px;
}

.s7__q-icon {
    width: 35px;
    height: 35px;
}

.s7__q-icon img{
  width: 50%;
}

.s7__q-text {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    flex: 1;
    padding-right: 30px;
}

.s7__arrow {
    width: 22px;
    height: 12px;
    transition: .3s;
    transform: rotate(180deg);
}

/* Стан при відкритті */
.s7__item.active .s7__arrow {
    transform: rotate(0deg);
    margin-top: 5px;
}

/* Логіка відповіді */
.s7__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}

.s7__answer-inner {
    display: flex;
    align-items: flex-end;
    padding-bottom: 20px;
    gap: 10px;
}

.s7__answer-bubble {
    background: #FFEBEB;
    border-radius: 25px 25px 0 25px;
    padding: 18px 22px;
    font-size: 16px;
    line-height: 1.4;
    color: #000000;
    flex: 1;
    position: relative;
}

.s7__answer-bubble::after{
  content: "";
  display: block;
  width: 37px;
  height: 26px;
  object-fit: contain;
  position: absolute;
  bottom: 0;
  right: -8px;
  background-image: url(../images-2/knok.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.s7__avatar {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    flex-shrink: 0;
}


.contacts {
    padding: 48px 24px 200px 24px;

  position: relative;
  z-index: 9;
    box-sizing: border-box;
    background: url(../images-2/blur.webp) no-repeat top;
}

.contacts__title {
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 36px 0;
    line-height: 100%;
    letter-spacing: -0.5px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
}
.contacts__title span{
  color: #F00;
font-family: 'Righteous';
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}

.contacts__grid {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 25px;
}

.contacts__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 118px;
    height: 120px;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 -2px 4px 0 rgba(255, 255, 255, 0.25);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
    border-radius: 30px;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-top: 1px solid rgba(255, 255, 255, 0.25);

}

.contacts__icon {
    width: 37%;
    object-fit: contain;
    margin-bottom: 12px;
}

.contacts__icon--email {
    width: 48px;
}

.contacts__label {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.contacts__policy {
    display: inline-block;
    color: #808080;
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline;
    margin-bottom: 15px;
}

.contacts__copyright {
    color: #808080;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 36px 0;
}

.contacts__payments {
    display: block;
    width: 100%;
    max-width: 90%;
    height: auto;
    object-fit: contain;
    margin-left: -2px;
}



.footer-bg {
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  opacity: 0;
  transform: translateY(150px);
  transition: all .5s ease;
}

.footer {
  background-color: #ffffff67;
  box-shadow: 0 -5px 30px 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 30px 30px 0 0;
  padding: 25px 0 40px 0;
  margin: 0 auto;
  width: 100%;
  max-width: 430px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
}

.footer-bg.active {
  transform: translateY(0px);
  opacity: 1;
}

.footer * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Header & Timer Flex Row */
.footer-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  width: 100%;
}

.footer-title {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: -0.3px;
}

/* Timer Component Layout */
.footer-timer {
  display: flex;
  align-items: center;
  gap: 6px;
}

.timer-box {
  background: #fff;
  border-radius: 14px;
  font-family: 'Outfit-Medium';
  font-size: 18px;
  font-weight: 600;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 40px;
  padding: 0 8px;
  box-shadow: 0 4px 6.6px 0 rgba(0, 0, 0, 0.08);

}

.timer-divider {
  color: #968A8F;
  font-size: 18px;
  font-weight: 600;
}

/* Action Conversion Button */
.footer-cta-button {
border-radius: 130px;
padding: 14px 24px;
width: 320px;
height: 72px;
background: linear-gradient(180deg, #ff0404 0%, #7b0404 100%);
font-weight: 600;
font-size: 24px;
line-height: 121%;
font-family: 'SourceSans3-Bold';
text-transform: uppercase;
text-align: center;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
}

.footer-cta-button span{
  font-weight: 400;
font-size: 14px;
line-height: 112%;
text-transform: uppercase;
text-align: center;
color: #fff;
}

@media (max-width: 440px) {
    .hot-split-banner-container {
        width: 100vw;
        height: 211.818vw;
    }
    .hot-split-ticker-ribbon {
        margin-top: 6.818vw;
        height: 6.364vw;
    }
    .hot-split-ticker-inner {
        padding: 0.909vw 0vw;
        height: 6.364vw;
        font-size: clamp(14px, 3.409vw, 15px);
        line-height: 4.545vw;
    }
    .hot-split-header-group {
        margin-top: 5.455vw;
    }
    .hot-split-main-title {
        font-size: clamp(14px, 12.727vw, 56px);
    }
    .hot-split-main-title .title-white {
        margin-top: -0.455vw;
    }
    .hot-split-author-logo {
        margin: 0.455vw auto 0 auto;
        width: 55.455vw;
    }
    .hot-split-action-zone {
        bottom: 7.955vw;
        width: 79.091vw;
    }
    .hot-split-price-badge {
        padding: 1.818vw;
        width: 57.5vw;
        height: 19.545vw;
        font-size: clamp(14px, 9.091vw, 40px);
        margin: 0 auto -3.182vw auto;
    }
    .hot-split-action-button {
        padding: 2.5vw 1.818vw;
        width: 79.091vw;
        height: 18.636vw;
        font-size: clamp(14px, 7.273vw, 32px);
    }
    .hot-split-footer-notice {
        margin: 5vw auto 0 auto;
        font-size: clamp(14px, 3.182vw, 14px);
        width: 72.727vw;
    }
    .splits-update-card {
        width: 100vw;
        padding-top: 10.909vw;
    }
    .splits-update-title {
        margin: 0 0 4.545vw 0;
        font-size: clamp(14px, 7.273vw, 32px);
    }
    .splits-update-text {
        margin: 0 auto 6.364vw auto;
        width: 90vw;
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .splits-update-text.splits-uppercase-note {
        margin: 6.364vw auto 5.455vw auto;
        width: 86.364vw;
    }
    .splits-update-phones-img {
        width: 56.136vw;
    }
    .wc-main-container {
        width: 100vw;
    }
    .wc-main-header {
        margin: 7.955vw 0 4.545vw 0;
        font-size: clamp(14px, 5.455vw, 24px);
    }
    .wc-content-card {
        padding: 5.455vw 3.182vw;
        width: 86.364vw;
        height: 77.727vw;
    }
    .wc-badge-number {
        font-size: clamp(14px, 5.455vw, 24px);
        width: 6.818vw;
        height: 6.818vw;
    }
    .wc-row-thumb {
        width: 25.682vw;
        height: 14.318vw;
        border-radius: 1.818vw;
        margin-left: 2.273vw;
        margin-right: 2.727vw;
    }
    .wc-row-text {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .wc-quote-wrapper {
        width: 100vw;
        margin-top: 4.091vw;
    }
    .wc-quote-overlay-text {
        top: 9.318vw;
        left: 36.591vw;
        right: 6.364vw;
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .bonus-challenge-card {
        height: 100vw;
        margin: 9.091vw 0 4.545vw 0;
    }
    .bonus-challenge-title {
        top: 12.727vw;
        left: 12.727vw;
        font-size: clamp(14px, 7.273vw, 32px);
    }
    .bonus-challenge-details {
        bottom: 14.091vw;
        left: 10.909vw;
        width: 78.182vw;
        gap: 3.636vw;
    }
    .bonus-text-regular {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .bonus-text-accent {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .vd-title {
        font-size: clamp(14px, 7.273vw, 32px);
        padding-top: 6.818vw;
    }
    .vd-subTitle {
        font-size: clamp(14px, 3.636vw, 16px);
        padding-top: 3.409vw;
    }
    .video-card-text {
        padding: 3.636vw 2.727vw 2.727vw 2.727vw;
    }
    .video-cards-grid {
        gap: 3.636vw;
        width: 86.364vw;
        padding-top: 6.818vw;
    }
    .video-card-small {
        width: 41.364vw;
        border-radius: 5.455vw;
    }
    .video-card-small .video-card-text {
        padding: 3.182vw 1.818vw 2.273vw 1.818vw;
        min-height: 16.364vw;
    }
    .video-card-title-small {
        font-size: clamp(14px, 6.818vw, 30px);
        margin: 0 0 0.909vw 0;
    }
    .video-card-subtitle-small {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .video-wrapper-small {
        width: 41.364vw;
        height: 22.955vw;
        border-radius: 5.455vw;
    }
    .video-play-btn {
        width: 8.636vw;
        height: 8.636vw;
    }
    .zm-method-container {
        width: 100vw;
        padding: 13.636vw 0 7.273vw 0;
    }
    .zm-main-title {
        margin: 0 0 1.364vw 0;
        font-size: clamp(14px, 7.273vw, 32px);
    }
    .zm-main-title .zm-title-brand {
        margin-top: 0.455vw;
    }
    .zm-subtitle {
        margin: 0 0 3.636vw 0;
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .zm-wheel-wrapper {
        margin-bottom: 3.636vw;
    }
    .zm-info-card {
        padding: 5.455vw 3.182vw;
        width: 86.364vw;
        height: 105vw;
    }
    .zm-row-icon {
        width: 11.364vw;
        height: 11.364vw;
    }
    .zm-row-text {
        margin-left: 3.182vw;
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .zm-separator {
        width: 80vw;
        height: 0.227vw;
    }
    .ns-reasons-container {
        padding: 9.091vw 0;
        gap: 3.636vw;
    }
    .ns-reasons-title {
        margin: 0 0 2.727vw 0;
        font-size: clamp(14px, 7.045vw, 31px);
        width: 88.636vw;
    }
    .ns-reason-card {
        padding: 0vw 0vw 0vw 5.455vw;
        width: 86.364vw;
        height: 23.864vw;
    }
    .ns-card-text {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .ns-card-text.text-w-1 {
        width: 51.136vw;
        font-size: clamp(14px, 3.409vw, 15px);
    }
    .ns-card-text.text-w-2 {
        width: 53.409vw;
        font-size: clamp(14px, 3.068vw, 13.5px);
    }
    .ns-card-text.text-w-3 {
        width: 60.227vw;
        font-size: clamp(14px, 3.182vw, 14px);
    }
    .ns-card-img {
        height: 24.091vw;
    }
    .ns-card-img.img-spec-1 {
        right: -0.909vw;
    }
    .ns-card-img.img-spec-2 {
        bottom: -0.455vw;
    }
    .ns-card-img.img-spec-3 {
        right: 1.364vw;
    }
    .s10-safety-container {
        padding: 9.091vw 0 4.545vw 0;
    }
    .s10-main-title {
        font-size: clamp(14px, 7.273vw, 32px);
    }
    .s10-main-title .s10-title-red {
        margin-bottom: 0.455vw;
    }
    .s10-bubble-wrapper {
        width: 100vw;
        margin-top: -4.545vw;
    }
    .s10-bubble-bg {
        width: 100vw;
    }
    .s10-bubble-content {
        top: 17.045vw;
        left: 10.227vw;
        width: 56.818vw;
    }
    .s10-text-paragraph {
        margin: 0 0 5vw 0;
        font-size: clamp(14px, 3.636vw, 16px);
        line-height: 4.545vw;
    }
    .rt-timeline-container {
        width: 100vw;
        padding: 10vw 0 13.636vw 0;
    }
    .rt-main-title {
        margin: 0 auto 2.273vw auto;
        font-size: clamp(14px, 7.273vw, 32px);
        width: 86.364vw;
    }
    .rt-intro-text {
        margin: 0 auto 8.182vw auto;
        font-size: clamp(14px, 3.636vw, 16px);
        width: 86.364vw;
    }
    .rt-timeline-wrapper {
        width: 90vw;
        gap: 7.273vw;
        padding-left: 2.273vw;
    }
    .rt-line-mask {
        left: -2.273vw;
        top: -7.955vw;
        width: 33.182vw;
        height: 0vw;
    }
    .rt-absolute-line-img {
        width: 33.182vw;
        height: 145.909vw;
    }
    .rt-activated .rt-line-mask {
        height: 145.909vw;
    }
    .rt-circle-frame {
        width: 26.818vw;
        height: 26.818vw;
    }
    .rt-content-box {
        margin-left: 3.636vw;
        width: 56.818vw;
    }
    .rt-item-header {
        margin: 0 0 0.909vw 0;
        font-size: clamp(14px, 5.455vw, 24px);
    }
    .rt-item-description {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .s9-students-slider-block {
        padding: 8.636vw 0 11.364vw 0;
    }
    .s9-main-heading {
        margin: 0 0 4.545vw 0;
        font-size: clamp(14px, 7.727vw, 34px);
    }
    .s9-badges-container {
        gap: 2.727vw;
        margin-bottom: 5.455vw;
    }
    .s9-badge-item {
        padding: 2.273vw;
        width: 32.045vw;
        height: 7.955vw;
    }
    .s9-badge-icon {
        width: 5.455vw;
        margin-right: 0.909vw;
    }
    .s9-description-text {
        margin: 0 auto 6.818vw auto;
        width: 86.364vw;
    }
    .s9-desc-highlight {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .s9-desc-regular {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .s9-custom-swiper .swiper-slide {
        width: 52.273vw;
        height: 93.182vw;
        border-radius: 3.636vw;
    }
    .s9-play-overlay {
        width: 10.227vw;
        height: 10.227vw;
    }
    .s9-controls-wrapper {
        width: 86.364vw;
        margin: 5.455vw auto 8.636vw auto;
    }
    .s9-custom-scrollbar {
        height: 0.909vw;
        margin-right: 5.455vw;
    }
    .s9-custom-scrollbar .swiper-scrollbar-drag::after {
        right: -1.591vw;
        width: 3.182vw;
        height: 3.182vw;
    }
    .s9-arrow-btn {
        width: 10.227vw;
        height: 10.227vw;
    }
    .s9-join-button {
        font-size: clamp(14px, 4.545vw, 20px);
        padding: 5.682vw 7.273vw;
        width: 69.773vw;
        height: 15.227vw;
    }
    .s9-custom-progress-track {
        height: 0.682vw;
        margin-right: 5.455vw;
    }
    .s9-custom-progress-fill::after {
        right: -1.591vw;
        width: 3.182vw;
        height: 3.182vw;
    }
    .mh-musthave-container {
        padding: 9.091vw 0 11.364vw 0;
    }
    .mh-main-title {
        margin: 0 auto 5.455vw auto;
        font-size: clamp(14px, 7.273vw, 32px);
        width: 88.636vw;
    }
    .mh-list-title {
        width: 86.364vw;
        margin: 0 auto 2.727vw auto;
        font-size: clamp(14px, 7.273vw, 32px);
        padding-left: 1.364vw;
    }
    .mh-list-card {
        height: 102.727vw;
        margin-top: -4.545vw;
        margin-right: -4.545vw;
    }
    .mh-list-item {
        left: 26.136vw;
        font-size: clamp(14px, 4.318vw, 19px);
    }
    .mh-item-1 {
        top: 15.909vw;
    }
    .mh-item-2 {
        top: 30.909vw;
    }
    .mh-item-3 {
        top: 48.182vw;
    }
    .mh-item-4 {
        top: 65.455vw;
    }
    .mh-item-5 {
        top: 82.727vw;
    }
    .inc-courses-container {
        padding: 4.545vw 0 11.364vw 0;
        gap: 5vw;
    }
    .inc-main-title {
        margin: 0 auto 1.364vw auto;
        font-size: clamp(14px, 7.273vw, 32px);
        width: 88.636vw;
    }
    .inc-overview-card {
        width: 86.364vw;
        height: 22.727vw;
        padding: 0 3.182vw;
    }
    .inc-overview-phones {
        width: 17.955vw;
        height: 17.955vw;
    }
    .inc-overview-text {
        margin: 0 0 0 3.182vw;
        font-size: clamp(14px, 3.182vw, 14px);
    }
    .inc-course-toggle-card {
        padding: 5.455vw 3.182vw;
        width: 86.364vw;
        height: 35.909vw;
    }
    .inc-course-media-thumb {
        width: 21.818vw;
        height: 24.545vw;
        border-radius: 2.727vw;
    }
    .inc-course-content-side {
        margin-left: 3.636vw;
    }
    .inc-tumbler-track {
        width: 11.818vw;
        height: 5.909vw;
    }
    .inc-tumbler-circle {
        width: 5vw;
        height: 5vw;
        top: 0.455vw;
        right: 0.455vw;
    }
    .inc-course-bold-heading {
        margin: 0 0 1.364vw 0;
        font-size: clamp(14px, 4.545vw, 20px);
    }
    .inc-course-description-text {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .access-pricing-container {
        padding: 6.818vw 0 6.818vw 0;
    }
    .access-main-title {
        margin: 0 0 5.455vw 0;
        font-size: clamp(14px, 7.273vw, 32px);
    }
    .access-card-basic {
        padding: 5.455vw;
        width: 86.364vw;
        height: 67.273vw;
    }
    .access-card-heading {
        font-size: clamp(14px, 9.091vw, 40px);
    }
    .access-card-subheading {
        font-size: clamp(14px, 3.636vw, 16px);
        margin: 1.818vw 0 2.727vw 0;
    }
    .access-price-amount {
        font-size: clamp(14px, 9.091vw, 40px);
    }
    .access-price-badge {
        font-size: clamp(14px, 3.636vw, 16px);
        padding: 0.227vw 0.909vw;
        width: 21.364vw;
        height: 5.682vw;
        margin-left: 2.727vw;
    }
    .access-card-pro {
        padding: 9.545vw 5.455vw 5.455vw;
        width: 86.364vw;
        height: 93.636vw;
        margin-top: 10.227vw;
    }
    .access-pro-badge {
        top: -5.682vw;
        width: 61.364vw;
        height: 11.364vw;
    }
    .access-pro-badge-text {
        font-size: clamp(14px, 5.455vw, 24px);
        margin-left: 1.818vw;
    }
    .access-card-heading-pro {
        font-size: clamp(14px, 9.091vw, 40px);
    }
    .access-card-subheading-pro {
        font-size: clamp(14px, 3.636vw, 16px);
        margin: 1.818vw 0 2.727vw 0;
    }
    .access-price-amount-pro {
        font-size: clamp(14px, 9.091vw, 40px);
    }
    .access-card-divider {
        margin: 2.273vw 0;
    }
    .access-features-list {
        gap: 2.727vw;
    }
    .access-feature-item {
        gap: 2.727vw;
    }
    .access-feature-item span {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .access-feature-item-pro {
        gap: 2.727vw;
    }
    .access-feature-item-pro span {
        font-size: clamp(14px, 3.636vw, 16px);
        margin-top: 1.136vw;
    }
    .access-btn-basic {
        font-size: clamp(14px, 4.545vw, 20px);
        width: 76.364vw;
        height: 14.318vw;
    }
    .access-btn-pro {
        font-size: clamp(14px, 4.545vw, 20px);
        width: 76.364vw;
        height: 14.318vw;
    }
    .guarantee-results-container {
        padding: 2.273vw 0 11.364vw 0;
    }
    .gr-purchase-info {
        width: 86.364vw;
        margin-bottom: 9.091vw;
    }
    .gr-star-icon {
        margin: 0 auto 2.727vw auto;
    }
    .gr-purchase-text {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .gr-risk-free-block {
        width: 100vw;
        margin-bottom: 10.909vw;
        padding: 4.545vw 0;
    }
    .gr-risk-header-row {
        width: 86.364vw;
        gap: 3.636vw;
        margin-bottom: 5.455vw;
    }
    .gr-shield-icon {
        width: 18.182vw;
        height: 18.182vw;
    }
    .gr-risk-text-group {
        padding-top: 0.909vw;
    }
    .gr-risk-title {
        margin: 0 0 1.818vw 0;
        font-size: clamp(14px, 4.318vw, 19px);
    }
    .gr-risk-description {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .gr-support-btn {
        gap: 2.727vw;
        padding: 5.682vw 7.273vw;
        width: 67.5vw;
        height: 15.227vw;
        font-size: clamp(14px, 4.545vw, 20px);
        margin-bottom: 2.727vw;
    }
    .gr-support-envelope {
        width: 5.455vw;
    }
    .gr-support-subtext {
        font-size: clamp(14px, 3.182vw, 14px);
    }
    .gr-main-title {
        margin: 0 0 5.455vw 0;
        font-size: clamp(14px, 7.273vw, 32px);
    }
    .gr-main-title .gr-title-red {
        margin-top: 0.455vw;
    }
    .gr-results-grid {
        width: 86.364vw;
    }
    .gr-results-image {
        width: 86.364vw;
        height: 92.727vw;
    }
    .coach-profile-block {
        width: 100vw;
        padding-top: 5.909vw;
        margin-bottom: 6.818vw;
        border-radius: 5.455vw;
    }
    .coach-header {
        margin-bottom: 1.818vw;
    }
    .coach-subtitle {
        font-size: clamp(14px, 4.545vw, 20px);
    }
    .coach-title {
        font-size: clamp(14px, 7.273vw, 32px);
    }
    .coach-hero-img {
        width: 100vw;
    }
    .coach-stats-card {
        padding: 5.455vw 3.182vw;
        width: 93.636vw;
    }
    .coach-stats-row {
        margin-bottom: 5.455vw;
        width: 90.909vw;
        height: 22.727vw;
        margin-top: -7.955vw;
        border-radius: 2.727vw;
    }
    .stats-number {
        font-size: clamp(14px, 7.273vw, 32px);
        margin-bottom: 0.909vw;
    }
    .coach-stat-desc {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .coach-bio-row {
        gap: 3.182vw;
    }
    .coach-avatar {
        width: 13.409vw;
        height: 13.409vw;
    }
    .coach-bio-text {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .bio-highlight {
        padding: 0.455vw 0.909vw;
        border-radius: 0.682vw;
        margin: 0 -0.455vw;
    }
    .s7 {
        width: 100vw;
        margin-top: -0.455vw;
        padding: 9.091vw 3.409vw 0 3.409vw;
    }
    .s7__item {
        margin-bottom: 2.273vw;
    }
    .s7__question {
        padding: 3.409vw 0;
        gap: 3.409vw;
    }
    .s7__q-icon {
        width: 7.955vw;
        height: 7.955vw;
    }
    .s7__q-text {
        font-size: clamp(14px, 3.636vw, 16px);
        padding-right: 6.818vw;
    }
    .s7__arrow {
        width: 5vw;
        height: 2.727vw;
    }
    .s7__item.active .s7__arrow {
        margin-top: 1.136vw;
    }
    .s7__answer-inner {
        padding-bottom: 4.545vw;
        gap: 2.273vw;
    }
    .s7__answer-bubble {
        border-radius: 5.682vw 5.682vw 0 5.682vw;
        padding: 4.091vw 5vw;
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .s7__answer-bubble::after {
        width: 8.409vw;
        height: 5.909vw;
        bottom: 0;
        right: -1.818vw;
    }
    .s7__avatar {
        width: 12.5vw;
        height: 12.5vw;
    }
    .contacts {
        padding: 10.909vw 5.455vw 45.455vw 5.455vw;
    }
    .contacts__title {
        font-size: clamp(14px, 7.273vw, 32px);
        margin: 0 0 8.182vw 0;
    }
    .contacts__title span {
        font-size: clamp(14px, 7.273vw, 32px);
    }
    .contacts__grid {
        gap: 2.727vw;
        margin-bottom: 5.682vw;
    }
    .contacts__card {
        width: 26.818vw;
        height: 27.273vw;
        border-radius: 6.818vw;
    }
    .contacts__icon {
        margin-bottom: 2.727vw;
    }
    .contacts__icon--email {
        width: 10.909vw;
    }
    .contacts__label {
        font-size: clamp(14px, 3.636vw, 16px);
    }
    .contacts__policy {
        font-size: clamp(14px, 2.955vw, 13px);
        margin-bottom: 3.409vw;
    }
    .contacts__copyright {
        font-size: clamp(14px, 2.955vw, 13px);
        margin: 0 0 8.182vw 0;
    }
    .footer {
        border-radius: 6.818vw 6.818vw 0 0;
        padding: 5.682vw 0 9.091vw 0;
        max-width: 97.727vw;
        gap: 4.545vw;
    }
    .footer-top-row {
        padding: 0 5.455vw;
    }
    .footer-title {
        font-size: clamp(14px, 4.545vw, 20px);
    }
    .footer-timer {
        gap: 1.364vw;
    }
    .timer-box {
        border-radius: 3.182vw;
        font-size: clamp(14px, 4.091vw, 18px);
        min-width: 10vw;
        height: 9.091vw;
        padding: 0 1.818vw;
    }
    .timer-divider {
        font-size: clamp(14px, 4.091vw, 18px);
    }
    .footer-cta-button {
        border-radius: 29.545vw;
        padding: 3.182vw 5.455vw;
        height: 16.364vw;
    }
    .footer-cta-button span {
        font-size: clamp(14px, 3.182vw, 14px);
    }
}