/*
 * DFX PERFORMANCE V118
 * Targeted GPU and rendering optimization.
 * GPU layers are created only during interaction, not permanently.
 */

.dfx-auto-visibility {
    content-visibility: auto;
    contain-intrinsic-size: auto 320px;
}

.dfx-motion-safe {
    transition-property: transform, opacity;
    transition-duration: 180ms;
    transition-timing-function: cubic-bezier(.2, .8, .2, 1);
}

.dfx-gpu-active {
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .dfx-motion-safe,
    .dfx-gpu-active {
        transition-duration: 1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
    }
}

/*
 * روی دستگاه‌های ضعیف افکت‌های سنگین محدود می‌شوند.
 */
html.dfx-lite-mode [style*="backdrop-filter"],
html.dfx-lite-mode [class*="blur"],
html.dfx-lite-mode .dfx-heavy-effect {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}