/* Product sliders on Swiper (related, upsell, new, featured, brands, cart accessories). Replaced the Owl Carousel based itemslider. */
.itemslider-wrapper { position: relative; }
.itemslider-wrapper .itemslider.swiper { margin-bottom: 20px; overflow: hidden; }
/* Slide spacing (formerly in Infortis itemslider.css) */
.itemslider .item { padding-left: 10px; padding-right: 10px; }
#nav .itemslider .price-box span { display: inline; }
.itemslider-wrapper .itemslider.swiper img { max-width: 100%; height: auto; }
.itemslider-wrapper .swiper-slide { height: auto; box-sizing: border-box; text-align: center; }

.itemslider-wrapper .swiper-navs {
    /* The theme's "equal height" script resizes the direct children of the grid: keep the arrows out of its way */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto !important;
    padding: 0 !important;
    pointer-events: none;
}
.itemslider-wrapper .swiper-nav {
    pointer-events: auto;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 5;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.itemslider-wrapper .swiper-nav,
.itemslider-wrapper .swiper-nav:hover,
.itemslider-wrapper .swiper-nav:focus,
.itemslider-wrapper .swiper-nav:focus-visible,
.itemslider-wrapper .swiper-nav:active {
    outline: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
}
/* Product card sliders: arrows beside the product images */
.block-related .itemslider-wrapper .swiper-nav,
.block-upsell .itemslider-wrapper .swiper-nav { top: 130px; margin-top: 0; }
.itemslider-wrapper .swiper-nav-prev { left: -30px; background-image: url(../images/prev.svg); }
.itemslider-wrapper .swiper-nav-next { right: -50px; background-image: url(../images/next.svg); }
.itemslider-wrapper .swiper-nav.swiper-button-lock { display: none; }

/* No room beside the slider on narrower screens: put the arrows over its edges */
@media (max-width: 1340px) {
    .itemslider-wrapper .swiper-nav { background-color: rgba(255, 255, 255, .85); border-radius: 50%; background-position: center; background-size: 60%; }
    .itemslider-wrapper .swiper-nav-prev { left: 0; }
    .itemslider-wrapper .swiper-nav-next { right: 0; }
}