/* hero-fix.css — Ana sayfa manşet slaytı: titremesiz, yavaş ve akıcı zoom (Ken Burns)
   Sorun kaynağı: sitenin CSS'inde .slide-img için iki çakışan kural vardı
     .slide-img{transform:scale(1);transition:transform 6s ease-out}
     .slide-img{transform:scale(1.04)}            ← ikincisi sürekli geçerli, zoom çalışmıyordu
   Ayrıca slayt görselleri lazy yükleniyordu; slayt görünür olunca resim sonradan geliyor,
   geçişle birleşince "yalpalama" gibi görünüyordu. Bu dosya ikisini de düzeltir. */

#mainHeroSlider .slide-img {
  transform: scale(1);
  transition: none !important;
  animation: none !important;
  transform-origin: 50% 50%;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Sadece AKTİF slaytın görseli yumuşak zoom yapar */
#mainHeroSlider .hero-slide.active .slide-img {
  animation: heroKenBurns 7.5s cubic-bezier(0.22, 0.45, 0.35, 1) forwards !important;
}

@keyframes heroKenBurns {
  from { transform: scale(1.02); }
  to   { transform: scale(1.095); }
}

/* Slayt kabı yalnızca opaklıkla geçsin; transform animasyonu titreme yaratıyordu */
#mainHeroSlider .hero-slide {
  will-change: opacity, visibility;
  transform: none !important;
  animation: none !important;
}

/* Başlık/spot animasyonu transform kullanmasın (translateY kayması yalpalanma gibi görünüyordu) */
#mainHeroSlider .slide-caption-box,
#mainHeroSlider .slide-title,
#mainHeroSlider .slide-summary {
  animation: none !important;
}

/* Görsel yüklenirken yer tutucu: aniden boyut değişmesin */
#mainHeroSlider .slide-media-link {
  background: #0b0b0b;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  #mainHeroSlider .hero-slide.active .slide-img { animation: none !important; transform: scale(1.03); }
}