/* Add custom CSS styles below */ 
.s-product-card-entry.Mws__form_content{
  gap: 0px !important;
  
}
.main-menu #blog .blog-link{
  display: none;
}
.s-product-card-entry.Mws__form_content .s-product-card-content{
  gap: 0;
}
/* 1. تهيئة حاوية الصورة */
.s-product-card-image {
    position: relative;
    overflow: hidden; /* لضمان عدم خروج الإضاءة عن حدود الصورة */
}

/* 2. إنشاء طبقة الإضاءة المتحركة */
.s-product-card-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%; /* تبدأ من خارج الإطار */
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.4) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg); /* جعل الإضاءة مائلة بشكل جمالي */
    transition: none;
}

/* 3. حركة الإضاءة عند تمرير الماوس على بطاقة المنتج */
.s-product-card-entry:hover .s-product-card-image::after {
    left: 150%; /* تتحرك عبر الصورة إلى الجهة الأخرى */
    transition: left 0.7s ease-in-out;
}

/* تحسين إضافي: جعل الصورة تكبر قليلاً عند التمرير */
.s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.05);
    transition: transform 0.5s ease;
}