/* Add custom CSS styles below */ 
body.trans_header .store-header{
  margin-top: 10px !important;
}
.show-original-logo-on-scroll .navbar-brand img {
    max-width: 70px;
    max-height: 70px;
}

.store-footer.s-block--animate.basic-footer {
  margin-top: 0px !important;
}
.s-block.s-block--bundle-personalized-shoppers-who-bought{
  margin: -2px !important;
}
.s-block--animate.wide-placeholder.banners-slider{
          margin-top: 4rem !important;
}
body.products-has-border .product-card{
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05) !important;
}
/* =========================================================
   ZAHR PLUS PERFORMANCE CSS v2.0
   ========================================================= */


/* Responsive media */

img,
video {
    max-width: 100%;
}


/* Prevent inline-image whitespace / minor shifts */

img {
    vertical-align: middle;
}


/* Improve picture rendering */

picture {
    display: block;
}

picture > img {
    display: block;
    width: 100%;
}


/* ---------------------------------------------------------
   Salla / Swiper stability
--------------------------------------------------------- */

swiper-container,
salla-slider,
.swiper {
    display: block;
    width: 100%;
}


/*
Prevent media from unexpectedly overflowing its container
*/

salla-slider img,
.swiper img,
swiper-container img {
    max-width: 100%;
}


/* ---------------------------------------------------------
   Below-fold rendering
--------------------------------------------------------- */

@supports (content-visibility: auto) {

    footer {
        content-visibility: auto;
        contain-intrinsic-size: 1px 600px;
    }

}


/* ---------------------------------------------------------
   Avoid expensive effects on mobile
--------------------------------------------------------- */

@media (max-width: 767px) {

    /*
    Avoid excessive smooth scrolling on low-end phones
    */

    html {
        scroll-behavior: auto !important;
    }

}


/* ---------------------------------------------------------
   Accessibility
--------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

}