/* Add custom CSS styles below */
section:nth-of-type(1) .container{
 max-width: unset;
 padding: unset;
}
section:nth-of-type(1) {
margin-top: 0rem;
}
section:nth-of-type(2){
width: auto;
 margin: 2em auto 0px;
}
section:nth-of-type(2)>div>a>img{
    background-color: rgb(255 255 255 / 0%);
}
section:nth-of-type(3)>div{
grid-template-columns:repeat(5,minmax(0,1fr));
}
.banner-entry{
background-color: rgb(255 255 255 / 0%);
}
.two-row .banner-entry:first-child{
grid-row: auto;
}

 custom-salla-product-card{
box-shadow: 0 0 10px black;

}
.swiper ,.s{
padding: 1rem;}


.s-button-primary-outline{
background-color: #0087D8;
    color: white;
}
.s-button-primary-outline:hover{
background-color: #0087D8;
color: white;
opacity: 1;
}

.footer-is-light .store-footer .store-footer__inner{
color: white;
border-color:white;
background-color: #0087D8;
}
/*
section:nth-of-type(5)>div>a>img{
background-color: rgb(255 255 255 / 0%);
}
section:nth-of-type(7)>div>a>img{
background-color: rgb(255 255 255 / 0%);
}
section:nth-of-type(9)>div>a>img{
background-color: rgb(255 255 255 / 0%);
}
section:nth-of-type(11)>div>a>img{
background-color: rgb(255 255 255 / 0%);
}
body{
background-color: rgb(255 255 255 / 0%);
}
*/
img{
background-color: rgb(255 255 255 / 0%) !important;
}
@media  (max-width:425px){
section:nth-of-type(3)>div{
  display: flex;
  flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;}

.banner-entry {
        height: 105px
    }
}
@media  (min-width:426px) and (max-width:768px){
section:nth-of-type(3)>div{
  display: flex;
  flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;}
   
  .banner-entry {
        height: 200px; 
} 
 .two-row .banner-entry:first-child{
 height: 200px; 
 } 
   
}
  .banner-entry {
    
    flex-basis: clamp(6.25rem, -1.4942rem + 29.1545vw, 12.5rem);
} 

.s-products-list-vertical-cards{
padding: 10px;
}