/* Add custom CSS styles below */ 
/* جعل قسم البنر بعرض الصفحة */
.s-block--slider,
.s-block--hero-banner,
.s-block--banner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* إزالة قيود العرض من الحاوية الداخلية */
.s-block--slider .container,
.s-block--hero-banner .container,
.s-block--banner .container {
  width: 100% !important;
  max-width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* جعل صورة البنر تملأ العرض */
.s-block--slider img,
.s-block--hero-banner img,
.s-block--banner img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

/* ضبط الشرائح إذا كان البنر سلايدر */
.s-block--slider .swiper,
.s-block--slider .swiper-wrapper,
.s-block--slider .swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
}

/* منع ظهور تمرير أفقي */
html,
body {
  overflow-x: hidden !important;
}

/* الجوال */
@media (max-width: 768px) {
  .s-block--slider img,
  .s-block--hero-banner img,
  .s-block--banner img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
  }
}

.s-block--slider .rounded,
.s-block--hero-banner .rounded,
.s-block--banner .rounded {
  border-radius: 0 !important;
}

.s-block--slider a,
.s-block--hero-banner a,
.s-block--banner a {
  display: block !important;
  width: 100% !important;
}