/* v116: wyłącznie lokalny prototyp wideo w istniejącym hero */
.v44-hero .v44-hero-media{
  background:#090a0b;
}

.v44-hero .v116-hero-video{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:0;
  transform:scale(1.002);
  transition:opacity .9s ease;
  pointer-events:none;
  background:#090a0b;
}

.v44-hero .v116-hero-video.is-active{
  opacity:1;
}

/* Shade pozostaje w tej samej warstwie co wcześniej, ale dostaje jawny z-index. */
.v44-hero .v44-hero-shade{
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.44) 42%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.14) 100%),
    linear-gradient(0deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.16) 58%,rgba(0,0,0,.12) 100%);
}

/* Istniejący tekst i CTA nadal są nad filmem. */
.v44-hero .v44-hero-copy{
  z-index:2;
}

@media(max-width:700px){
  .v44-hero .v116-hero-video{
    object-position:58% center;
  }
  .v44-hero .v44-hero-shade{
    background:
      linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.5) 62%,rgba(0,0,0,.28) 100%),
      linear-gradient(0deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.22) 62%,rgba(0,0,0,.12) 100%);
  }
}

@media(prefers-reduced-motion:reduce){
  .v44-hero .v116-hero-video{
    display:none;
  }
  .v44-hero .v44-hero-media{
    background:
      linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.08)),
      url("assets/video/hero-black-elephant-poster.jpg") center center / cover no-repeat;
  }
}

/* v119: poster widoczny natychmiast, video dopiero po realnym starcie */
.v44-hero .v44-hero-media{
  background-image:url('assets/video/hero-black-elephant-poster.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.v44-hero .v116-hero-video{
  opacity:0 !important;
  transition:opacity .30s ease !important;
}

.v44-hero .v116-hero-video.is-active.is-playing{
  opacity:1 !important;
}

/* v120: osobne pionowe źródła mobile */
@media (max-width: 767px){
  .v44-hero .v116-hero-video{
    object-fit:cover !important;
    object-position:center center !important;
  }

  .v44-hero .v44-hero-media{
    background-position:center center !important;
  }
}