/* ===========================================
   overrides-hero-footer.css
   ЦЕЛИ:
   1) Футер попадает в 1-й экран.
   2) Уменьшен отступ сверху у заголовка «Пройдите простой…».
   3) Уменьшен отступ сверху у кнопки «Получить скидку 50%».
   4) Баннер cookies не наезжает на кнопку (есть запас снизу).
   Всё настраивается переменными ниже.
   =========================================== */

/* ---------- Базовые переменные под десктоп ---------- */
:root{
  /* примерные высоты шапки и футера (подстройте под проект) */
  --header-h: 80px;
  --footer-h: 360px;

  /* отступы в hero (десктоп) */
  --hero-top-pad: 0px;         /* «приподнять» блок вверх: меньше значение — меньше пустоты */
  --hero-title-mt: 0px;         /* отступ сверху у заголовка */
  --hero-btn-mt: 8px;          /* отступ сверху у кнопки */
  --hero-bottom-pad: 40px;      /* стандартный нижний паддинг секции */

  /* высота/зазор под cookies-баннер (чтобы не закрывал кнопку) */
  --cookie-banner-h: 80px;      /* оценочная высота баннера */
  --cookie-banner-offset: 16px; /* отступ баннера от низа экрана */
}

/* ---------- Мобильные правки (по желанию подкорректируйте) ---------- */
@media (max-width: 767.98px){
  :root{
    --header-h: 64px;
    --footer-h: 320px;

    --hero-top-pad: 12px;
    --hero-title-mt: 0px;
    --hero-btn-mt: 12px;
    --hero-bottom-pad: 32px;

    --cookie-banner-h: 96px;
    --cookie-banner-offset: 12px;
  }
}

/* =======================================================
   ТАРГЕТИРУЕМ именно ваш hero-блок (это «шапка» с тестом)
   По коду сайта у него шаблонный блок: data-b-id="13"
   и конкретный instance с id="38704".
   Если id изменится — поменяйте цифры в селекторе.
   ======================================================= */

/* 1) Секция-«обложка» должна влезать в первый экран вместе с футером */
.b_block[data-id="38704"] .cover{
  /* Минимальная высота = высота экрана минус шапка и футер */
  min-height: calc(100vh - var(--header-h) - var(--footer-h));
}

/* 2) Подтянуть контент вверх и добавить запас снизу под cookies */
[data-b-id="13"][data-id="38704"] .content{
  padding-top: 5px !important;
  padding-bottom: calc(var(--hero-bottom-pad) + var(--cookie-banner-h)) !important;
}
[data-b-id="13"][data-id="38704"] .indent {
padding-top: 10px;}

/* 3) Срезать «воздух» у заголовка */
.b_block[data-id="38704"] h1,
.b_block[data-id="38704"] .component-title,
.b_block[data-id="38704"] .title{
  margin-top: var(--hero-title-mt) !important;
}

/* 4) Уменьшить отступ сверху у кнопки */
[data-b-id="13"][data-id="38704"] .btn-wrap{
  margin-top: var(--hero-btn-mt) !important;
}

/* 5) Сам cookies-баннер держим у нижнего края и не даём ему лезть наверх */
.cookie-banner,
.cookie-consent,
#cookie_notice,
#cookie_notifier,
#cookie-banner{
  position: fixed;
  right: 16px;
  left: 16px;       /* чтобы баннер не выезжал за края на малых ширинах */
  bottom: var(--cookie-banner-offset);
  z-index: 2147483647; /* поверх фона, но ниже модалок, если они 999999… */
}

/* (опционально) На больших экранах можно прижать баннер справа */
@media (min-width: 992px){
  .cookie-banner,
  .cookie-consent,
  #cookie_notice,
  #cookie_notifier,
  #cookie-banner{
    left: auto;
    max-width: 560px;
  }
}


/* === Кастомные мобильные отступы на главном экране === */
@media (max-width: 767px) {
	
	[data-b-id="13"] .content {margin:0px !important} /*отступ текста*/
	[data-quiz-part=progress][data-progress-style=circle]{height:10px  !important} /*отступ текста*/
	[data-quiz-part=progress][data-progress-style=circle][data-current=1]{height:60px  !important} /*отступ текста*/
  /* Уменьшаем отступ сверху у секции с текстом */
  .hero-content, 
  .b_block.hero, 
  .component-text {
    padding-top: 0px !important; /* 🔽 изменяй это значение */
    margin-top: 0 !important;
  }

  /* Уменьшаем отступ перед кнопкой */
  .component-button.form_field_submit {
    margin-top: 0px !important; /* 🔽 уменьшай/увеличивай по вкусу */
  }

  /* Баннер cookies ниже кнопки */
  #cookies {
    bottom: 10px !important;
    position: fixed;
    width: min(90vw, 360px);
	height:245px;
    left: 50%;
    transform: translateX(-50%);
  }
}

#fpolitika.has-error {
  outline: 2px solid #e74c3c;
  outline-offset: 2px;
  border-radius: 3px;
  box-shadow: 0 0 6px rgba(231,76,60,.55);
}

.consent-error {
  color: #e74c3c;
  font-size: 0.9em;
  margin-top: 6px;
  line-height: 1.4;
}


.component-quiz .step-title {
    margin-top: 45px;
}

.text-style-subtitle, .text-style-title-main{margin:0 auto;}