/* =========================================================
   MOROZTUR — INNER PAGES FINAL

   1 divider после hero перед главным красным заголовком
   1 divider перед footer
   Никаких divider внутри смыслового контента
   ========================================================= */

.page-frost-divider {
  position: relative;
  z-index: 2;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  max-width: 1200px;

  /*
   * ВАЖНО:
   * PNG имеют большой прозрачный холст.
   * Поэтому задаём компактную высоту самому контейнеру,
   * а изображение центрируем абсолютно.
   */
  height: 122px;

  margin: 12px auto;
  padding: 0 18px;

  pointer-events: none;
  overflow: visible;
}

.page-frost-divider img {
  position: absolute;
  left: 50%;
  top: 50%;

  display: block;
  width: min(100%, 620px);
  height: auto;

  transform: translate(-50%, -50%);

  opacity: 1;
  filter: none;
}

/* Разные художественные размеры, как сейчас */
.page-frost-divider--narrow img {
  width: min(100%, 540px);
}

.page-frost-divider--medium img {
  width: min(100%, 620px);
}

.page-frost-divider--wide img {
  width: min(100%, 700px);
}


/* Верхний divider — особенно компактный */
.page-frost-divider--top {
  height: 116px;
  margin-top: 8px;
  margin-bottom: 8px;
}


/* Нижний перед футером */
.page-frost-divider--footer {
  height: 118px;
  margin-top: 16px;
  margin-bottom: 8px;
}


/* ---------------------------------------------------------
   Убираем лишний воздух у блока,
   следующего непосредственно за верхним divider.
   --------------------------------------------------------- */

.page-frost-divider--top + .tours-cta,
.page-frost-divider--top + .program-head,
.page-frost-divider--top + section,
.page-frost-divider--top + div {
  margin-top: 0 !important;
}


/* У самого первого красного заголовка тоже не нужен
   дополнительный верхний margin. */

.page-frost-divider--top + .tours-cta > h1:first-child,
.page-frost-divider--top + .tours-cta > h2:first-child,

.page-frost-divider--top + .program-head > h1:first-child,
.page-frost-divider--top + .program-head > h2:first-child {
  margin-top: 0 !important;
}


@media (max-width: 1279px) {
  .page-frost-divider {
    height: 108px;
  }

  .page-frost-divider--top {
    height: 104px;
  }

  .page-frost-divider--footer {
    height: 106px;
  }

  .page-frost-divider--narrow img {
    width: min(100%, 470px);
  }

  .page-frost-divider--medium img {
    width: min(100%, 540px);
  }

  .page-frost-divider--wide img {
    width: min(100%, 600px);
  }
}


@media (max-width: 760px) {
  .page-frost-divider {
    height: 92px;
    margin: 8px auto;
    padding: 0 12px;
  }

  .page-frost-divider--top {
    height: 88px;
  }

  .page-frost-divider--footer {
    height: 90px;
  }

  .page-frost-divider--narrow img {
    width: min(100%, 410px);
  }

  .page-frost-divider--medium img {
    width: min(100%, 450px);
  }

  .page-frost-divider--wide img {
    width: min(100%, 490px);
  }
}


/* hotels: больше воздуха вокруг верхнего разделителя */
.page-frost-divider--roomy {
  height: 132px;
  margin-top: 18px;
  margin-bottom: 20px;
}

@media (max-width: 1279px) {
  .page-frost-divider--roomy {
    height: 118px;
    margin-top: 14px;
    margin-bottom: 16px;
  }
}

@media (max-width: 760px) {
  .page-frost-divider--roomy {
    height: 102px;
    margin-top: 10px;
    margin-bottom: 12px;
  }
}

/* === MOROZTUR SECTION TUNING START === */

/*
 * Страницы конкретных программ:
 * даём больше воздуха между hero-фото и верхней завитушкой.
 */
.page-frost-divider--program-top,
.program-hero + .page-frost-divider--top {
  margin-top: 52px !important;
  margin-bottom: 8px !important;
}

/*
 * Дополнительный смысловой разделитель внутри Hotels:
 * перед блоком «Размещение на Вотчине».
 */
.page-frost-divider--votchina {
  height: 116px;
  margin-top: 24px;
  margin-bottom: 10px;
}

.page-frost-divider--votchina + .tours-cta {
  margin-top: 0 !important;
}

.page-frost-divider--votchina + .tours-cta > h1:first-child,
.page-frost-divider--votchina + .tours-cta > h2:first-child {
  margin-top: 0 !important;
}

@media (max-width: 1279px) {
  .page-frost-divider--program-top,
  .program-hero + .page-frost-divider--top {
    margin-top: 44px !important;
  }

  .page-frost-divider--votchina {
    height: 104px;
    margin-top: 20px;
    margin-bottom: 8px;
  }
}

@media (max-width: 760px) {
  .page-frost-divider--program-top,
  .program-hero + .page-frost-divider--top {
    margin-top: 36px !important;
  }

  .page-frost-divider--votchina {
    height: 90px;
    margin-top: 14px;
    margin-bottom: 6px;
  }
}

/* === MOROZTUR SECTION TUNING END === */