/* Убираем отступы и скролл */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

/* Контейнер */
.video-background {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* Видео */
.video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

}

/* Видео для десктопа — покрытие всего экрана */
.video-desktop {
  object-fit: cover;
  object-position: center;
}

/* Скрываем мобильное видео по умолчанию */
.video-mobile {
  display: none;
  object-fit: contain; /* видео вписывается по высоте */
  object-position: bottom center;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
  .video-desktop {
    display: none;
  }
  .video-mobile {
    display: block;
  }
}

/* Планшеты */
@media (min-width: 769px) and (max-width: 1024px) {
  .video-desktop {
    object-fit: cover;
    object-position: left center; /* выравнивание по левому краю */
  }
}