/* 
.grid-banners {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.grid-banners > a {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  height: 280px !important;
  min-height: 280px !important;
}


.grid-banners > a::before {
  background-size: cover !important;
  background-position: center !important;
}


@media (max-width: 767px) {
  .grid-banners {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .grid-banners > a {
    height: 180px !important;
    min-height: 180px !important;
  }
} */

.banner--fixed img{
  max-height: 650px;
}

body .s-block--banners .container-fluid .grid-banners {
 height: 370px;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 280px !important;
  gap: 16px !important;
}

body .s-block--banners .container-fluid .grid-banners > a.lazy.entered.loaded {
  grid-area: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;

  width: 100% !important;
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;

  aspect-ratio: auto !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

body .s-block--banners .container-fluid .grid-banners > a.lazy.entered.loaded::before {
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  transform: none !important;
}

/* الجوال */
@media screen and (max-width: 767px) {
  body .s-block--banners .container-fluid .grid-banners {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 180px !important;
  }

  body .s-block--banners .container-fluid .grid-banners > a.lazy.entered.loaded {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
  }
}
    .banners-slider img{
      height: 500px;
    } 
/* السلايدر الكبير + البانر الجانبي */
body .s-block--hero-slider .flex-slider {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

/* توحيد ارتفاع السلايدر والبانر */
body .s-block--hero-slider salla-slider,
body .s-block--hero-slider .banners-slider {
  width: 100% !important;
  height: 300px !important;
  min-height: 330px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 5px !important;
}

/* عناصر السلايدر الداخلي */
body .s-block--hero-slider salla-slider .swiper,
body .s-block--hero-slider salla-slider .swiper-wrapper,
body .s-block--hero-slider salla-slider .swiper-slide {
  width: 100% !important;
  height: 100% !important;
  min-height: 330px !important;
}

/* صورة السلايدر الكبير */
body .s-block--hero-slider .home-slider-bg {
  width: 100% !important;
  height: 100% !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* البانر الصغير */
body .s-block--hero-slider .banners-slider > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 330px !important;
  margin: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  border-radius: 5px !important;
}

/* صورة البانر الصغير */
body .s-block--hero-slider .banners-slider img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: inherit !important;
}

/* منع الفراغات الداخلية */
body .s-block--hero-slider .container-fluid {
  padding-inline: 0 !important;
}

/* التابلت */
@media screen and (max-width: 991px) {
  body .s-block--hero-slider .flex-slider {
    grid-template-columns: minmax(0, 2.3fr) minmax(180px, 1fr) !important;
  }

  body .s-block--hero-slider salla-slider,
  body .s-block--hero-slider .banners-slider,
  body .s-block--hero-slider salla-slider .swiper,
  body .s-block--hero-slider salla-slider .swiper-wrapper,
  body .s-block--hero-slider salla-slider .swiper-slide,
  body .s-block--hero-slider .banners-slider > a {
    height: 260px !important;
    min-height: 260px !important;
  }
}

/* الجوال: السلايدر فوق والبانر تحته */
@media screen and (max-width: 767px) {
  body .s-block--hero-slider .flex-slider {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body .s-block--hero-slider salla-slider,
  body .s-block--hero-slider salla-slider .swiper,
  body .s-block--hero-slider salla-slider .swiper-wrapper,
  body .s-block--hero-slider salla-slider .swiper-slide {
    height: 190px !important;
    min-height: 190px !important;
  }

  body .s-block--hero-slider .banners-slider,
  body .s-block--hero-slider .banners-slider > a {
    height: 190px !important;
    min-height: 190px !important;
  }
}
/* ضبط السلايدر والبانر على الموبايل */
@media screen and (max-width: 767px) {

  body .s-block--hero-slider {
    padding-block: 15px !important;
  }

  body .s-block--hero-slider .container-fluid {
    width: calc(100% - 20px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  body .s-block--hero-slider .flex-slider {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  /* السلايدر الرئيسي */
  body .s-block--hero-slider salla-slider {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  body .s-block--hero-slider salla-slider .swiper,
  body .s-block--hero-slider salla-slider .swiper-wrapper,
  body .s-block--hero-slider salla-slider .swiper-slide {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body .s-block--hero-slider salla-slider .swiper-slide {
    position: relative !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  body .s-block--hero-slider .home-slider-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  /* البانر الجانبي تحت السلايدر */
  body .s-block--hero-slider .banners-slider {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
  }

  body .s-block--hero-slider .banners-slider > a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
   aspect-ratio: 1/1 !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  body .s-block--hero-slider .banners-slider img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    position: absolute !important;
    inset: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: inherit !important;
  }

  /* تصغير الأسهم */
  body .s-block--hero-slider .s-slider-nav-arrow {
    width: 34px !important;
    height: 34px !important;
  }
  section:nth-of-type(8) {
    margin: unset;
}
section:nth-of-type(8) .container {
    max-width: unset;
    padding: unset;
}
  
}