:root{
--color-primary: #515743;
}

.footer-is-light .store-footer, .md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #fff;
    color: #000;
}
.s-block__title h2{
font-size: 3rem;
font-weight: bolder;
}
.s-product-card-vertical{
border: 2px solid  #515743;
}
.s-product-card-image img {
    background-color: white;
}
.footer-is-light .store-footer .store-footer__inner {
    background-color: #fff;
    color:#000;
}
[dir=rtl] salla-slider.photos-slider .swiper {
    padding-right: 0rem !important;
}
.rounded-md {
    border-radius: 0rem ;
}
[dir=rtl] .carousel-slider .swiper {
    padding-left: 0rem !important;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
    padding: 0px;
}
salla-slider.photos-slider .swiper-slide {
    position: relative;
   margin: 0px !important;
    padding: 0px;
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 0rem;
}
section:first-of-type.s-block.s-block--photos-slider {
    margin: 0px !important;
}
.grid-flow-row {
    grid-auto-flow: column;
}
.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}
.lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}
.rounded-md, .lazy__bg.lazy.entered.loaded{
    border-radius: 10px;
}
 .banner--fixed img {
    background-color: #faebd700;
}   
.banner-entry {
    width: 100%;
    height: 400px !important;
    background-color: #f9fafb00;
} 
.store-footer__inner, .store-footer{
    border-radius: 50px;
    }
.banner-entry:hover {
    transform: scale(1.1);
    transition: 1s ease;
}        
@media (min-width: 481px) and (max-width: 767px) { 
 .banner-entry {
    width: 100%;
    height: 200px ;
    background-color: #f9fafb00;
    }
 }
  @media (max-width: 480px) { 
   .banner-entry {
    width: 100%;
     height: 200px !important;
     background-color: #f9fafb00;
    }
   .s-block__title h2{
   font-size: 1.5rem;
   }
.swiper-wrapper>.s-products-slider-card.swiper-slide {
    width: 50%;
}
  .lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20, .store-footer h3 {
      text-align: center;
    }
  .flex.items-center.m-0{
      justify-content: center;
      }
  salla-menu.hydrated, .s-contacts-list {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.s-social-list {
    display: flex;
    justify-content: center;
}
  }