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

/*banner main*/
section:nth-of-type(1).s-block.s-block--photos-slider {
    margin-top: 53px;
}

salla-slider.photos-slider .swiper-slide {
    width: 100%;
    padding:0 !important;
  margin:0 !important;
}

[dir=rtl] .carousel-slider .swiper {
    padding-left: 0;
    padding-right: 0;
}
[dir=rtl] salla-slider.photos-slider .swiper {
    padding-left: 0;
    padding-right: 0;

}

.banner--fixed img {
    background-color: transparent !important;
}

/*grid section*/
.md\:grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}

.banner-entry {
    height: 400px;
    background-color: transparent;
}
.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
    grid-row: 1;
}
.lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}



section:nth-of-type(6).s-block.s-block--banners.container 
.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
    grid-row: span 2 / span 2;
        height: 100%;
}


section:nth-of-type(6).s-block.s-block--banners.container 
 .banner-entry {
    height: 345px;
    background-color: transparent;
}



/*product*/
.s-product-card-entry {
    border: 2px solid #d3b2a6;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    color: #fff;
    background-color: #d3b2a6;
    border: none;
}
.s-product-card-content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 4px;
}

/*footer*/
.store-footer__inner {
    background-color: #d4b3a7 !important;
    color: #000;
}
a.social-link:hover {
    background: #f4eae0;
}

@media(max-width: 768px){
section:nth-of-type(1).s-block.s-block--photos-slider {
    margin-top: -1px;
}
section:nth-of-type(4).s-block.s-block--banners.container .grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8{
    grid-template-columns: repeat(3,minmax(0,1fr));
}
section:nth-of-type(6).s-block.s-block--banners.container .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(3,minmax(0,1fr));

}
section:nth-of-type(6).s-block.s-block--banners.container 
 .banner-entry {
    height: 112px;
}

.banner-entry {
    height: 112px;
}
.swiper-slide {
    width: 50%;
}
}