/* Add custom CSS styles below */
body.index {
  background-color:#fff !important;
}
.s-product-card-content-footer salla-add-product-button .s-button-outline {
  background-color: #187FC2 !important;
  color: #fff !important;
}

custom-salla-product-card {
  border:1px solid #187FC2 !important;
  box-shadow: 0 0 5px 0px #68686894 !important;
}

section.s-block.s-block--banners+.s-block--fixed-banner .container, section.s-block.s-block--fixed-banner+section.s-block.s-block--fixed-banner .container, section#best-offers-9-slider+section.s-block.s-block--fixed-banner .container {
  max-width:100% !important;
  padding:0 !important;
  margin: 0 !important;
}
.banner--fixed img {
  border-radius:0 !important;
  background-color: transparent !important;
}


/*** FLEX ***/
section.s-block.s-block--banners.container div.grid {
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
section.s-block.s-block--banners.container div.grid div.banner-entry {
  width: 23%;
  background-color: transparent !important;
  border-radius: 0 !important;
  height:345px !important;
}
section.s-block.s-block--banners.container div.grid div.banner-entry .entered {
  object-fit: contain !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
@media(max-width:767px) {
  section.s-block.s-block--banners.container div.grid div.banner-entry {
    width: 31%;
    height: 115px !important;
  }
}


@media(max-width:767px) {
  .s-block.home-slider.s-block--hero-slider {
    margin-bottom:4rem !important;
  }
}
@media(max-width:1024px) {
  section.s-block.s-block--banners .carousel-slider .swiper {
    padding-left:5px !important;
  }
}