/* تحسينات الأداء العامة */

/* تحسين الأداء الأساسي */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

/* تحسين تحميل الصور */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    max-width: 100%;
    height: auto;
    loading: lazy;
    decoding: async;
}

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

/* تحسين الأداء للعناصر الثابتة */
.fixed, .sticky {
    transform: translateZ(0);
    will-change: transform;
}

/* تحسين الأداء على الهاتف */
@media (max-width: 768px) {
    /* إزالة جميع الأنيميشن على الهاتف */
    * {
        transition: none !important;
        animation: none !important;
    }
    
    /* إظهار العناصر فوراً */
    .product-card,
    .product-image,
    .drawer-link,
    .btn,
    .card {
        opacity: 1 !important;
        transform: none !important;
    }
    
    /* تحسين تحميل الصور على الهاتف */
    img {
        loading: eager;
        decoding: async;
    }
    
    /* تحسين التمرير على الهاتف */
    html {
        scroll-behavior: auto;
    }
    
    /* تحسين الأداء للبطاقات على الهاتف */
    .product-card {
        will-change: auto;
        transform: none;
    }
    
    /* تحسين الأداء للأزرار على الهاتف */
    .btn, button {
        will-change: auto;
        transform: none;
    }
    
    /* تحسين الأداء للصور على الهاتف */
    .product-image {
        will-change: auto;
        transform: none;
    }
}

/* تحسين الأداء على الأجهزة الضعيفة */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    /* إزالة جميع الأنيميشن على الأجهزة الضعيفة */
    .product-card,
    .product-image,
    .btn,
    .card {
        will-change: auto !important;
        transform: none !important;
    }
}

/* تحسين الأداء للبطاقات */
.product-card {
    will-change: transform, opacity;
    transform: translateZ(0);
}

/* تحسين الأداء للأزرار */
.btn, button {
    will-change: transform, box-shadow;
    transform: translateZ(0);
}

/* تحسين الأداء للصور */
.product-image {
    will-change: transform;
    transform: translateZ(0);
}

/* تحسين الأداء للروابط */
a {
    will-change: color;
}

/* تحسين الأداء لحقول الإدخال */
input, textarea, select {
    will-change: border-color, box-shadow;
}

/* تحسين الأداء للقوائم */
ul, ol {
    will-change: auto;
}

/* تحسين الأداء للجداول */
table {
    will-change: auto;
}

/* تحسين الأداء للفيديو */
video {
    will-change: auto;
}

/* تحسين الأداء للكانفاس */
canvas {
    will-change: auto;
}