/* إخفاء الصور في القائمة إذا كانت غير ضرورية */
.menu-img {
    display: none;
}

/* تحسين أنماط العناصر الأساسية */
.product-entry {
    border-radius: 5px;
    position: relative;
    transition: all 0.3s ease-out; /* تقليل مدة الانتقال */
    will-change: transform, box-shadow; /* تحسين الأداء */
}

/* إزالة التأثيرات الزائدة إذا كانت غير ضرورية */
.product-entry::after,
.product-entry::before {
    display: none; /* إخفاء العناصر الزائفة إذا كانت غير مهمة */
}

/* تحسين تأثيرات البطاقات */
.product-entry .card-border {
    position: absolute;
    height: 100%;
    width: 100%;
    transition: all 0.3s;
    border: 1px solid #414042; /* استخدام لون ثابت بدلاً من متغير إذا كان ذلك ممكنًا */
}

/* إزالة التأثيرات الزائدة على العناصر الزائفة */
.product-entry .card-border::after,
.product-entry .card-border::before {
    display: none; /* إخفاء العناصر الزائفة إذا كانت غير مهمة */
}

/* تأثيرات hover مبسطة */
.product-entry:hover {
    transform: scale(1.02); /* تأثير بسيط عند hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* إضافة ظل بسيط */
}