/* 1. إيقاف تأثير الضوء المتحرك (Shine Effect) نهائياً */
body .store_categories_section .store_category_item .img-shine-wrapper::before,
body .store_categories_section .store_category_item .img-shine-wrapper::after {
    display: none !important;
    animation: none !important;
    opacity: 0 !important;
}

/* 2. إزالة الخلفيات والحدود الافتراضية من عنصر التصنيف */
body .store_categories_section .store_category_item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-align: center !important;
    padding: 10px !important;
}

/* 3. تنسيق حاوية الصورة وإزالة أي خلفيات منها */
body .store_categories_section .store_category_item .img-shine-wrapper {
    background: transparent !important; /* تأكيد عدم وجود خلفية */
    border: none !important;
    margin: 0 auto 15px auto !important;
    overflow: hidden !important; 
    border-radius: 15px !important; /* يمكنك جعلها 50% إذا أردت قص الصورة بشكل دائري */
    transition: transform 0.4s ease-in-out !important;
}

/* 4. تجهيز الصورة للحركة */
body .store_categories_section .store_category_item img {
    transition: transform 0.4s ease-in-out !important;
    width: 100% !important; 
    height: auto !important;
    object-fit: cover !important;
}

/* 5. تأثير التكبير (Zoom-in) للصورة عند الـ Hover */
body .store_categories_section .store_category_item:hover img {
    transform: scale(1.15) !important; /* نسبة التكبير، يمكنك تعديل الرقم */
}

/* 6. تنسيق عنوان التصنيف */
body .store_categories_section .store_category_item_title {
    font-weight: bold !important;
    font-size: 16px !important;
    color: #333 !important;
    margin-top: 10px !important;
    transition: color 0.3s ease !important;
}

/* تغيير لون النص عند الـ Hover */
body .store_categories_section .store_category_item:hover .store_category_item_title {
    color: #e651a1 !important; /* لون وردي مقارب للصورة المرفقة */
}