/* Mirey - sayfa geçiş animasyonları. Ayarlar'dan kapatılabilir. */

/* =====================================================================
   SAYFA GEÇİŞLERİ  (View Transitions)
   Tarayıcı desteklemiyorsa hiçbir şey olmaz, site normal çalışır.
   ===================================================================== */
@view-transition { navigation: auto; }

::view-transition-old(root) {
  animation: gecis-cik 180ms cubic-bezier(.4,0,1,1) both;
}
::view-transition-new(root) {
  animation: gecis-gir 260ms cubic-bezier(0,0,.2,1) both;
}
@keyframes gecis-cik { to { opacity: 0; } }
@keyframes gecis-gir { from { opacity: 0; } }

/* Ürün görseli listeden detaya doğru büyüyerek geçsin */
.urun-kart-gorsel img { view-transition-name: var(--gecis-adi, none); }
.galeri-buyuk img     { view-transition-name: var(--gecis-adi, none); }

::view-transition-group(*) { animation-duration: 320ms; }

/* Üst bar ve WhatsApp düğmesi geçiş sırasında sabit dursun */
.ustbar   { view-transition-name: ustbar; }
.wa-dugme { view-transition-name: wadugme; }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none !important; }
}