/* Add custom CSS styles below */ 
/*** FLEX ***/
section#fullscreen-banner-0+section+section.s-block.s-block--banners.container div.grid {
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
section#fullscreen-banner-0+section+section.s-block.s-block--banners.container .banner-entry {
  width: 48%;
  background-color: transparent !important;
  height: 355px !important;
  border-radius: 0 !important;
}
section.s-block.s-block--banners.container .banner-entry div {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

section.s-block.all.s-block--one-wide-banner+section.s-block.all.auto-size.home-sec-4.s-block--banners.sq-awesome-banners .grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
section.s-block.spm-block+section .grid, .s-block-division+section .grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.spm__media-col {
  max-height: unset !important;
}
.spm__media-col .object-fit {
  object-fit: contain !important;
}
#app salla-add-product-button button[product-id].s-button-primary {
  background-color: #FFD600 !important;
  color: #000 !important;
  border-color: #FFD600 !important;
}
body#app .product-block .aaliicon-add-to-cart-outer .s-button-text:before {
  color: #000 !important;
}
@media(max-width:767px) {
  section#fullscreen-banner-0+section+section.s-block.s-block--banners.container div.grid .banner-entry {
    width: 48%;
    height: 105px !important;
  }
  section.s-block.all.s-block--one-wide-banner+section.s-block.all.auto-size.home-sec-4.s-block--banners.sq-awesome-banners .grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  section.s-block.spm-block+section .grid, .s-block-division+section .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}