/* maras18-reveal.css — Ana sayfa icin zarif scroll-reveal.
   Progressive enhancement: html.m18-reveal-on sinifi yoksa (inline script
   calismazsa) hicbir sey gizlenmez, icerik tam gorunur kalir.

   NOT: Bolumlerde SADECE opacity (fade) kullanilir. translateY/scale gibi
   transform'lar full-bleed bolumlerde yan kaydirma ve sayfa boyu degisimi
   (cift scroll / takilma) yaratabildigi icin bolum seviyesinde kullanilmaz.
   Transform yalnizca .m18-wrap icindeki kucuk kart/liste ogelerinde ve cok
   kucuk mesafeyle uygulanir. */

html.m18-reveal-on .m18-reveal {
    opacity: 0;
    transition: opacity .8s cubic-bezier(.16, .84, .44, 1);
}

html.m18-reveal-on .m18-reveal.is-visible,
html.m18-reveal-on.m18-reveal-ready .m18-reveal {
    opacity: 1;
}

/* Grid/liste icindeki kartlar tek tek, hafifce yukselerek gelsin.
   Mesafe kucuk (16px) tutulur; bu ogeler .m18-wrap icinde oldugundan
   yatay tasma ve sayfa boyu degisimi hissedilmez. */
html.m18-reveal-on .m18-reveal-stagger > * {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .55s ease, transform .55s ease;
}

html.m18-reveal-on .m18-reveal-stagger.is-visible > *,
html.m18-reveal-on.m18-reveal-ready .m18-reveal-stagger > * {
    opacity: 1;
    transform: none;
}

html.m18-reveal-on .m18-reveal-stagger.is-visible > *:nth-child(1) { transition-delay: 0s; }
html.m18-reveal-on .m18-reveal-stagger.is-visible > *:nth-child(2) { transition-delay: .07s; }
html.m18-reveal-on .m18-reveal-stagger.is-visible > *:nth-child(3) { transition-delay: .14s; }
html.m18-reveal-on .m18-reveal-stagger.is-visible > *:nth-child(4) { transition-delay: .21s; }
html.m18-reveal-on .m18-reveal-stagger.is-visible > *:nth-child(5) { transition-delay: .28s; }
html.m18-reveal-on .m18-reveal-stagger.is-visible > *:nth-child(6) { transition-delay: .35s; }
html.m18-reveal-on .m18-reveal-stagger.is-visible > *:nth-child(7) { transition-delay: .42s; }
html.m18-reveal-on .m18-reveal-stagger.is-visible > *:nth-child(8) { transition-delay: .49s; }

/* Hareket hassasiyeti olan kullanicilar: tum animasyon kapali */
@media (prefers-reduced-motion: reduce) {
    html.m18-reveal-on .m18-reveal,
    html.m18-reveal-on .m18-reveal-stagger > * {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}