.tp-modal-quick-view{z-index:9999}.tp-modal-quick-view .icon-3d,.tp-modal-quick-view .icon-play-video,.tp-modal-quick-view .product__media-icon{display:none}.tp-modal-quick-view.show{opacity:1;pointer-events:auto}.tp-modal-quick-view.show .tp-quick-view{transform:translate(-50%,-50%)}.tp-modal-quick-view .tp-quick-view{background-color:var(--color-white);left:50%;max-height:730px;max-width:850px;padding:3.2rem;position:absolute;top:50%;transform:translate(-60%,-50%);transition:all .8s}.tp-modal-quick-view .swiper-main-prd{max-height:520px}.tp-modal-quick-view .swiper-slide-thumb-active:before{border:2px solid var(--primary-color);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tp-modal-quick-view .product-form__submit,.tp-modal-quick-view .tp-buy-button{margin-bottom:0}.tp-modal-quick-view .price-item{font-size:2rem}.tp-modal-quick-view .product__description{border-bottom:1px solid var(--border-color);padding-bottom:2.4rem}.tp-modal-quick-view .tp-buy-button{flex:1}.tp-modal-quick-view .actions-list button{align-items:center;border:2px solid var(--primary-color);display:flex;height:5.2rem;justify-content:center;transition:var(--tp-transition);width:5.2rem}.tp-modal-quick-view .actions-list button svg{pointer-events:none}.tp-modal-quick-view .actions-list button.active{background-color:var(--primary-color)}.tp-modal-quick-view .actions-list button.active circle,.tp-modal-quick-view .actions-list button.active path{stroke:var(--color-white)}.tp-modal-quick-view .actions-list button .button-compare circle{transition:var(--tp-transition)}@media (max-width:992px){.tp-modal-quick-view .tp-quick-view{max-width:700px}.tp-modal-quick-view .swiper-main-prd{max-height:420px}}@media (max-width:768px){.tp-modal-quick-view .tp-quick-view{max-height:calc(100% - 60px);max-width:calc(100% - 60px);overflow:scroll}.tp-modal-quick-view .swiper-main-prd{max-height:unset}.tp-modal-quick-view .tp-quick-view__wrapper{flex-wrap:wrap}.tp-modal-quick-view .tp-quick-view__wrapper .tp-quick-view__left,.tp-modal-quick-view .tp-quick-view__wrapper .tp-quick-view__right{width:100%}.tp-modal-quick-view .actions-list button{height:4.6rem;width:4.6rem}}@media (max-width:500px){.tp-modal-quick-view .tp-quick-view{max-height:calc(100% - 30px);max-width:calc(100% - 30px);overflow:scroll;padding:1.2rem}.tp-modal-quick-view .tp-quick-view__close{background-color:var(--tp-bg);padding:4px;z-index:99}}
