.s-block--default-home-slider .swiper-slide img {
    max-width: 80%;
}
.s-block--default-home-slider .swiper-slide img {
    max-height: 152%;
    margin-left: -28%;
}
button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display: none;
}
button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display: none;
}
body#app {
  background-color: white;
}
.banner--fixed img {
  background-color: rgb(255 255 255);
}
.lazy__bg.lazy.bg-no-repeat.entered.loaded {
    background-color: white;
}
a.lazy__bg.loaded {
    background-color: white;
}
@media (min-width: 1024px) {
  #app > div.app-inner.flex.flex-col.min-h-screen.relative 
  > section:nth-child(9) 
  > div > div {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 20px; /* عدلها براحتك */
  padding-right: 17%;
  }
}
#app > div.app-inner.flex.flex-col.min-h-screen.relative
> section:nth-child(9)
> div > div
> .banner-entry a {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#app > div.app-inner.flex.flex-col.min-h-screen.relative
> section:nth-child(9)
> div > div
.banner-entry {
  grid-column: auto !important;
  grid-row: auto !important;
}
.banner-entry a:before {
    background-color: rgb(0 0 0 / 0%);
}
@media (min-width: 1024px) {
  #app > div.app-inner.flex.flex-col.min-h-screen.relative
  > section:nth-child(10)
  > div > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; /* عدلها براحتك */
  }

  #app > div.app-inner.flex.flex-col.min-h-screen.relative
  > section:nth-child(10)
  > div > div
  .banner-entry {
    grid-column: auto !important;
    grid-row: auto !important;
  }
#app > div.app-inner.flex.flex-col.min-h-screen.relative
  > section:nth-child(10)
  > div > div
  .banner-entry a {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media (min-width: 1024px) {

  /* الجريد */
  #app > div.app-inner.flex.flex-col.min-h-screen.relative
  > section:nth-child(14)
  > div > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  /* البانر إنتري */
  #app > div.app-inner.flex.flex-col.min-h-screen.relative
  > section:nth-child(14)
  > div > div
  .banner-entry {
    grid-column: auto !important;
    grid-row: auto !important;
  height: 500px;
  }

  /* خلفية البانر */
  #app > div.app-inner.flex.flex-col.min-h-screen.relative
  > section:nth-child(14)
  > div > div
  .banner-entry a {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media (max-width: 767px) {
  #app > div.app-inner.flex.flex-col.min-h-screen.relative
  > section:nth-child(10)
  > div > div {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  #app > div.app-inner.flex.flex-col.min-h-screen.relative
  > section:nth-child(10)
  > div > div
  .banner-entry {
    grid-column: auto;
    grid-row: auto;
    height: 220px;
  }

  #app > div.app-inner.flex.flex-col.min-h-screen.relative
  > section:nth-child(10)
  > div > div
  .banner-entry a {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media (max-width: 767px) {
  #app > div.app-inner.flex.flex-col.min-h-screen.relative
  > section:nth-child(14)
  > div > div {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  #app > div.app-inner.flex.flex-col.min-h-screen.relative
  > section:nth-child(14)
  > div > div
  .banner-entry {
    grid-column: auto;
    grid-row: auto;
    height: 470px;
  }

  #app > div.app-inner.flex.flex-col.min-h-screen.relative
  > section:nth-child(14)
  > div > div
  .banner-entry a {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media(max-width:767px){
#photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden{
   padding:0;
}
.s-products-slider-card {
    max-width: 185px;
  

}
.main-nav-container {
    min-height: 56px;
}
  .s-button-element:not(:disabled):not([loading]) {
    font-size: 11px;

}

}


img.s-product-card-image-contain.lazy.loaded {
    background-color: white;
}