/* Add custom CSS styles below */ 
.s-block__title{
  text-align: center;
}

body{
  background-color: #FFF5F5;
}

/*Header logo*/
#mainnav > div > div > div > div.flex.items-center.flex-col.justify-center > a > img.logo-light{
  height: 3.5rem !important;
}
/*end*/



/*banner 1*/
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(5) > div{
  max-width:100%;
}

/*banner 2*/
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(8) > div{
  max-width: 100%;
}

/*banner 3*/
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(11) > div{
  max-width:100%; 
}

/*banner 4*/
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(13) > div{
  max-width: 100%;
}

/*products text background*/
div.s-product-card-content > div.s-product-card-content-main > h3{
color: #000;  
}
div.s-product-card-content > div.s-product-card-content-main > p{
  color: #000;
}

div.s-product-card-content > div.s-product-card-content-sub.justify-between > h4{
  color: #000;
}

div.s-product-card-content > div.s-product-card-content-main > div > span{
  background-color: #AD3545;
}
/*end*/

.s-social-link a{
  background-color: #AD3545
}



.s-contacts-item{
  background-color: #AD3545
}
 

    .slide--cat-entry{
      background-color: #AD3545;
      color: #fff;
    }

.hydrated{
  color: #fff
}

.s-product-card-entry{
  border: 1px solid #AD3545;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
}


@media (min-width: 924px) and (max-width: 17040px) {
.swiper-wrapper{
  justify-content: center;
  gap: 50px;
}

}