/* ============================================================
   inner-hero-fix.css
   Живой hero-фон (видео) на внутренних страницах
   ============================================================ */

/* --- Хедер: тёмная подложка на время загрузки видео --- */
.inner-header {
  overflow: hidden;
  background: #0b0d2e;
}

/* --- Убираем статичную картинку фона --- */
.inner-header {
  background-image: none;
}

/* --- Видео-фон --- */
.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110%;
  object-fit: cover;
  z-index: -1;
  pointer-events: none;
}

/* --- Высота hero --- 
.inner-header .hero {
  min-height: 280px;
  display: flex;
  align-items: center;
}*/

/* ============================================================
   АДАПТИВ
   ============================================================ */

/* Планшет */
@media (max-width: 991px) {
  .inner-header .hero {
    min-height: 220px;
  }
}

/* Мобильные */
@media (max-width: 767px) {
  .inner-header .hero {
    min-height: 180px;
    padding: 20px 20px 25px 20px;
  }

  .inner-header .hero h1 {
    margin: 0 0 15px;
  }
}

/* Отключаем видео на маленьких экранах — статичная картинка */
@media (max-width: 480px) {
  .hero-video {
    display: none;
  }

  .inner-header {
    background: url('/assets/images/hero-image-1.webp') center/cover no-repeat;
  }
}

/* Уважаем prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .hero-video {
    display: none;
  }

  .inner-header {
    background: url('/assets/images/hero-image-1.webp') center/cover no-repeat;
  }
}