section.s-block.s-block--fixed-banner.wide-placeholder img {
    background-color: unset!important;
}
/* إصلاح خلفية البنرات في الأقسام */
.s-block--banners .banner-entry {
  background-color: #ffffff !important; /* أبيض صريح */
  border-radius: 12px; /* اختياري لشكل أنعم */
  padding: 1rem; /* اختياري لتوسيط المحتوى داخل البانر */
  box-shadow: none !important; /* نضمن إن مفيش ظل ممكن يغمق الخلفية */
}
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);


/* استهداف السلايدر الرئيسي فقط وإزالة الخلفية البيضاء أو الخط */
.swiper.s-slider-container {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 1rem !important;
  margin: 0 !important;
}

/* إزالة أي هوامش داخلية أو خارجية قد تسبب الفراغ الأبيض */
.swiper.s-slider-container .swiper-slide {
  background-color:transparent !important;
  margin: 0 0.5rem!important;
  padding: 0 0.5rem !important;
  border: none !important;
  box-shadow: none !important;
}
/* إزالة أي هوامش داخلية أو خارجية قد تسبب الفراغ الأبيض */
.swiper.s-slider-container .swiper-slide {
  background-color:transparent !important;
  margin: 0 0.5rem!important;
  padding: 0 0.5rem !important;
  border: none !important;
  box-shadow: none !important;
}

/* الصور داخل البنر */
.swiper.s-slider-container .swiper-slide img {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
  border: none !important;
  box-shadow: none !important;
}

/* إزالة أي مارجن أو بادينج من أول سيكشن */
section:first-of-type {
  margin: 0 !important;
  padding: 0 !important;
}

/* جعل السلايدر الأول فقط بعرض 99% ومتمركز */
/* start first banner */
section:first-of-type {
    margin: 0!important;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    width: 100%!important;
    padding: 0!important;
}
[dir=rtl] .carousel-slider .swiper {
    padding: 0!important;
}
/* start banner */
section:nth-child(1 of .s-block.s-block--fixed-banner.wide-placeholder) .container {
    max-width: 100%!important;
    margin: 0!important;
    padding: 0!important;
}
section.s-block.s-block--fixed-banner.wide-placeholder img {
    background-color: unset!important;
}
--------------------------


/* التأكد إن كونتينر أول بنر فقط مش بيحد العرض */
section.s-block--fixed-banner.wide-placeholder:first-of-type .container {
  max-width: 99% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

}
/* -------------------- */
/* start banner */
section:nth-child(7 of .s-block.s-block--fixed-banner.wide-placeholder) .container {
    max-width: 100%!important;
    margin: 0!important;
    padding: 0!important;
}
section.s-block.s-block--fixed-banner.wide-placeholder img {
    background-color: unset!important;
}
/* -------------------- */

/* تغيير الخلفية الخاصة بالصفحة بأكملها */
body {
    background-color: #ffffff !important;  /* استبدل اللون بـ الكود الذي ترغب فيه */
}

/* تغيير الخلفية الخاصة بمنطقة الهيدر */
header, .site-header {
    background-color: #ffffff !important;  /* استبدل اللون بـ الكود الذي ترغب فيه */
}

/* تغيير الخلفية الخاصة بالمحتوى الرئيسي */
.main-content, .store-wrapper {
    background-color: #ffffff !important;  /* استبدل اللون بـ الكود الذي ترغب فيه */
}
/* -------------------- */
.map-sec iframe {
    width: 100%;
    height: 450px; /* يمكنك تعديل الارتفاع حسب الحاجة */
    border: none;
}
/* -------------------- */
.responsive-image {
    width: 100%;
    max-width: 400px;
    height: auto;
    display: block;
    margin: 0 auto;
}


}
/* === تعديل عرض أقسام البنرات على الموبايل ليكون تمرير أفقي مع إخفاء شريط التمرير === */

/* الشكل الأساسي على الديسكتوب */
* الشكل الأساسي على الديسكتوب */
.s-block--banners .grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 2rem;
}
/* === الشكل الأساسي على الديسكتوب === */

.s-block--banners .grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  align-items: stretch !important; /* مهم لتساوي الارتفاعات */
}
.s-block--banners .banner-entry {
  height: 210px !important;
  display: flex !important;
  flex-direction: column !important;
}

/* البنر نفسه */
.s-block--banners .banner-entry {
  height: 200px;
}