/* Add custom CSS styles below */ 


body{
  background-color:#fff;
}




/* Add custom CSS styles below */ 
.s-block.s-block--fixed-banner:first-of-type {
  margin-top: unset !important;
}

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

.s-block.s-block--fixed-banner:first-of-type .container,
section:nth-child(17) .container ,
section:nth-child(9) .container {
  max-width: unset;
  padding: 0px;
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(9)
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(5) > div > a > img , #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(7) > div > a > img , #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(11) > div > a > img ,
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(15) > div > a > img ,
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(18) > div > a > img , 
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(5) > div > a > img{
  width: 400px;
    margin: auto;
}
.s-slider-block__title{
  display:none;
}
.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 (e.g., larger phones, small tablets) */
  }
}

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




.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  {
 border-radius: 0px;
}
.s-products-slider-slider .swiper-wrapper{
  padding:10px 0px ;
}

div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > div > salla-button > button {
  background: #333;
   border-radius: 0px;
}

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-raduis:45px;
}