/* Add custom CSS styles below */ 
/**body**/
body{
    background-color: #fff !important;
}
/**body**/

/**header**/
 .main-nav-container i.header-btn__icon.sicon-user-circle {
    background-color:#a5080a;
    color: white !important;
}
 .main-nav-container i.header-btn__icon.icon.sicon-shopping-bag
 {
    background-color: #a5080a;
    color: white;
}
 .main-nav-container span.s-cart-summary-count {
    background-color: white !important;
    color: black !important;
    border: 1px solid #a5080a !important;
}
 .main-nav-container b.s-cart-summary-total
{
    color: #a5080a !important;
}
/**header**/

/**card**/
body.index .s-block__title,
body.index .s-slider-block__title{
    color: #a5080a !important;
}
custom-salla-product-card{
    border: 2px solid #a5080a;
    
}
 custom-salla-product-card .s-product-card-content-main
 {
    text-align: center;
}
img.s-product-card-image-contain.lazy.loaded
{
    background-color: #fff !important;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background-color: #a5080a !important;
    color: #fff;
}
 custom-salla-product-card .s-product-card-content-main a {
    font-size: 17px !important;
}
custom-salla-product-card  .s-product-card-content-sub {
    justify-content: center;
    }
custom-salla-product-card .s-product-card-content-sub h4{
    font-size: 19px !important;
    }
    custom-salla-product-card .s-product-card-content-sub span{
    font-size: 16px !important;
}
/**card**/
/**banners**/

section.s-block.s-block--fixed-banner.wide-placeholder .container {
  max-width: unset !important;
  padding-right: 0 !important;
  padding-left: 0 !important;    
}
section.s-block.s-block--fixed-banner.wide-placeholder .container .banner--fixed img {

border-radius: unset !important;
}
body.index > div.app-inner.flex.flex-col.min-h-full > section:nth-child(4){
margin-top: 0 !important;
}
/**banners**/
/**grid**/

body.index > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div{
grid-template-columns: repeat(3, minmax(0, 1fr));

    column-gap: 0px !important;
    row-gap: 0px !important;

}
.two-row .banner-entry:first-child

 {
        grid-column: span 1 / span 1;
        grid-row: span 1 / span 1;
    }
section.s-block.s-block--banners.container a.banner-entry.square-photos{
height: 307px;
}

/**grid**/

/**footer**/
footer.store-footer {
    margin-top: 0;!important;
}
.store-footer__inner
{
     background-color:#a5080a !important;
     color: #fff !important;
}
footer.store-footer p.text-gray-400.mb-2\.5.md\:mb-0{
color: #fff !important;
}
button#whatsappp-button img{
width: 40px !important;
}
/**footer**/

@media (max-width: 992px){
footer.store-footer *{
justify-content: center;
    align-items: center;
    text-align: center;

}
body.index > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div{
grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 0px !important;
    row-gap: 5px !important;
}
section.s-block.s-block--banners.container a.banner-entry.square-photos{
        height: 130px;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios {
    padding-left: 0;
}
.product-single button#whatsappp-button {
    bottom: 120px !important;
}
}