/* عرض 4 منتجات في الصف على الشاشات الكبيرة */
.s-products-list-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* عرض 3 منتجات على الشاشات المتوسطة */
@media (max-width: 1024px) {
    .s-products-list-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* عرض منتجين على الشاشات الصغيرة (الجوال) */
@media (max-width: 768px) {
    .s-products-list-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* جعل سلايدر العروض يعرض 4 منتجات في الصف */
section[id^="best-offers-"] .swiper-slide {
    width: calc(100% /4) !important; /* 4 عناصر في الصف */
}

/* على الشاشات المتوسطة: 3 منتجات */
@media (max-width: 1024px) {
    section[id^="best-offers-"] .swiper-slide {
        width: calc(100% / 3) !important;
    }
}

/* على الجوال: منتجان */
@media (max-width: 768px) {
    section[id^="best-offers-"] .swiper-slide {
        width: 50% !important; /* 2 منتجات */
    }
}

/* خلفية أزرق ونصوص بيضاء لمميزات المتجر */
.s-block.s-block--features.angel-feature {
    background-color: #0F4CBB !important; /* الأزرق من شعار بيتك */
    color: #FFFFFF !important;
}

/* جميع النصوص داخل السكشن باللون الأبيض */
.s-block.s-block--features.angel-feature * {
    color: #FFFFFF !important;
}