/* Add custom CSS styles below */ 
body{
  background-color: #fff !important;
}
.s-block__title {
    justify-content: center !important;
}

div#mainnav {
    background-color: #030e2d;
    color: #fff;
}

img.s-product-card-image-contain.lazy.loaded {
    background-color: #fff;
}

.main-menu li.root-level>a:hover,.s-cart-summary-total,
i.sicon-menu.text-primary.text-2xl.rtl\:ml-2\.5.ltr\:mr-2\.5 {
    color: #f7fad6;
}
i.header-btn__icon.sicon-user-circle {
    background-color: #f7fad6 !important;
}

i.header-btn__icon.icon.sicon-shopping-bag {
    background-color: #f7fad6 !important;
}

/********* banners **********/

.s-block--fixed-banner .container{
max-width:100% !important;
margin-right:0px !important;
margin-left:0px !important;
padding-right:0px !important;
padding-left:0px !important;
}
.banner--fixed img {
border-radius: 0rem !important;
 background-color: transparent;

}
.s-block--fixed-banner:nth-of-type(1){
  margin-top:0px !important;
}


.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8
{
  grid-template-columns: repeat(5,minmax(0,1fr));
}

.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 .banner-entry{
  height:225px;
   background:transparent;
}
.grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8:nth-of-type(1) .banner-entry{
height:350px;
background:transparent;
}

section#best-offers-4-slider{
margin-top:-6rem
}

section#best-offers-4-slider .s-slider-block__title{
display:none
}

.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8{

  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  
}
.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8{
  background:transparent;
  height:235px
}
.grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 .banner-entry div{
 background-size:contain;
 background-repeat:no-repeat
}
.store-footer__inner {
    background-image: linear-gradient(160deg, #040E2E, #F5E4B4) !important;
}
.store-footer__inner * {

color:#fff;
}


custom-salla-product-card {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.swiper.s-slider-container {
    padding-bottom: 20px;
}

.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 .banner-entry > div {
    background-size: contain;
    background-repeat: no-repeat;
}
@media (max-width:767px){
.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    
}
section#best-offers-4-slider{
margin-top:-2rem
}
.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8{
  background:transparent;
  height:125px
}
.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 .banner-entry{
  height:120px;
   background:transparent;
   width:31%
}
.grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8:nth-of-type(1) .banner-entry{
height:105px;
background:transparent;
}
.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 .banner-entry{
  background:transparent;
  height:105px
}
.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
    grid-auto-flow: column;
}
.store-footer__inner * {
justify-content:center !important;
align-items:center !important;
text-align:center !important;
color:#fff;
}
.store-footer__inner {
    background-image: linear-gradient(90deg, #040E2E, #F5E4B4) !important;
};

}