/* quick view */
.styler-quickview-wrapper {
    padding: 40px;
}
.mfp-styler-quickview .styler-panel-close-button {
	position: absolute;
	top: 15px;
	left: 15px;
    padding: 0;
}

.mfp-styler-quickview .styler-panel-close-button:hover {
	background-color: var(--styler-bg-soft);
}

.styler-quickview-wrapper .styler-quickview-thumbnails {
	margin-top: 15px;
}

.styler-quickview-wrapper .styler-product-title {
	margin-bottom: 0px;
}

.styler-quickview-wrapper form.cart {
    gap: 10px;
}

.styler-quickview-wrapper.product-protected {
    max-width: 400px;
    padding: 50px 20px 20px;
}

.styler-quickview-wrapper .single_add_to_cart_button {
    flex: 1 0 auto;
}

@media(min-width1025px) {
    .styler-quickview-wrapper .styler-swiper-slider-wrapper {
        position: sticky;
        top: 0;
    }
}

@media(max-width:992px){
    .styler-quickview-product-details.styler-product-summary {
        margin-top: 30px;
    }
}

@media(max-width:768px) {
	.styler-quickview-wrapper {
		max-width: 560px;
	}

	.styler-mfp-slide-bottom button.mfp-arrow,
    .mfp-styler-quickview button.mfp-arrow {
		overflow: hidden;
		visibility: hidden;
		display: none;
	}

	.single-product .styler-mfp-slide-bottom button.mfp-arrow {
		visibility: visible;
		display: block;
	}
}

@media(max-width:480px) {
	.mfp-arrow {
		-webkit-transform: scale(0.55);
		transform: scale(0.55);
	}

	.styler-quickview-wrapper {
		padding: 20px;
		padding-bottom: 86px;
	}

	.mfp-styler-quickview .styler-panel-close-button {
		top: 10px;
		left: 0;
	}
}
/* styler quickview */

.thumbs-top .styler-swiper-slider-wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    max-width: 100%;
}
.thumbs-top .styler-swiper-slider-wrapper>div {
    max-width: 100%;
}
.styler-quickview-wrapper.thumbs-top .styler-quickview-thumbnails {
    margin-top: 0;
}
@media(min-width:600px){
    .thumbs-left .styler-swiper-slider-wrapper,
    .thumbs-right .styler-swiper-slider-wrapper {
        display: flex;
        gap: 10px;
    }
    .thumbs-left .styler-swiper-slider-wrapper {
        flex-direction: row-reverse;
    }
    .thumbs-left .styler-quickview-wrapper .styler-quickview-thumbnails,
    .thumbs-right .styler-quickview-wrapper .styler-quickview-thumbnails {
        margin-top: 0;
        max-width: 80px;
        height: 100%;
    }
    .styler-quickview-thumbnails .swiper-button-prev,
    .styler-quickview-thumbnails .swiper-button-next {
        display: none!important;
    }
}