.product-gallery-item{position:relative;cursor:zoom-in}.gallery-hover-overlay{display:none!important}.product-media-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:2000000;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.product-media-modal.is-open{opacity:1;visibility:visible}.modal-content-wrap{display:grid;grid-template-columns:90px 1fr;height:100vh;width:100vw;box-sizing:border-box;padding:40px 60px 40px 40px;gap:50px}.modal-thumbnails-col{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden}.modal-thumbnails-scroll{display:flex;flex-direction:column;gap:0;overflow-y:auto;max-height:calc(100vh - 100px);padding-right:6px;scrollbar-width:thin;scrollbar-color:#cccccc transparent}.modal-thumbnails-scroll::-webkit-scrollbar{width:4px}.modal-thumbnails-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.modal-thumb-btn{background:none;border:2px solid transparent;padding:0;margin:0;cursor:pointer;opacity:.55;transition:opacity .25s ease,border-color .25s ease;width:100%;aspect-ratio:2 / 3;display:block;overflow:hidden}.modal-thumb-btn img{width:100%;height:100%;object-fit:cover;display:block}.modal-thumb-btn:hover{opacity:1}.modal-thumb-btn.active{opacity:1;border-color:#000}.modal-main-image-col{position:relative;display:block;height:100%;width:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.modal-main-image-col::-webkit-scrollbar{display:none}.modal-main-image-wrapper{width:100%;height:auto;display:block}.modal-main-img{width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;opacity:1;transition:opacity .2s ease-in-out}.modal-close-btn{position:absolute;top:30px;right:30px;background:none;border:none;cursor:pointer;z-index:2000002;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,background-color .25s ease}.modal-close-btn:hover{background-color:#0000000d}.modal-close-btn svg{width:26px;height:26px;color:#000}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000!important;border:none!important;cursor:pointer;z-index:2000001;padding:0!important;width:8px!important;height:8px!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;transition:transform .2s ease;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.modal-nav-btn:hover{background:#000!important;transform:translateY(-50%) scale(1.3)}.modal-nav-btn:active{transform:translateY(-50%) scale(.92)}.modal-nav-btn svg{display:none!important}.prev-btn{left:130px}.next-btn{right:40px}@media(max-width:768px){.product-gallery-item{cursor:default!important}.modal-content-wrap{grid-template-columns:1fr!important;grid-template-rows:1fr auto!important;padding:60px 0 10px!important;gap:15px!important;height:100vh!important;width:100%!important;box-sizing:border-box!important}.modal-main-image-col{width:100%!important;height:100%!important;overflow-y:auto!important;display:block!important;-webkit-overflow-scrolling:touch!important}.modal-main-image-wrapper{width:100%!important;height:auto!important;display:block!important;padding:0!important;margin:0!important}.modal-main-img{width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;display:block!important}.modal-thumbnails-col{order:2!important;height:auto!important;width:100%!important;padding:0 15px!important;box-sizing:border-box!important}.modal-thumbnails-scroll{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:80px;justify-content:flex-start;padding-right:0;padding-bottom:4px;scrollbar-width:none}.modal-thumbnails-scroll::-webkit-scrollbar{display:none}.modal-thumb-btn{width:50px;height:75px;flex-shrink:0}.modal-close-btn{top:15px;right:15px;background:#ffffffb3!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 4px 12px #00000014!important}.prev-btn{left:15px!important;background:#ffffffbf!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 4px 12px #0000001a!important;z-index:2000003!important}.next-btn{right:15px!important;background:#ffffffbf!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 4px 12px #0000001a!important;z-index:2000003!important}.modal-nav-btn svg{width:20px!important;height:20px!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-modal.css.map */