/* AOS-lite: scroll-reveal animasyon stilleri (assets/js/aos.js ile birlikte çalışır) */

[data-aos] {
    transition-property: opacity, transform;
    will-change: opacity, transform;
}

/* Başlangıç (görünür alana girmeden önceki) durumlar */
[data-aos="fade"] {
    opacity: 0;
}

[data-aos="fade-up"] {
    opacity: 0;
    transform: translateY(28px);
}

[data-aos="fade-down"] {
    opacity: 0;
    transform: translateY(-28px);
}

[data-aos="fade-left"] {
    opacity: 0;
    transform: translateX(28px);
}

[data-aos="fade-right"] {
    opacity: 0;
    transform: translateX(-28px);
}

[data-aos="zoom-in"] {
    opacity: 0;
    transform: scale(0.92);
}

/* Görünür alana girince (aos.js .aos-animate class'ı ekler) */
[data-aos].aos-animate {
    opacity: 1;
    transform: none;
}

/* Not: data-aos-delay / data-aos-duration değerleri aos.js tarafından
   satır-içi style olarak uygulanır (transitionDelay/transitionDuration),
   burada ayrıca CSS kuralı tanımlamaya gerek yok. */

@media (prefers-reduced-motion: reduce) {
    [data-aos] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}