/* تحسينات CSS بسيطة وآمنة للأداء */
/* Minimal and Safe CSS Performance Optimizations */

/* تحسين بسيط لقسم المشاريع فقط */
.double .imageContainer {
    will-change: width;
}

/* تحسين الصور بأمان */
.double img {
    image-rendering: optimizeSpeed;
    loading: lazy;
    decoding: async;
}

/* تحسين التمرير العام */
html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

/* تحسين للأجهزة المحمولة */
@media (max-width: 768px) {
    .double .imageContainer {
        will-change: auto;
    }
}

/* تحسين للمستخدمين الذين يفضلون تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
    .double .imageContainer {
        will-change: auto;
    }
    
    html {
        scroll-behavior: auto;
    }
}