.product-media-modal__content{position:relative;padding:20px}.modal-close-btn{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.5);color:#fff;border:0;padding:8px 12px;cursor:pointer;font-size:18px;line-height:1;border-radius:50%;transition:background .3s ease;z-index:1000;width:34px}.modal-close-btn:hover{background:rgba(0,0,0,.8)}.modal-thumbs{display:flex;gap:10px;overflow-x:auto;padding:10px 0;margin-bottom:20px;scrollbar-width:thin;background:transparent!important;justify-content:center;align-items:center}.modal-thumbs img.thumb{width:80px;height:80px;object-fit:cover;cursor:pointer;opacity:.6;transition:opacity .3s ease,transform .3s ease;border:2px solid transparent}.modal-thumbs img.thumb.active,.modal-thumbs img.thumb:hover{opacity:1;transform:scale(1.05)}.modal-thumbs img.thumb.active{border-color:#333}.product-gallery{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden}.gallery-slider{display:flex;transition:transform .5s ease-in-out;width:100%}.gallery-image{flex:0 0 100%;width:100%;opacity:1}.main-image{width:100%;height:auto;object-fit:contain;max-height:500px;cursor:default}#prevBtn,#nextBtn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:0;padding:10px 15px;cursor:pointer;font-size:18px;transition:background .3s ease}#prevBtn{left:10px}#nextBtn{right:10px}#prevBtn:hover,#nextBtn:hover{background:rgba(0,0,0,.8)}@media(max-width:767px){.modal-main .gallery-image video.thumb{height:auto!important;width:97%!important}.product-media-modal__content button#closeBtn{left:8px;right:unset}.product-media-modal__content{display:grid!important;grid-gap:10px;grid-template-columns:repeat(1,1fr)}.modal-thumbs{flex-direction:row;flex-wrap:wrap;width:100%!important}.modal-close-btn{top:60px!important}#modalThumbs{order:1}.modal-thumbs img.thumb{width:60px!important;height:60px}.main-image{max-height:400px}.product__media-toggle{width:auto;background:#fff!important}}