/* Full-width homepage hero video (Oh Polly style) */

.hero-Video {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 0;
  background: #000;
  overflow: hidden;
  line-height: 0;
}

/* Gradient doar pe hero-ul de sus (sub header transparent) */
.hero-Video--top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 140px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.12) 55%, transparent 100%);
}

.hero-Video_Inner {
  position: relative;
  width: 100%;
  height: clamp(480px, 92vh, 1080px);
  min-height: clamp(480px, 85vh, 900px);
}

.hero-Video_Media {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  object-position: center top;
  vertical-align: top;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  image-rendering: auto;
  filter: none;
}

/* Homepage: hero direct sub header */
#common-home .hero-Video--top {
  margin-top: 0;
}

/* Hero sub Featured — același stil, fără gradient header */
.hero-Video--sub::before {
  display: none;
}

#common-home .hero-Video--sub {
  margin-top: 0;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  #common-home .hero-Video--sub {
    margin-bottom: 4rem;
  }
}

/* Hero sub Category showcase */
.hero-Video--after-showcase::before {
  display: none;
}

#common-home .hero-Video--after-showcase {
  margin-top: 0;
  margin-bottom: 0;
}

/* Hide legacy slideshow banner when hero video is present */
#common-home:has(.hero-Video) .home-ContentTop .module-banner,
#common-home:has(.hero-Video) .home-ContentTop .carousel,
#common-home:has(.hero-Video) .home-ContentTop > .module:first-child {
  display: none !important;
}

/* Reduce layout shift while video loads */
.hero-Video_Media:not([data-ready]) {
  background: #0a0a0a;
}