.is-in-cart .add-to-cart {
    display:none;
}
.remove-from-cart {
    display:none
}
.is-in-cart .remove-from-cart {
    display:inline-block;
}
.cart-icons {
    position:relative;
}
.cart-icons > i::after {
    content:'';
    position:absolute;
    display:flex;
    justify-content: center;
    align-items: center;
    top:-0.5rem;
    right:-0.5rem;
    width:20px;
    height:20px;
    color:#fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.add-to-cart .cart-icons > i::after {
    content:'\f067';
    background-color:var(--success)
}
.remove-from-cart .cart-icons > i::after {
    content:'\f068';
    background-color:var(--danger)
}


/*cart page*/
.cart-lineitem--remove {
    position:absolute;
    top:8px;
    right:8px;
}



.product-image-container {
    position:relative;
}
.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    height: 80%;
    width: 100%;
}
.gallery-thumbs {
    height: 120px;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
    border: 4px solid transparent;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border-color:var(--primary);
}
.swiper-button-prev, .swiper-button-next {
    display:flex;
    justify-content: center;
    align-items: center;
    background-image:none;
    width:32px;
    height:32px;
    background-color:rgba(255,255,255,0.5);
    border-radius:50%;
    color:var(--primary);
}