.product-media-container{position:relative;width:100%;margin-bottom:2rem}.product-media-container .slick-arrow{position:absolute;bottom:20px!important;top:auto!important;z-index:10;width:40px;height:40px;border-radius:50%;background-color:hsla(0,0%,100%,.7);display:flex!important;align-items:center;justify-content:center}.product-media-container .slick-arrow:hover{background-color:hsla(0,0%,100%,.9)}.product-media-container .slick-arrow::before{color:#333;font-size:16px;opacity:.8}.product-media-container .slick-arrow.slick-disabled{opacity:.4}.product-media-container .slick-prev{right:70px!important;left:auto!important}.product-media-container .slick-next{right:20px!important}.product-media-container .main-image-container{position:relative;margin-bottom:1rem;border-radius:8px;overflow:hidden}.product-media-container .main-image-container .product-image{display:flex!important;justify-content:center;align-items:center;background-color:#f7f7f7;cursor:pointer}.product-media-container .main-image-container .product-image img{max-width:100%;height:auto;object-fit:contain}.product-media-container .slick-dots.slick-thumb{position:static;display:flex!important;flex-wrap:wrap;justify-content:center;margin-top:15px;width:100%;padding-right:130px}.product-media-container .slick-dots.slick-thumb li{width:auto;height:auto;margin:0 5px 10px;border-radius:4px;transition:.2s;opacity:.7}.product-media-container .slick-dots.slick-thumb li button{padding:0;font-size:0;line-height:0}.product-media-container .slick-dots.slick-thumb li .thumbnail-wrapper{width:70px;height:70px;border:1px solid #e0e0e0;border-radius:4px;padding:2px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;transition:.3s}.product-media-container .slick-dots.slick-thumb li.slick-active{opacity:1;transform:scale(1.05)}.product-media-container .slick-dots.slick-thumb li.slick-active .thumbnail-wrapper{border-color:#999}.product-media-container .slick-dots.slick-thumb li:hover .thumbnail-wrapper{transform:translateY(-2px)}.product-media-container .slick-dots.slick-thumb li img{max-width:100%;max-height:100%;object-fit:contain}.product-media-container .product-image-modal .slick-dots.slick-thumb{margin-top:20px}.product-media-container .product-image-modal .slick-dots.slick-thumb li .thumbnail-wrapper{width:60px;height:60px;background:hsla(0,0%,100%,.9)}.product-media-container .product-image-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;justify-content:center;align-items:center}.product-media-container .product-image-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7)}.product-media-container .product-image-modal .modal-content{position:relative;width:100%;height:100%;z-index:1001;background-color:#000;overflow:hidden}.product-media-container .product-image-modal .modal-content .modal-close{position:absolute;top:20px;right:20px;background:hsla(0,0%,100%,.2);border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;z-index:1002;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.product-media-container .product-image-modal .modal-content .modal-close:hover{background-color:rgba(0,0,0,.5)}.product-media-container .product-image-modal .modal-content .modal-slider-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.product-media-container .product-image-modal .modal-content .modal-slider-container .loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1003;color:#fff}.product-media-container .product-image-modal .modal-content .modal-slider-container .loading-indicator .spinner{animation:1.5s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.product-media-container .product-image-modal .modal-content .modal-slider-container .modal-image{display:flex!important;justify-content:center;align-items:center;height:calc(100vh - 100px)}.product-media-container .product-image-modal .modal-content .modal-slider-container .modal-image img{max-width:100%;max-height:90vh;object-fit:contain}.product-media-container .product-image-modal .modal-content .modal-slider-container .slick-dots.slick-thumb{position:absolute;bottom:20px;left:0;right:0;margin:0;padding:0 170px 0 20px}.product-media-container .product-image-modal .modal-content .modal-slider-container .slick-dots.slick-thumb li{margin:0 8px}.product-media-container .product-image-modal .modal-content .modal-slider-container .slick-dots.slick-thumb li .thumbnail-wrapper{width:60px;height:60px;border-color:hsla(0,0%,100%,.3);background-color:rgba(0,0,0,.3);border-radius:4px}.product-media-container .product-image-modal .modal-content .modal-slider-container .slick-dots.slick-thumb li.slick-active .thumbnail-wrapper{border-color:#fff;transform:translateY(-5px)}.product-media-container .product-image-modal .modal-content .modal-slider-container .slick-dots.slick-thumb li:hover .thumbnail-wrapper{border-color:hsla(0,0%,100%,.8)}.product-media-container .product-image-modal .modal-content .slick-arrow{position:absolute;bottom:30px!important;top:auto!important;z-index:1002;width:50px;height:50px;background-color:hsla(0,0%,100%,.2);border-radius:50%;transition:.2s;display:flex!important;align-items:center;justify-content:center}.product-media-container .product-image-modal .modal-content .slick-arrow:before{font-size:30px;opacity:1}.product-media-container .product-image-modal .modal-content .slick-arrow:hover{background-color:hsla(0,0%,100%,.4)}.product-media-container .product-image-modal .modal-content .slick-prev{right:110px!important;left:auto!important}.product-media-container .product-image-modal .modal-content .slick-next{right:40px!important}.product-media-container .slick-slide{outline:0}.product-media-container .custom-arrow{display:flex!important;align-items:center;justify-content:center;color:#333}.product-media-container .custom-arrow svg{color:#fff}.product-media-container .custom-arrow:hover{color:#000}.product-media-container .custom-arrow:before{display:none!important}.product-media-container .slick-dots{bottom:-30px}.product-media-container .slick-dots li button:before{font-size:8px}.product-media-container .slick-prev{z-index:1}.product-media-container .slick-next{z-index:1}