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

.s-block.s-block--fixed-banner:first-of-type {
  margin-top: unset !important;
}

.s-block.s-block--fixed-banner img {
  border-radius: 0px;
}


.s-block.s-block--fixed-banner:first-of-type .container , section:nth-child(13) > div{
  max-width: unset;
  padding: 0px;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container{
  max-width: 570px;
}
@media(max-width:768px){
  #app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div{
  grid-auto-flow: column;
  
  }
  #app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container{
  margin-top:0 !important;
  
  }
  .swiper-wrapper.s-slider-swiper-wrapper{
width: 190px !important;
}
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(5) > div > a > img{
  width: 500px;
  margin: auto;
}

.s-block.s-block--fixed-banner img , .square-photos{
  background-color:transparent;
} 


.s-block--banners .two-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .s-block--banners .two-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* small screens */
  }
}

@media (min-width: 768px) {
  .s-block--banners .two-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* medium screens */
  }
}

@media (min-width: 1024px) {
  .s-block--banners .two-row {
    grid-template-columns: repeat(5, minmax(0, 1fr)); /* large screens */
  }
}

.s-block--banners .two-row .banner-entry {
  height: 200px !important;
}

.two-row .banner-entry:first-child {
  grid-column: unset;
  grid-row: unset;
}



.s-product-card-vertical {
  box-shadow: 0px 0px 9px 0px #adadad;
  padding: 8px;
}
.s-products-slider-slider .swiper-wrapper{
  padding:10px 0px ;
}
.s-product-card-content-sub {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color:#000;
}

div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button {
  background: #315052;
}

div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button > span > span,
div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button > span > i {
  color: #fff;
}


.s-button-outline {
  border: none;
}

.s-button-btn, .s-price-range-number-input{
  border-radius:5px;
}

.store-footer__inner{
background: linear-gradient(90deg,rgba(49, 80, 82, 1) 0%, rgba(103, 151, 154, 1) 100%);
  color:#fff;
}