/* Video hero Minh Tâm Bảo — chuan2.mp4 chạy nền trang chủ, 9.png là fallback */
body.mtb-modern .hero-section.mtb-video-active {
  position: relative;
  height: calc(100svh - 112px);
  min-height: 640px;
  overflow: hidden;
  background: #111216;
}

/* Ẩn carousel ảnh cũ và toàn bộ lớp chữ/CTA phủ trên video. */
body.mtb-modern .hero-section.mtb-video-active > .carousel,
body.mtb-modern .hero-section.mtb-video-active .mtb-hero-overlay {
  display: none !important;
}

/* Không phủ lớp tối lên video để giữ nguyên màu hình ảnh. */
body.mtb-modern .hero-section.mtb-video-active::after {
  display: none !important;
  content: none !important;
}

body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  background: #111216;
}

body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video-fallback,
body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}

body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video-fallback {
  z-index: 1;
  opacity: 1;
}

body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video {
  z-index: 2;
  opacity: 0;
  background: transparent;
  transition: opacity .25s ease;
}

body.mtb-modern .hero-section.mtb-video-active:not(.mtb-video-paused) .mtb-hero-video {
  opacity: 1;
}

/* PC: dùng đúng tỷ lệ gốc của video để hiển thị đầy đủ toàn bộ khung hình. */
@media (min-width: 992px) {
  body.mtb-modern .hero-section.mtb-video-active {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: var(--mtb-video-aspect, 16 / 9);
    background: #111216;
  }

  body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video-wrap {
    background: #111216;
  }

  body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video,
  body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video-fallback {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
  }
}

/* Tablet và điện thoại: chiều ngang video luôn bằng đúng chiều ngang màn hình.
   Chiều cao tự tính theo tỷ lệ thật của video nên không bị crop. */
@media (max-width: 991.98px) {
  body.mtb-modern .hero-section.mtb-video-active {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: var(--mtb-video-aspect, 16 / 9);
    background: #111216;
  }

  body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video-wrap {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video,
  body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video-fallback {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video {
    display: none !important;
  }

  body.mtb-modern .hero-section.mtb-video-active .mtb-hero-video-fallback {
    opacity: 1 !important;
  }
}