/* Add custom CSS styles below */ 
   body {
      background-color: #ffffff; /* مثال على لون
         background-size: cover; /* لتغطية الخلفية
          رمادي فاتح */
    }

body.index:has(section.advanced-slider.advanced-slider--0.auto-height .advanced-slider__slide.relative.swiper-slide.swiper-slide-active img[src="https://cdn.files.salla.network/homepage/622707941/16d4cc00-ddd3-4e54-83b0-931845633fb2.webp"]) header ul.main-menu.mm-spn--open:not(.main-nav-container.fixed-pinned.animated.fixed-header ul.main-menu.mm-spn--open) {
    color:#fff;
    
}
/* اللوجو العادي - لما الهيدر مش sticky */
body.index .main-nav-container:not(.fixed-pinned):not(.fixed-header) .inner.bg-inherit.w-full .navbar-brand .logo-normal {
    content: url('https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/vXrNrP/zz1mEmYzcwi6C8VRDwHCEAeCLngnIeDvZViCYCWi.png');

}

/* اللوجو لما الهيدر يبقى sticky */
body.index .main-nav-container.fixed-pinned .inner.bg-inherit.w-full .navbar-brand .logo-normal,
body.index .main-nav-container.fixed-header .inner.bg-inherit.w-full .navbar-brand .logo-normal {
    content: url('https://cdn.salla.sa/form-builder/g9Q6f9PFHBdKO3QK4pGJtPLfdYL6SaJObGTEXyJJ.png');
  
}
body.index:has(section.advanced-slider.advanced-slider--0.auto-height .advanced-slider__slide.relative.swiper-slide.swiper-slide-active img[src="https://cdn.files.salla.network/homepage/622707941/8a7b7491-622c-43dc-8348-f9be58cfd346.webp"]) header i.header-btn__icon.icon.sicon-cart,
body.index:has(section.advanced-slider.advanced-slider--0.auto-height .advanced-slider__slide.relative.swiper-slide.swiper-slide-active img[src="https://cdn.files.salla.network/homepage/622707941/8a7b7491-622c-43dc-8348-f9be58cfd346.webp"]) header i.header-btn__icon.sicon-user ,
body.index:has(section.advanced-slider.advanced-slider--0.auto-height .advanced-slider__slide.relative.swiper-slide.swiper-slide-active img[src="https://cdn.files.salla.network/homepage/622707941/8a7b7491-622c-43dc-8348-f9be58cfd346.webp"]) header span.header-btn__icon.icon.sicon-search {
    color:#ffff;
}
.main-nav-container.fixed-pinned.animated.fixed-header i.header-btn__icon.icon.sicon-cart {
    /* background:red; */
    width:2.5rem;
    border-radius:50px;
}
/************ banner **************/
section.s-block.s-block--fixed-banner.wide-placeholder:nth-child(5) > .container {
    padding: 0 !important;
    margin: 0px!important;
    max-width: 100%;
}

.s-products-slider-card.swiper-slide {
  margin-top:10px;
    margin-bottom:10px;    
}
.banner--fixed img {
    border-radius:0px;
    background-color: transparent;
}


/************  Section 2 **************/
section.s-block.s-block--banners.container .grid {
     display:grid!important;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 10px;
      grid-row-gap: 0px;
}
  section.s-block.s-block--banners.container .banner-entry {
    height: 285px!important;
    
    background-color: transparent;
    
}

section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded {
    background-color: transparent;
  background-size:contain ;
  background-repeat:no-repeat;
}
@media(max-width: 767px){
   .s-block--banners.s-block--banners .grid {
    display:grid!important;
      grid-template-columns: repeat(3, 1fr);
      /* grid-template-rows: repeat(2, 1fr); */
      grid-column-gap: 10px;
      grid-row-gap: 10px;
       /* grid-auto-flow:column; */
}
  section.s-block.s-block--banners.container  .banner-entry {
    height: 125px!important;
} 
}