/* Add custom CSS styles below */ 
body{
    background-color:#ffff
}
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
    margin-top:1rem
}
section.s-block.s-block--fixed-banner.wide-placeholder .container{
    max-width:95%;
    padding:0
}
section.s-block.s-block--fixed-banner.wide-placeholder .container img{
    background-color:transparent
}

[lang="ar"] section.s-block.s-block--fixed-banner.wide-placeholder:has([src="https://cdn.salla.sa/form-builder/DVZbUIAFTvMC3Ld3j5pABajMvLsfg566borD9eWg.jpg"]) {
    display:none
}
[lang="en"] section.s-block.s-block--fixed-banner.wide-placeholder:has([src="https://cdn.salla.sa/form-builder/OZtp1VO6RwBLkKHYDaZz8WCH6l1LTnGesWehRLCu.png"]) {
    display:none
}
[lang="ar"] section.s-block.s-block--fixed-banner.wide-placeholder:has([src="https://cdn.salla.sa/form-builder/RDckpixDU2fGMl05kBUDEeEzOzNmM5Mkd1N8rjS7.jpg"]) {
    display:none
}
[lang="en"] section.s-block.s-block--fixed-banner.wide-placeholder:has([src="https://cdn.salla.sa/form-builder/YUk2QhVSPBenfuhAE5BuRU4swwvB1cC8hwhD8mTq.png"]) {
    display:none
}
section.s-block.s-block--logos-slider {
    background-color:transparent;
    padding-bottom: 0;
}
section.s-block.s-block--logos-slider .grid {
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
section.s-block.s-block--logos-slider .brand-item  {
    flex:0 1 16%;
    
}
.s-product-card-entry.s-product-card-vertical {
    border:2px solid #a0a0a0
}

.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background-color: #a0a0a0;
    color: #fff;
}

.s-product-card-content * {
    justify-content: center;
    text-align: center;
}

.s-slider-block__title-nav {
    display: none !important;
}

section.s-block.s-block--banners.container:has([data-bg="https://cdn.salla.sa/form-builder/hzwYzqqWCdPp4lOaCoNd1NmGj4EOI3n12pUsbkrY.png"]) a {
    height: 685px;
    background-color: transparent;
}
section.s-block.s-block--banners.container:has([data-bg="https://cdn.salla.sa/form-builder/4ONkoHiXUoabgWiyV9zncRMd89ichtIlHm1KkOxj.png"]) .grid {
    grid-template-columns:repeat(4, minmax(0, 1fr))
}
section.s-block.s-block--banners.container:has([data-bg="https://cdn.salla.sa/form-builder/4ONkoHiXUoabgWiyV9zncRMd89ichtIlHm1KkOxj.png"]) a {
    height: 157px;
    background-color: transparent;
}
.store-footer__inner {
    background-color: #d7d7d7 !important;
    border: none !important;
    color: #000;
}

.store-footer__inner .container.grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important
}
.store-footer__inner * {
  text-align: center !important;
  justify-content: center !important
}
.store-footer__inner .grid>div {
  padding-left: 0;
  grid-column: span 1/span 2
}

footer.store-footer {
  background-color: transparent !important;
}
.s-comments.s-comments-product {
  background-color: transparent
}
  .s-comments.s-comments-product {
    background-color: transparent
  }
  [product-status="out"] {
      cursor:no-drop;
  }
  section.cart-item,
  .content.content--single-page {
      box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0
  }
.s-product-card-image,
.s-user-menu-trigger {
  background-color: transparent !important
}
@media(min-width: 992px) {
        .s-block--photos-slider salla-slider.photos-slider .swiper-slide {
        width: 33%;
    }
}

@media(max-width:600px){
.flex.items-center:has(.mburger) {
    width: 60% !important;
    /* background-color: red; */
    justify-content: space-between;
}

a.navbar-brand {
    position: relative;
    left: 0;
    width: 100%;
    justify-content: end;
    margin-left: 10%;
}
    section.s-block.s-block--logos-slider .brand-item  {
    flex:0 1 47%; 
}
    .s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
        padding:5px
    }
     .main-nav-container b.s-cart-summary-total {
    display: none
  }
    a.lg\:hidden.mburger.mburger--collapse.leading-none.rtl\:ml-4.ltr\:mr-4 {
   
    margin-left: 5rem;
}
    .store-footer__inner .container.grid {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}
    section.s-block.s-block--banners.container:has([data-bg="https://cdn.salla.sa/form-builder/hzwYzqqWCdPp4lOaCoNd1NmGj4EOI3n12pUsbkrY.png"]) a {
    height: 81vw;
    flex:0 1 48%
}
    section.s-block.s-block--banners.container:has([data-bg="https://cdn.salla.sa/form-builder/hzwYzqqWCdPp4lOaCoNd1NmGj4EOI3n12pUsbkrY.png"]) .grid {
   display:flex;
        flex-wrap:wrap;
        justify-content:center
}
     section.s-block.s-block--banners.container:has([data-bg="https://cdn.salla.sa/form-builder/LI437WwBuYEokocVWCJQTK64vEKA62KWSJUTY6Kf.png"]) a.banner-entry.square-photos {
    height: 23vw !important;
}
    section.s-block.s-block--banners.container:has([data-bg="https://cdn.salla.sa/form-builder/LI437WwBuYEokocVWCJQTK64vEKA62KWSJUTY6Kf.png"]) .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

.brands-nav__item {
    background-color: #F5F7F9;
    color:#31363b;
}
.brands-nav__item.is-selected {
    background-color:#000 !important;
    color:#fff !important
}
a.brand-item{
    transition:0.5s
}
a.brand-item:hover {
     box-shadow: 0 10px 15px 5px rgba(0,0,0,.04),inset 0 0 0 1px #eee;
    transform: translateY(-5px);
    transition:0.8s
}

.md\:first\:pt-24>div:first-of-type>div {
    background-color:#ccc
}








body.index .s-products-slider-card {
    width: 17%;
}

@media(max-width:600px){
   body.index .s-products-slider-card {
       width:55%
   }
}



@media(min-width:992px){
   body.index salla-slider#slider-with-bg-2 {
    max-height: 350px;
}

body.index .s-product-card-entry {
    height: 60% !important;
}

body.index img.s-product-card-image-cover.lazy.loaded {
    object-fit: contain;
}
}

@media(max-width:600px){
    body.index salla-slider#slider-with-bg-2 {
    max-height: 800px;
}

body.index .s-product-card-entry {
    height: 70% !important;
}

body.index img.s-product-card-image-cover.lazy.loaded {
    object-fit: contain;
}
    body.index .s-product-card-content-title a {
    font-size: 10px;
}
}


 .s-products-slider-slider.s-slider-wrapper.carousel-slider.s-slider-horizontal.hydrated {
    height:350px
}