/* Start:/local/templates/landing/styles.css?17761576602936*/
/* Автоматически подключаемый Битриксом CSS шаблона.
   Основные стили подключаются через <link> в header.php.
   Данный файл можно использовать для переопределений. */

/* ================================================================
   Header
   ================================================================ */

.header__catalog {
  visibility: hidden;
}

/* ================================================================
   Modal
   ================================================================ */

.modal {
  z-index: 10000;
}

/* ================================================================
   Hero (main section)
   ================================================================ */

.main {
  position: relative;
  min-height: 650px;
}

.main__box {
  position: relative;
  z-index: 50;
}

/* Видео-фон hero: изначально прозрачен, плавно появляется после загрузки */
.main__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.5s ease;
  z-index: 0;
}

.main__search--widget {
  height: auto;
  border: none;
  background: none;
  position: relative;
  z-index: 99;
}

@media screen and (max-width: 700px) {
  .main__title,
  .main__desc {
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
  }
}

/* ================================================================
   About — статистика (факты компании)
   ================================================================ */

.about__item {
  padding-bottom: 38px;
}

.about__item-desc {
  max-width: 75%;
}

@media screen and (max-width: 1100px) {
  .about__item {
    padding-bottom: 32px;
  }
}

@media screen and (max-width: 900px) {
  .about__item-desc {
    max-width: none;
  }
}

@media screen and (max-width: 500px) {
  .about__item {
    padding-bottom: 24px;
  }
}

/* ================================================================
   Кнопка бургера — внутренний круг через 4 стороны
   ================================================================ */

.doubleCircle::before {
  width: auto;
  height: auto;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
}

/* ================================================================
   Routes — слайды некликабельны
   ================================================================ */

.routes__slide-item {
  pointer-events: none;
  cursor: default;
}

/* ================================================================
   About — много отзывов (> 2): убираем фиксированную высоту строк
   ================================================================ */

.about__list--many {
  grid-template-rows: auto;
}

/* End */


/* Start:/local/templates/landing/template_styles.css?17761576601074*/
/* Список CSS-файлов шаблона лендинга ВодоходЪ
   Все файлы подключаются через <link> в header.php в указанном порядке */

/* 1. Библиотека слайдера Swiper */
/* /local/templates/landing/css/libs/swiper-bundle.min.css */

/* 2. Сброс стилей и базовые переменные */
/* /local/templates/landing/css/common.css */

/* 3. Дополнительные базовые стили (index.css из верстки) */
/* /local/templates/landing/css/index.css */

/* 4. Секционные стили */
/* /local/templates/landing/css/header.css */
/* /local/templates/landing/css/main.css */
/* /local/templates/landing/css/desc.css */
/* /local/templates/landing/css/routes.css */
/* /local/templates/landing/css/how.css */
/* /local/templates/landing/css/relax.css */
/* /local/templates/landing/css/about.css */
/* /local/templates/landing/css/questions.css */
/* /local/templates/landing/css/choice.css */
/* /local/templates/landing/css/footer.css */

/* End */
/* /local/templates/landing/styles.css?17761576602936 */
/* /local/templates/landing/template_styles.css?17761576601074 */