/* Add custom CSS styles below */ 
/** silder block ***/


section.s-block.s-block--photos-slider {
    margin-top: 0;
}

section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}

section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}

/** End silder block ***/


section.product-more-info.vertical {
    display: none;
}

/** banners blocks ***/

section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
}

.banner--fixed img {
    border-radius: 0 !important;
}

/** End banners ***/


/*** قايمة عناصر ***/

.banner-entry{
    height:300px
}
@media(max-width:768px){
    section:nth-of-type(3) .grid,
    section:nth-of-type(4) .grid{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
    section:nth-of-type(3) .grid .banner-entry,
    section:nth-of-type(4) .grid .banner-entry{
    height:100px;
    background-color:transparent !important;
}
.lazy__bg {
    background-size: contain;
    background-repeat: no-repeat;
}
section:nth-of-type(14) .banner-entry{
height:180px;
}
}
section:nth-of-type(14) .lazy__bg {
    background-size: contain;
    background-repeat: no-repeat;
}
.banner-entry{
background-color:transparent !important;
}


custom-salla-product-card{
    border:1px solid #F7B416;
}

/*** footer ***/
footer .s-social-list {
    margin-top: 20px !important;
}

footer .s-social-list a {
    transition: all 0.3s ease-in-out;
    border:none;
}
footer .s-social-list a:hover {
    transform: translateY(-10px);
}

footer a[href*=instagram] {
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
border:none
}
footer a[href*=tiktok] {
   background: #000;
    color:white;
}
footer a[href*=snapchat] {
    background:yellow;
    color:#000;

}

footer [href="https://x.com/miskaura"] {
    background-color: #000;
}

footer .s-contacts-icon {
    background-color: var(--main-color);
    border: 0;
}