/* Add custom CSS styles below */ 

/* header */
/* Desktop only transparent header */
@media (min-width: 1024px) {

  body.index header.store-header {
    position: absolute !important;
    top: 32px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: 0.3s ease !important;
  }

  /* Transparent inner */
  body.index header.store-header .main-nav-container,
  body.index header.store-header .inner,
  body.index header.store-header .container {
    background: transparent !important;
  }

  /* On scroll */
  body.index header.store-header.is-scrolled {
    position: fixed !important;
    top: 0 !important;
    background: #e8ded3 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
  }

  body.index header.store-header.is-scrolled .main-nav-container,
  body.index header.store-header.is-scrolled .inner,
  body.index header.store-header.is-scrolled .container {
    background: #e8ded3 !important;
  }

}



/* first slider */
section.s-block.banners-slider.banners-slider--0.slide {
    margin: 0px !important;
    padding: 0px !important
}
section.s-block.banners-slider.banners-slider--0.slide  .container {
     margin: 0px !important;
    padding: 0px !important
}
/* Hide Salla slider arrows */
.s-slider-prev,
.s-slider-next {
  display: none !important;
}
/* Bannars */
section.s-block.s-block--fixed-banner.wide-placeholder>.container {
    padding: 0!important;
    margin: 0px!important;
    max-width: 100%
}




/* cat */
/* Second section - bigger centered card + white background */



section.s-block.s-block--banners.container .banner-entry {
  width: 300px !important;
  height: 300px !important;
  margin: 0 auto !important;
  background-color: #fff !important;
}

section.s-block.s-block--banners.container .banner-entry img,
section.s-block.s-block--banners.container .banner-entry .lazy__bg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  section.s-block.s-block--banners.container .banner-entry {
    width: 220px !important;
    height: 220px !important;
  }
}


/* cat image */
/* Custom title image above second section */
section.s-block.s-block--banners.container {
  position: relative !important;
}

.custom-section-title-img {
  display: block !important;
  width: 160px !important;
  height: auto !important;
  margin: 0 auto 25px auto !important;
}

@media (max-width: 768px) {
  .custom-section-title-img {
    width: 130px !important;
    margin-bottom: 20px !important;
  }
}



/* product card */
/* Products sections except first section */
body.index section.s-block:not(:first-of-type) salla-products-slider .swiper-slide {
  width: 33.333% !important;
  max-width: 33.333% !important;
  flex: 0 0 33.333% !important;
}

/* Center products */
body.index section.s-block:not(:first-of-type) .s-product-card-content,
body.index section.s-block:not(:first-of-type) .s-product-card-content-main {
  text-align: center !important;
  align-items: center !important;
}

/* Image smaller like reference */
body.index section.s-block:not(:first-of-type) .s-product-card-image {
  height: 190px !important;
}

body.index section.s-block:not(:first-of-type) .s-product-card-image img {
  object-fit: contain !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.index section.s-block:not(:first-of-type) salla-products-slider .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  body.index section.s-block:not(:first-of-type) .s-product-card-image {
    height: 170px !important;
  }
}  }
}






/* footer */