﻿.shared-swiper.swiper-container {
    padding-top: 2rem;
}

.shared-swiper .swiper-header {
    margin-top: -2rem;
}

.shared-swiper .swiper-header > h2 {
    margin-right: 4em;
}

.shared-swiper .swiper-scrollbar {
    background: rgba(0, 0, 0, 0);
    bottom: 50px;
    height: 3px;
    left: 2rem;
}

.shared-swiper .swiper-scrollbar-drag {
    background-color: #fff;
    border-radius: 0;
    box-shadow: 2px 3px 5px 2px rgba(0,0,0,.3)
}

.shared-swiper .swiper-button-prev,
.shared-swiper .swiper-button-next {
    font-size: 1.2em;
}

.shared-swiper .swiper-shop {
    top: 4px;
    right: 1em;
}

@media only screen and (min-width: 47.9375em) {
    .shared-swiper .content-slider__title {
        margin-top: .5em;
    }

    .shared-swiper .swiper-scrollbar {
        left: 3rem;
    }

    .shared-swiper .swiper-button-prev:not(.swiper-button-lock) + .swiper-shop {
        right: 6em;
    }
}





/*=====================================
    Content Slider Add to list/cart
======================================*/
.content-slider__add-wrapper {
    position: relative;
}

.content-slider__add-to-list {
    position: absolute;
    top: -.05em;
    right: 0;
    font-size: 1.1em;
    color: #000;
    outline: none;
    width: 24px;
    height: 24px;
    background-color: #fff;
}

    .content-slider__add-to-list i:last-child {
        display: none;
    }

    .content-slider__add-to-list:hover i:first-child {
        display: none;
    }

    .content-slider__add-to-list:hover i:last-child {
        display: inline-block;
    }

.content-slider__add-to-cart {
    position: absolute;
    top: -.05em;
    right: 1.75em;
    font-size: 1.1em;
    color: #000;
    outline: none;
    z-index: 11;
    width: 24px;
    height: 24px;
    background-color: #fff;
}

    .content-slider__add-to-cart .loading-spinner {
        width: 30px;
        height: 30px;
        top: calc(50% - 18px);
        left: calc(50% - 18px);
        border: 2px solid #444;
        border-top: 2px solid transparent;
    }

.content-slider__add-to-cart__status {
    position: absolute;
    font-size: .8em;
    width: 7em;
    text-align: center;
    padding: .25em;
    top: -2.5em;
    left: calc(50% - 3.5em);
    background-color: #36bd9c;
    color: #fff;
    border-radius: 3px;
}
/*-----  Content Slider Add to list/cart  ------*/