/**
 * MS Image — Lazy Load Frontend Styles
 * Yüklenmemiş görseller için placeholder; yüklenen görseller için fade-in.
 */

/* Henüz yüklenmemiş görseller */
img.ms-lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* Yükleme tamamlandı — fade-in */
img.ms-lazy.ms-lazy-loaded {
    opacity: 1;
}

/* Yükleme hatası */
img.ms-lazy.ms-lazy-error {
    opacity: 0.4;
    filter: grayscale(1);
}