/* Nora Medya - 9 kart sağdan sola zincirleme giriş + blur glow */

.services-section .single-services-item {
    will-change: transform, opacity, filter, box-shadow;
}

html.services-reveal-ready .services-section .single-services-item.nm-service-reveal {
    opacity: 0;
    transform: translate3d(95px, 0, 0) scale(.97);
    filter: blur(7px) brightness(.92);
    transition:
        opacity .60s cubic-bezier(.22,1,.36,1),
        transform .72s cubic-bezier(.22,1,.36,1),
        filter .62s ease;
}

html.services-reveal-ready .services-section .single-services-item.nm-service-reveal.nm-service-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0) brightness(1);
}

/* Kart yerine geldikten sonra kısa süreli premium parlama */
html.services-reveal-ready .services-section .single-services-item.nm-service-reveal.nm-service-glow {
    animation: nmServiceGlow .82s ease-out both;
}

@keyframes nmServiceGlow {
    0% {
        filter: blur(0) brightness(1);
        box-shadow: 0 8px 24px rgba(0,0,0,.07);
    }
    28% {
        filter: blur(.7px) brightness(1.10);
        box-shadow:
            0 0 0 1px rgba(255,111,0,.18),
            0 0 24px rgba(255,111,0,.26),
            0 14px 34px rgba(0,0,0,.10);
    }
    55% {
        filter: blur(0) brightness(1.06);
        box-shadow:
            0 0 18px rgba(255,111,0,.18),
            0 12px 28px rgba(0,0,0,.09);
    }
    100% {
        filter: blur(0) brightness(1);
        box-shadow: 0 8px 24px rgba(0,0,0,.07);
    }
}

@media (max-width: 767.98px) {
    html.services-reveal-ready .services-section .single-services-item.nm-service-reveal {
        transform: translate3d(58px, 0, 0) scale(.985);
        filter: blur(5px) brightness(.94);
    }

    html.services-reveal-ready .services-section .single-services-item.nm-service-reveal.nm-service-visible {
        transform: translate3d(0, 0, 0) scale(1);
        filter: blur(0) brightness(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    html.services-reveal-ready .services-section .single-services-item.nm-service-reveal,
    html.services-reveal-ready .services-section .single-services-item.nm-service-reveal.nm-service-visible,
    html.services-reveal-ready .services-section .single-services-item.nm-service-reveal.nm-service-glow {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
        animation: none !important;
    }
}
