/* === جعل خلفية المتجر بالكامل أبيض صريح === */
body, html, .app-inner, main, .s-main {
    background-color: #ffffff !important;
}

/* === جعل جميع البنرات في الصفحة بعرض الشاشة بالكامل === */

/* إزالة المسافات (الـ margin والـ padding) من كل أقسام البنرات الثابتة والمتحركة */
section.s-block.s-block--fixed-banner,
section.s-block.s-block--photos-slider {
    margin: 0 !important;
    padding: 0 !important;
}

/* جعل الحاوية (Container) لكل البنرات الثابتة بعرض 100% */
section.s-block.s-block--fixed-banner.wide-placeholder .container {
    max-width: 100%!important;
    margin: 0!important;
    padding: 0!important;
}

/* جعل الحاوية (Container) لكل السلايدرات (البنرات المتحركة) بعرض 100% */
section.s-block.s-block--photos-slider .container {
    max-width: 100%!important;
    margin: 0!important;
    padding: 0!important;
}

/* تعديل شرائح السلايدر في كل الأقسام لتأخذ العرض بالكامل */
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    width: 100%!important;
    padding: 0!important;
    margin: 0 !important; 
}

/* إزالة التوسيط الخاص بـمنصة سلة عشان السلايدر ياخد العرض كامل */
[dir=rtl] .carousel-slider .swiper {
    padding: 0!important;
}

/* تمديد الصور داخل كل البنرات الثابتة وإزالة أي خلفية */
section.s-block.s-block--fixed-banner.wide-placeholder img {
    background-color: unset!important;
    width: 100% !important; /* لضمان إن الصورة تملأ العرض بالكامل */
    border-radius: 0 !important; /* اختياري: لضمان إن الصورة تلزق في أطراف الشاشة */
}