/* ====== اجعل قسم البنرات يمتد خارج حدود الحاوية ====== */
.edge-to-edge {
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ألغِ أي حشوات/هوامش من الحاويات الداخلية الشائعة في سلة */
.edge-to-edge .container,
.edge-to-edge [class*="container"],
.edge-to-edge .home-block,
.edge-to-edge .banner-slider,
.edge-to-edge .section,
.edge-to-edge .row {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* اجبر السلايدر والصور على ملء العرض */
.edge-to-edge .salla-slider,
.edge-to-edge .swiper,
.edge-to-edge .swiper-container,
.edge-to-edge .swiper-wrapper,
.edge-to-edge .swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
}

.edge-to-edge img {
  display: block !important;
  width: 100% !important;
  height: auto;
  border-radius: 0 !important;
  object-fit: cover;
}

/* في بعض القوالب البانر نفسه يكون داخل block بحشوة جانبية */
.edge-to-edge[class*="block"],
.edge-to-edge[class*="banner"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* تحسين للموبايل */
@media (max-width: 768px) {
  .edge-to-edge {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
}