/* Ana sayfa hero slider'inda "Video" turu secilen slaytlar icin: gorsel slaytlar
   background-image kullanirken, video slaytlar bir <video> etiketi + ustune koyu
   bir gradyan katmani (.hero-slide__overlay) ile aynen gorsel slaytlar gibi
   kaplayici (cover) davranir. */
.hero-slide--video { background: center/cover; }
.hero-slide__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero-slide__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20, 12, 7, .18), rgba(20, 12, 7, .42));
  pointer-events: none;
}