/* =========================================
   Component: S1 (Hero Section)
   ========================================= */

.s1-hero {
  width: 428px;
  height: 811px;
  position: relative;
  background-color: #000000;
  overflow: hidden;
  margin: 0 auto; /* центрування на великих екранах */
  box-sizing: border-box;
}

/* Фон (відцентровано та адаптовано під блок) */
.s1-hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images-4/imgm18.webp');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 1;
}

/* Плашка 72% OFF */
.s1-hero__badge {
  position: absolute;
  left: 37px;
  top: 150px;
  width: 140px;
  height: 86px;
  background: transparent;
  border-radius: 22.51px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.s1-hero__badge-text {
  text-align: center;
}

.s1-hero__badge-val {
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 48.12px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 27px;
}

.s1-hero__badge-sub {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 27px;
}

/* Контентний блок внизу */
.s1-hero__content {
  position: absolute;
  left: 11px;
  top: 397px;
  width: 406px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  z-index: 2;
  box-sizing: border-box;
}

/* Тексти */
.s1-hero__text-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: 100%;
}

.s1-hero__subtitle {
  width: 378px;
  text-align: center;
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}

.s1-hero__title {
  width: 388px;
  text-align: center;
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 56px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 49px;
  margin: 0;
}

/* Ціни */
.s1-hero__pricing {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.s1-hero__price-box {
  padding: 10px 31px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.s1-hero__price-box--new {
  background: radial-gradient(ellipse 50% 50% at 50% 50%, #FF0000 0%, #990000 100%);
}

.s1-hero__price-box--old {
  width: 157px;
  background: #303030;
  position: relative;
  box-sizing: border-box;
}

.s1-hero__price-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17.16px;
}

.s1-hero__price-box--new .s1-hero__price-label {
  color: #FFFFFF;
  width: 54px;
  height: 35px;
}

.s1-hero__price-box--old .s1-hero__price-label {
  color: #7C7C7C;
  width: 29px;
  height: 35px;
}

.s1-hero__price-val {
  text-align: center;
  font-family: 'League Gothic', sans-serif;
  font-size: 44px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 49px;
}

.s1-hero__price-box--new .s1-hero__price-val {
  color: #FFFFFF;
}

.s1-hero__price-box--old .s1-hero__price-val {
  color: #7C7C7C;
}

/* Перекреслення старої ціни */
.s1-hero__price-strike {
  position: absolute;
  width: 54px;
  height: 0px;
  left: 75px;
  top: 36px;
  outline: 2px solid #7C7C7C;
  outline-offset: -1.50px;
}

/* Переваги (Буліти) */
.s1-hero__features {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.s1-hero__feature {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.s1-hero__feature-icon {
  width: 16px;
  height: 16px;
  display: block;
}

/* Кнопка */
.s1-hero__cta-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.s1-hero__btn {
  width: 294px;
  height: 77px;
  padding: 14px 24px;
  background: radial-gradient(ellipse 50% 76.97% at 50% 50%, #FF0000 0%, #6F0101 100%);
  border-radius: 12px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box;
}

.s1-hero__cta-sub {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin: 0;
}






/* =========================================
   Component: S2 (Who This Challenge Is For)
   ========================================= */

.s2-who {
  width: 428px;
  padding: 45px 24px;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin: 0 auto; /* Центрування на великих екранах */
}

.s2-who__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.s2-who__title {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 56px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 49px;
  margin: 0;
}

.s2-who__content-box {
  width: 380px;
  padding: 56px 14px 24px 14px;
  background: radial-gradient(ellipse 58.32% 53% at 49.83% 53.22%, #504F4F 0%, #000000 100%);
  border-radius: 24px;
  outline: 1px solid #FFFFFF;
  outline-offset: -1px;
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 14px;
  box-sizing: border-box;
}

.s2-who__text {
  width: 100%;
  max-width: 351px;
  text-align: center;
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  margin: 0;
}

.s2-who__text--bold {
  font-weight: 600;
}

.s2-who__text--regular {
  font-weight: 400;
}

.s2-who__image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  position: absolute;
  margin-top: 8px;
  top: -110px;
}







/* =========================================
   Component: S3 (What you get after payment)
   ========================================= */

.s3-benefits {
  width: 428px;
  padding: 40px 24px;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  box-sizing: border-box;
  margin: 0 auto; /* Центрування на екрані */
}

/* --- Заголовок --- */
.s3-benefits__header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.s3-benefits__title {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 56px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 49px;
  margin: 0;
}

.s3-benefits__subtitle {
  width: 395px;
  text-align: center;
  color: #FF0000;
  font-family: 'General Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.s3-benefits__subtitle span{
  color: #fff;
  white-space: nowrap;
}

/* --- Список --- */
.s3-benefits__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100%;
}

/* --- Окремий пункт --- */
.s3-benefits__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  width: 100%;
}

.s3-benefits__item-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.s3-benefits__item-num {
  width: 45px;
  text-align: center;
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 56px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 49px;
}

.s3-benefits__item-text {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
}

/* --- Контейнер для картинки --- */
.s3-benefits__item-img-wrapper {
  width: 331px;
  height: auto;
  position: relative;
  background-color: #8B8B8B;
  box-shadow: 0px 4px 11.4px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  outline: 2px solid #FFFFFF;
  outline-offset: -2px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.s3-benefits__item-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}






/* =========================================
   Component: S4 (Bonuses & Gifts)
   ========================================= */

.s4-bonuses {
  width: 428px;
  padding: 40px 24px;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  box-sizing: border-box;
  margin: 0 auto; /* Центрування секції */
}

/* --- Заголовок та опис --- */
.s4-bonuses__header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 100%;
}

.s4-bonuses__title {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 50px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 49px;
  margin: 0;
}

.s4-bonuses__title-highlight {
  color: #FF0000;
}

.s4-bonuses__subtitle {
  width: 380px;
  text-align: center;
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.s4-bonuses__subtitle strong {
  font-weight: 600;
}

/* --- Обгортка для карток (щоб бейдж міг виступати) --- */
.s4-bonuses__card-wrapper {
  width: 379px;
  height: 144px;
  position: relative;
}

/* --- Картки бонусів --- */
.s4-bonuses__card {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.s4-bonuses__card--1 {
  background-image: url('../images-4/imgm1.webp');
}

.s4-bonuses__card--2 {
  background-image: url('../images-4/imgm2.webp');
}

/* --- Градієнт знизу --- */
.s4-bonuses__card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(0deg, #5F100A 0%, rgba(52, 8, 6, 0) 100%);
  z-index: 1;
}

/* --- Контент всередині карток --- */
.s4-bonuses__card-content {
  position: absolute;
  left: 24px;
  top: 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  z-index: 2;
}

.s4-bonuses__card-tag {
  height: 26px;
  padding: 0 10px;
  background: radial-gradient(ellipse 50% 76.97% at 50% 50%, #FFFFFF 0%, #D3D3D3 100%);
  border-radius: 6px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.s4-bonuses__card-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.s4-bonuses__card-title {
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 32px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
}

.s4-bonuses__card-desc {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

/* --- Круглий бейдж "Free Bonus" --- */
.s4-bonuses__badge {
  position: absolute;
  width: 66px;
  height: 66px;
  left: 326px;
  top: -17px;
  z-index: 3;
  display: block;
}

/* --- Підвал секції --- */
.s4-bonuses__footer-text {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

/* --- Кнопка --- */
.s4-bonuses__btn {
  width: 294px;
  padding: 21px 24px;
  background: radial-gradient(ellipse 50% 76.97% at 50% 50%, #FF0000 0%, #6F0101 100%);
  border-radius: 12px;
  border: none;
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}




/* =========================================
   Component: S5 (About the Author)
   ========================================= */

.s5-author {
  width: 428px;
  padding: 45px 24px;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  box-sizing: border-box;
  margin: 0 auto; /* Центрування секції */
}

/* --- Заголовок --- */
.s5-author__title {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 56px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 49px;
  position: relative;
  z-index: 9;
  margin: 0;
}

/* --- Зображення --- */
.s5-author__image-wrapper {
  width: 100%;
      height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.s5-author__image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* --- Контент та список --- */
.s5-author__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}

.s5-author__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.s5-author__list-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; /* Вирівнювання по верхньому краю для багаторядкового тексту */
  gap: 8px;
  width: 100%;
}

.s5-author__list-icon {
  width: 16px;
  height: 17px;
  flex-shrink: 0;
  display: block;
  margin-top: 3px; /* Трохи опускаємо іконку, щоб вона була по центру першого рядка тексту */
}

.s5-author__list-text {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
}

.s5-author__list-text strong {
  font-weight: 600; /* Жирний текст усередині пунктів */
}

/* --- Нижній текст-заклик --- */
.s5-author__footer-text {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.4;
}





/* =========================================
   Component: S6 (Guarantee)
   ========================================= */

.s6-guarantee {
  width: 428px;
  padding: 45px 24px;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  box-sizing: border-box;
  margin: 0 auto; /* Центрування секції на великих екранах */
}

/* --- Заголовок --- */
.s6-guarantee__title {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 56px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 49px;
  margin: 0;
}

/* --- Картка --- */
.s6-guarantee__card {
  width: 380px;
  padding: 14px 24px;
  background: radial-gradient(ellipse 50% 76.97% at 50% 50%, #FF0000 0%, #6F0101 100%);
  border-radius: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
}

/* --- Іконка --- */
.s6-guarantee__icon-wrapper {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.s6-guarantee__icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* --- Текст всередині картки --- */
.s6-guarantee__text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

.s6-guarantee__card-title {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
}

.s6-guarantee__card-desc {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}





/* =========================================
   Component: S7 (Stretching Plan)
   ========================================= */

.s7-plan {
  width: 428px;
  padding: 45px 24px;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  box-sizing: border-box;
  margin: 0 auto;
}

/* --- Заголовок --- */
.s7-plan__title {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 56px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 49px;
  margin: 0;
}

/* --- Плашка статистики --- */
.s7-plan__summary {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  background: url(../images-4/imgm9.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 12px;
  width: 100%;
  box-sizing: border-box;
}

.s7-plan__summary-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.s7-plan__summary-icon {
  display: block;
  object-fit: contain;
}

.s7-plan__summary-icon--play {
  width: 30px;
  height: 30px;
}

.s7-plan__summary-icon--clock {
  width: 27px;
  height: 27px;
}

.s7-plan__summary-val {
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 40px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
}

.s7-plan__summary-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.s7-plan__summary-val-small {
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
}

.s7-plan__summary-text {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.1;
  max-width: 102px;
}

.s7-plan__summary-divider {
  width: 1px;
  height: 31px;
  background-color: rgba(255, 255, 255, 0.26); /* Світла лінія для чорного фону */
}

/* --- Таймлайн --- */
.s7-plan__timeline {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

.s7-plan__week {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* --- Шапка тижня --- */
.s7-plan__week-header {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.s7-plan__week-number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.s7-plan__week-num-val {
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 47px;
  font-weight: 400;
  text-transform: uppercase;
  order: 2;
  line-height: 0.8; /* Зменшено для кращого вирівнювання з текстом */
}

.s7-plan__week-num-lbl {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.2;
  order: 1;
  margin-bottom: 2px;
}

.s7-plan__week-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.s7-plan__week-title {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

.s7-plan__week-desc {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  line-height: 1.2;
}

/* --- Список днів --- */
.s7-plan__days {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-left: 8px; /* Невеликий відступ від лівого краю */
}

.s7-plan__day {
  display: flex;
  align-items: center;
  gap: 16px;
}

.s7-plan__marker {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #FF0000;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FF0000;
  font-family: 'General Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  flex-shrink: 0;
}

.s7-plan__day-text {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}









/* =========================================
   Slider: s7 (перейменовано з s6)
   ========================================= */

.s8 {
  width: 100%;
  background: #090606;
  padding: 60px 0 60px 24px;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

/* --- Заголовок --- */
.s8-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
  padding-right: 24px;
}

.s8-label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.s8-quote-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.s8-label-text {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
}

.s8-title {
  background: linear-gradient(97.97deg, #fff 21.88%, #b1afb0 99.95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 48px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 100%;
  margin: 0;
}

/* --- Слайдер --- */
.s8-swiper {
  width: 100%;
  overflow: visible !important;
}

.s8-slide {
  height: 524px !important;
  width: auto !important;
  max-height: 374px;
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.20);
  overflow: hidden;
  background: #1B1B1B;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.s8-img {
  width: 100%;
  height: 100%;
  width: auto;
  max-width: none;
  object-fit: contain;
  display: block;
  border-radius: 12px;
}

/* --- Контроли --- */
.s8-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 24px;
  margin-top: 24px;
}

/* Пагінація */
.s8-pagination {
  display: flex;
  max-width: 190px;
  margin-top: 17px;
  overflow: hidden;
  gap: 10px;
  align-items: center;
  position: relative !important;
  width: auto !important;
}

.s8-pagination .swiper-pagination-bullet {
  min-width: 8px !important;
  height: 8px !important;
  background: transparent !important;
  border: 1px solid #DB0B3E !important;
  opacity: 0.5 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  transition: all 0.2s ease;
}

.s8-pagination .swiper-pagination-bullet-active {
  background: #DB0B3E !important;
  border: none !important;
  opacity: 1 !important;
}

/* Стрілки навігації */
.s8-nav {
  display: flex;
  gap: 14px;
}

.s8-prev,
.s8-next {
  width: 95px !important;
  height: 51px !important;
  background: transparent;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  margin: 0 !important;
  cursor: pointer;
  z-index: 10;
}


.s8-prev {
  transform: rotate(180deg);
}

.s8-prev.swiper-button-disabled,
.s8-next.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.s8-prev::after,
.s8-next::after {
  display: none !important;
}

.s8-prev svg,
.s8-next svg {
  width: 24px;
  height: 24px;
}

.s8-prev svg {
  transform: rotate(180deg);
}



/* =========================================
   Component: S9 (Results)
   ========================================= */

.s9-results {
  width: 428px;
  padding: 45px 24px;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  box-sizing: border-box;
  margin: 0 auto; /* Центрування на екрані */
}

/* --- Заголовок --- */
.s9-results__header {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.s9-results__title {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 56px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 49px;
  margin: 0;
}

/* --- Контейнер для зображення --- */
.s9-results__image-wrapper {
  width: 380px;
  /* Висота підлаштується автоматично під пропорції картинки, 
     але можна задати фіксовану (як у макеті), якщо це критично: height: 238px; */
  background-color: #DEDEE6;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.s9-results__image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}





/* =========================================
   Component: S10 (FAQ)
   ========================================= */

.s10-faq {
  width: 428px;
  padding: 45px 24px 0 24px;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  box-sizing: border-box;
  margin: 0 auto;
}

/* --- Заголовок --- */
.s10-faq__title {
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-family: 'League Gothic', sans-serif;
  font-size: 56px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 49px;
  margin: 0;
}

/* --- Список FAQ --- */
.s10-faq__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.s10-faq__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}

.s10-faq__item:last-child {
  border-bottom: none; /* Прибираємо лінію в останнього елемента */
}

/* --- Шапка питання (Кнопка) --- */
.s10-faq__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  outline: none;
  /* Убираємо стандартний tap highlight на мобільних */
  -webkit-tap-highlight-color: transparent;
}

.s10-faq__question {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding-right: 16px;
}

/* --- Анімована іконка (CSS Плюсик) --- */
.s10-faq__icon {
  position: relative;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.s10-faq__icon::before,
.s10-faq__icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #FFFFFF;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Горизонтальна лінія */
.s10-faq__icon::before {
  width: 16px;
  height: 2px;
  border-radius: 2px;
}

/* Вертикальна лінія */
.s10-faq__icon::after {
  width: 2px;
  height: 16px;
  border-radius: 2px;
}

/* Стан відкритого питання (Плюс перетворюється на Мінус) */
.s10-faq__item.is-active .s10-faq__icon::before {
  transform: translate(-50%, -50%) rotate(180deg);
}

.s10-faq__item.is-active .s10-faq__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}

/* --- Відповідь (Анімація висоти через CSS Grid) --- */
.s10-faq__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease-out;
}

.s10-faq__inner {
  overflow: hidden;
}

.s10-faq__answer {
  color: rgba(255, 255, 255, 0.80);
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
  padding-bottom: 0; /* Приховано за замовчуванням */
  transition: padding 0.4s ease-out, opacity 0.4s ease-out;
  opacity: 0;
}

/* Відкритий стан для тексту */
.s10-faq__item.is-active .s10-faq__content {
  grid-template-rows: 1fr;
}

.s10-faq__item.is-active .s10-faq__answer {
  padding-bottom: 24px;
  opacity: 1;
}







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

  position: relative;
  z-index: 9;
    box-sizing: border-box;
}

.contacts__title {
    font-size: 36px;
    font-weight: 800;
    margin: 0 0 36px 0;
    font-family: 'League Gothic', sans-serif;
    letter-spacing: -0.5px;
    background: linear-gradient(97.97deg, #fff 20.53%, #b1afb0 99.54%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    text-align: left;
}

.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: #fff;
    font-size: 16px;
    font-weight: 500;
   
    letter-spacing: 0.2px;
}

.contacts__policy {
    display: inline-block;
    color: #bebebe;
    font-size: 13px;

    font-weight: 400;
    text-decoration: underline;
    margin-bottom: 15px;
}

.contacts__copyright {
    color: #bebebe;
    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;
}




/* =========================================
   Component: Sticky Footer
   ========================================= */

.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;
  pointer-events: none; /* Щоб не перекривати кліки, коли неактивний */
}

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

.footer {
  background: rgba(0, 0, 0, 0.70);
  box-shadow: 0px -5px 18px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  padding: 24px 24px 40px 24px;
  margin: 0 auto;
  width: 100%;
  max-width: 428px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  box-sizing: border-box;
}

/* Верхній рядок: Текст + Таймер */
.footer-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
}

.footer-title {
  width: 108px;
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2;
}

/* Таймер */
.footer-timer {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-timer-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 67px;
}

.footer-timer-col--min {
  width: 73px;
}

/* Зберігаємо клас timer-box для JS, але стилізуємо по-новому */
.timer-box {
  width: 54px;
  height: 31px;
  background-color: #FFFFFF;
  border-radius: 121px;
  border: 1px solid #FF0000;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-family: 'League Gothic', sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.footer-timer-col--min .timer-box {
  width: 59px;
}

.timer-label {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

/* Кнопка заклик до дії */
.s10-cta-btn.footer-btn {
  width: 295px;
  padding: 21px 24px;
  background: radial-gradient(ellipse 50% 76.97% at 50% 50%, #FF0000 0%, #6F0101 100%);
  border-radius: 12px;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  animation: ctaPulce 2s infinite ease-in-out;
}

.s10-cta-text {
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}

/* --- Анімації кнопки --- */
.footer-btn::after {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  width: 30%;
  min-height: 500%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.189) 50%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(25deg);
  animation: ctaShine 3s infinite ease-in-out;
  pointer-events: none;
}

.check-click{
  animation: ctaPulce 3s infinite ease-in-out;
}

@keyframes ctaPulce {
  0% { transform: scale(1); }
  50% { transform: scale(1.02); }
  100% { transform: scale(1); }
}

@keyframes ctaShine {
  0% { left: -100%; }
  35% { left: 150%; }
  100% { left: 150%; }
}


@media (max-width: 440px) {
  /* =====================
     S1 (Hero Section)
     ===================== */
  .s1-hero {
    width: 100vw;
    height: 189.49vw;
  }
  .s1-hero__badge {
    left: 8.64vw;
    top: 35.05vw;
    width: 32.71vw;
    height: 20.09vw;
    border-radius: 5.26vw;
  }
  .s1-hero__badge-val {
    font-size: 11.24vw;
    line-height: 6.31vw;
  }
  .s1-hero__badge-sub {
    font-size: 5.61vw;
    line-height: 6.31vw;
  }
  .s1-hero__content {
    left: 2.57vw;
    top: 92.76vw;
    width: 94.86vw;
    padding-top: 5.61vw;
    padding-bottom: 5.61vw;
    border-radius: 5.61vw;
    gap: 3.27vw;
  }
  .s1-hero__text-group {
    gap: 3.27vw;
  }
  .s1-hero__subtitle {
    width: 88.32vw;
    font-size: 3.74vw;
  }
  .s1-hero__title {
    width: 90.65vw;
    font-size: 13.08vw;
    line-height: 11.45vw;
  }
  .s1-hero__pricing {
    gap: 2.8vw;
  }
  .s1-hero__price-box {
    padding: 2.34vw 7.24vw;
    border-radius: 2.8vw;
    gap: 4.67vw;
  }
  .s1-hero__price-box--old {
    width: 36.68vw;
  }
  .s1-hero__price-label {
    font-size: 3.27vw;
    line-height: 4.01vw;
  }
  .s1-hero__price-box--new .s1-hero__price-label {
    width: 12.62vw;
    height: 8.18vw;
  }
  .s1-hero__price-box--old .s1-hero__price-label {
    width: 6.78vw;
    height: 8.18vw;
  }
  .s1-hero__price-val {
    font-size: 10.28vw;
    line-height: 11.45vw;
  }
  .s1-hero__price-strike {
    width: 12.62vw;
    left: 17.52vw;
    top: 8.41vw;
    outline-width: 0.47vw;
    outline-offset: -0.35vw;
  }
  .s1-hero__features {
    gap: 5.61vw;
  }
  .s1-hero__feature {
    gap: 1.87vw;
    font-size: 3.27vw;
  }
  .s1-hero__feature-icon {
    width: 3.74vw;
    height: 3.74vw;
  }
  .s1-hero__cta-group {
    gap: 1.87vw;
  }
  .s1-hero__btn {
    width: 68.69vw;
    height: 17.99vw;
    padding: 3.27vw 5.61vw;
    border-radius: 2.8vw;
    gap: 2.34vw;
    font-size: 5.61vw;
  }
  .s1-hero__cta-sub {
    font-size: 3.74vw;
  }

  /* =====================
     S2 (Who This Challenge Is For)
     ===================== */
  .s2-who {
    width: 100vw;
    padding: 10.51vw 5.61vw;
  }
  .s2-who__container {
    gap: 1.87vw;
  }
  .s2-who__title {
    font-size: 13.08vw;
    line-height: 11.45vw;
  }
  .s2-who__content-box {
    width: 88.79vw;
    padding: 13.08vw 3.27vw 5.61vw 3.27vw;
    border-radius: 5.61vw;
    outline-width: 0.23vw;
    margin-top: 23.36vw;
    gap: 3.27vw;
  }
  .s2-who__text {
    max-width: 82.01vw;
    font-size: 3.27vw;
  }
  .s2-who__image {
    margin-top: 1.87vw;
    top: -25.7vw;
  }

  /* =====================
     S3 (What you get after payment)
     ===================== */
  .s3-benefits {
    width: 100vw;
    padding: 9.35vw 5.61vw;
    gap: 7.48vw;
  }
  .s3-benefits__header {
    gap: 1.87vw;
  }
  .s3-benefits__title {
    font-size: 13.08vw;
    line-height: 11.45vw;
  }
  .s3-benefits__subtitle {
    width: 92.29vw;
    font-size: 3.74vw;
  }
  .s3-benefits__list {
    gap: 5.61vw;
  }
  .s3-benefits__item {
    gap: 3.27vw;
  }
  .s3-benefits__item-header {
    gap: 0.93vw;
  }
  .s3-benefits__item-num {
    width: 10.51vw;
    font-size: 13.08vw;
    line-height: 11.45vw;
  }
  .s3-benefits__item-text {
    font-size: 3.27vw;
  }
  .s3-benefits__item-img-wrapper {
    width: 77.34vw;
    box-shadow: 0 0.93vw 2.66vw rgba(0, 0, 0, 0.25);
    border-radius: 5.61vw;
    outline-width: 0.47vw;
    outline-offset: -0.47vw;
  }

  /* =====================
     S4 (Bonuses & Gifts)
     ===================== */
  .s4-bonuses {
    width: 100vw;
    padding: 9.35vw 5.61vw;
    gap: 5.61vw;
  }
  .s4-bonuses__header {
    gap: 5.61vw;
  }
  .s4-bonuses__title {
    font-size: 11.68vw;
    line-height: 11.45vw;
  }
  .s4-bonuses__subtitle {
    width: 88.79vw;
    font-size: 3.74vw;
  }
  .s4-bonuses__card-wrapper {
    width: 88.55vw;
    height: 33.64vw;
  }
  .s4-bonuses__card {
    border-radius: 2.8vw;
  }
  .s4-bonuses__card-overlay {
    height: 9.35vw;
  }
  .s4-bonuses__card-content {
    left: 5.61vw;
    top: 6.07vw;
    gap: 1.87vw;
  }
  .s4-bonuses__card-tag {
    height: 6.07vw;
    padding: 0 2.34vw;
    border-radius: 1.4vw;
    font-size: 3.27vw;
  }
  .s4-bonuses__card-title {
    font-size: 7.48vw;
  }
  .s4-bonuses__card-desc {
    font-size: 3.74vw;
  }
  .s4-bonuses__badge {
    width: 15.42vw;
    height: 15.42vw;
    left: 76.17vw;
    top: -3.97vw;
  }
  .s4-bonuses__footer-text {
    font-size: 3.74vw;
  }
  .s4-bonuses__btn {
    width: 68.69vw;
    padding: 4.91vw 5.61vw;
    border-radius: 2.8vw;
    font-size: 5.61vw;
  }

  /* =====================
     S5 (About the Author)
     ===================== */
  .s5-author {
    width: 100vw;
    padding: 10.51vw 5.61vw;
    gap: 7.48vw;
  }
  .s5-author__title {
    font-size: 13.08vw;
    line-height: 11.45vw;
  }
  .s5-author__image-wrapper {
    height: 74.77vw;
  }
  .s5-author__content {
    gap: 5.61vw;
  }
  .s5-author__list {
    gap: 1.87vw;
  }
  .s5-author__list-item {
    gap: 1.87vw;
  }
  .s5-author__list-icon {
    width: 3.74vw;
    height: 3.97vw;
    margin-top: 0.7vw;
  }
  .s5-author__list-text {
    font-size: 3.74vw;
  }
  .s5-author__footer-text {
    font-size: 3.74vw;
  }

  /* =====================
     S6 (Guarantee)
     ===================== */
  .s6-guarantee {
    width: 100vw;
    padding: 10.51vw 5.61vw;
    gap: 7.48vw;
  }
  .s6-guarantee__title {
    font-size: 13.08vw;
    line-height: 11.45vw;
  }
  .s6-guarantee__card {
    width: 88.79vw;
    padding: 3.27vw 5.61vw;
    border-radius: 2.8vw;
    gap: 3.74vw;
  }
  .s6-guarantee__icon-wrapper {
    width: 13.08vw;
    height: 13.08vw;
  }
  .s6-guarantee__card-title {
    font-size: 3.27vw;
  }
  .s6-guarantee__card-desc {
    font-size: 3.27vw;
  }

  /* =====================
     S7 (Stretching Plan)
     ===================== */
  .s7-plan {
    width: 100vw;
    padding: 10.51vw 5.61vw;
    gap: 7.48vw;
  }
  .s7-plan__title {
    font-size: 13.08vw;
    line-height: 11.45vw;
  }
  .s7-plan__summary {
    gap: 2.8vw;
    padding: 1.87vw 3.74vw;
    border-radius: 2.8vw;
  }
  .s7-plan__summary-group {
    gap: 1.87vw;
  }
  .s7-plan__summary-icon--play {
    width: 7.01vw;
    height: 7.01vw;
  }
  .s7-plan__summary-icon--clock {
    width: 6.31vw;
    height: 6.31vw;
  }
  .s7-plan__summary-val {
    font-size: 9.35vw;
  }
  .s7-plan__summary-val-small {
    font-size: 5.61vw;
  }
  .s7-plan__summary-text {
    font-size: 3.27vw;
    max-width: 23.83vw;
  }
  .s7-plan__summary-divider {
    width: 0.23vw;
    height: 7.24vw;
  }
  .s7-plan__timeline {
    gap: 7.48vw;
  }
  .s7-plan__week {
    gap: 3.74vw;
  }
  .s7-plan__week-header {
    gap: 3.5vw;
  }
  .s7-plan__week-number {
    gap: 0.93vw;
  }
  .s7-plan__week-num-val {
    font-size: 10.98vw;
  }
  .s7-plan__week-num-lbl {
    font-size: 3.27vw;
    margin-bottom: 0.47vw;
  }
  .s7-plan__week-info {
    gap: 0.93vw;
  }
  .s7-plan__week-title {
    font-size: 3.27vw;
  }
  .s7-plan__week-desc {
    font-size: 3.27vw;
  }
  .s7-plan__days {
    gap: 4.67vw;
    padding-left: 1.87vw;
  }
  .s7-plan__day {
    gap: 3.74vw;
  }
  .s7-plan__marker {
    width: 6.07vw;
    height: 6.07vw;
    border-width: 0.23vw;
    font-size: 2.8vw;
  }
  .s7-plan__day-text {
    font-size: 3.74vw;
  }

  /* =====================
     S8 (Slider)
     ===================== */
  .s8 {
    width: 100vw;
    padding: 14.02vw 0 14.02vw 5.61vw;
  }
  .s8-header {
    gap: 1.87vw;
    margin-bottom: 7.48vw;
    padding-right: 5.61vw;
  }
  .s8-label {
    gap: 1.87vw;
  }
  .s8-label-text {
    font-size: 4.67vw;
  }
  .s8-title {
    font-size: 11.21vw;
  }
  .s8-slide {
    height: 122.43vw !important;
    max-height: 87.38vw;
    border-radius: 2.8vw;
    box-shadow: 0 0.47vw 4.67vw rgba(0, 0, 0, 0.2);
  }
  .s8-img {
    border-radius: 2.8vw;
  }
  .s8-controls {
    padding-right: 5.61vw;
    margin-top: 5.61vw;
  }
  .s8-pagination {
    max-width: 44.39vw;
    margin-top: 3.97vw;
    gap: 2.34vw;
  }
  .s8-pagination .swiper-pagination-bullet {
    min-width: 1.87vw !important;
    height: 1.87vw !important;
    border-width: 0.23vw !important;
  }
  .s8-nav {
    gap: 3.27vw;
  }
  .s8-prev, .s8-next {
    width: 22.2vw !important;
    height: 11.92vw !important;
  }
  .s8-prev svg, .s8-next svg {
    width: 5.61vw;
    height: 5.61vw;
  }

  /* =====================
     S9 (Results)
     ===================== */
  .s9-results {
    width: 100vw;
    padding: 10.51vw 5.61vw;
    gap: 7.48vw;
  }
  .s9-results__header {
    gap: 1.87vw;
  }
  .s9-results__title {
    font-size: 13.08vw;
    line-height: 11.45vw;
  }
  .s9-results__image-wrapper {
    width: 88.79vw;
    border-radius: 5.61vw;
  }

  /* =====================
     S10 (FAQ)
     ===================== */
  .s10-faq {
    width: 100vw;
    padding: 10.51vw 5.61vw 0 5.61vw;
    gap: 7.48vw;
  }
  .s10-faq__title {
    font-size: 13.08vw;
    line-height: 11.45vw;
  }
  .s10-faq__item {
    border-bottom-width: 0.23vw;
  }
  .s10-faq__header {
    padding: 5.61vw 0;
  }
  .s10-faq__question {
    font-size: 3.74vw;
    padding-right: 3.74vw;
  }
  .s10-faq__icon {
    width: 5.61vw;
    height: 5.61vw;
  }
  .s10-faq__icon::before {
    width: 3.74vw;
    height: 0.47vw;
    border-radius: 0.47vw;
  }
  .s10-faq__icon::after {
    width: 0.47vw;
    height: 3.74vw;
    border-radius: 0.47vw;
  }
  .s10-faq__answer {
    font-size: 3.27vw;
  }
  .s10-faq__item.is-active .s10-faq__answer {
    padding-bottom: 5.61vw;
  }

  /* =====================
     Contacts
     ===================== */
  .contacts {
    padding: 11.21vw 5.61vw 56.07vw 5.61vw;
  }
  .contacts__title {
    font-size: 8.41vw;
    margin-bottom: 8.41vw;
    letter-spacing: -0.12vw;
  }
  .contacts__grid {
    gap: 2.8vw;
    margin-bottom: 5.84vw;
  }
  .contacts__card {
    width: 27.57vw;
    height: 28.04vw;
    box-shadow: inset 0 0.47vw 0.93vw 0 rgba(0, 0, 0, 0.1), inset 0 -0.47vw 0.93vw 0 rgba(255, 255, 255, 0.25);
    border-radius: 7.01vw;
    border-width: 0.23vw;
  }
  .contacts__icon {
    margin-bottom: 2.8vw;
  }
  .contacts__icon--email {
    width: 11.21vw;
  }
  .contacts__label {
    font-size: 3.74vw;
    letter-spacing: 0.05vw;
  }
  .contacts__policy {
    font-size: 3.04vw;
    margin-bottom: 3.5vw;
  }
  .contacts__copyright {
    font-size: 3.04vw;
    margin: 0 0 8.41vw 0;
  }

  /* =====================
     Sticky Footer
     ===================== */
  .footer-bg {
    transform: translateY(35.05vw);
  }
  .footer {
    box-shadow: 0 -1.17vw 4.21vw rgba(0, 0, 0, 0.25);
    border-top-left-radius: 7.48vw;
    border-top-right-radius: 7.48vw;
    padding: 5.61vw 5.61vw 9.35vw 5.61vw;
    max-width: 100vw;
    gap: 3.27vw;
  }
  .footer-top-row {
    gap: 3.27vw;
  }
  .footer-title {
    width: 25.23vw;
    font-size: 3.27vw;
  }
  .footer-timer {
    gap: 1.87vw;
  }
  .footer-timer-col {
    gap: 1.17vw;
    width: 15.65vw;
  }
  .footer-timer-col--min {
    width: 17.06vw;
  }
  .timer-box {
    width: 12.62vw;
    height: 7.24vw;
    border-radius: 28.27vw;
    border-width: 0.23vw;
    font-size: 5.61vw;
  }
  .footer-timer-col--min .timer-box {
    width: 13.79vw;
  }
  .timer-label {
    font-size: 3.27vw;
  }
  .s10-cta-btn.footer-btn {
    width: 68.93vw;
    padding: 4.91vw 5.61vw;
    border-radius: 2.8vw;
  }
  .s10-cta-text {
    font-size: 5.61vw;
  }
}