/* ==========================================================================
   animations.css — Doğutaş
   İlerlemeci (progressive) scroll-reveal geçişleri. Sınıflar yalnızca JS
   tarafından eklenir; JS yoksa içerik tam görünür kalır (tasarım değişmez).
   ========================================================================== */

/* Görsel olarak gizli ama ekran okuyucu/SEO için erişilebilir başlık */
.gizli-baslik {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Reveal yalnızca JS .reveal eklediğinde aktif olur */
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
}
.reveal.gorundu {
  opacity: 1;
  transform: none;
}

/* Hareket azaltma tercihi: hiçbir geçiş uygulama */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Genel link/buton geçişleri (mevcut renkleri korur, yalnız yumuşatır) */
.sol-menu-secenekler ul li a,
.band-link img,
.thumbs a,
.urun1 {
  transition: background-color 0.25s ease, opacity 0.25s ease, box-shadow 0.25s ease;
}

/* Ürün kartında hafif hover geri bildirimi (boyut/renk değişmez) */
.urun1:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

/* Galeri küçük resimlerinde hover geri bildirimi */
.thumbs a:hover {
  opacity: 0.9;
}