/* ============================================================
   PREMIUM FX — mevcut tema üzerine animasyon/3D katmanı
   Tema CSS'ine dokunmaz; yalnız ek sınıflar tanımlar.
   ============================================================ */

/* 3D tilt uygulanan kartlar */
.fx-tilt {
    transform-style: preserve-3d;
    will-change: transform;
}
/* tilt sırasında içerik hafif öne çıksın (derinlik hissi) */
.fx-tilt .fx-pop {
    transform: translateZ(28px);
}

/* Scroll derinlik girişi yapılacak öğeler başlangıçta gizli
   (JS yoksa görünür kalsın diye .fx-ready gate'i kullanılır) */
.fx-ready .fx-depth {
    opacity: 0;
}

/* Hareket azaltma tercihinde tüm efektler kapalı */
@media (prefers-reduced-motion: reduce) {
    .fx-ready .fx-depth { opacity: 1; }
}