/* 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;
}


/**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;

}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios {
    padding-left: 0;
}
.product-single button#whatsappp-button {
    bottom: 120px !important;
}
}







/***grid ***/

section.s-block.s-block--banners.container .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
section.s-block.s-block--banners.container .grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.two-row .banner-entry:first-child {
    grid-area: 1 !important;
}

a.banner-entry.square-photos {
    background-color: transparent !important;
}
a.banner-entry.square-photos > div {
    background-size: contain !important;
}


@media (max-width: 767px) {
    a.banner-entry.square-photos {
    height: 95px;
}

}