.product-media-gallery{width:100%;max-width:100%}.media-gallery__main{position:relative;width:100%}.media-gallery__viewport{width:100%;overflow:hidden;border-radius:var(--media-radius, 0)}.media-gallery__list{display:flex;list-style:none;margin:0;padding:0}.media-gallery__item{width:100%;flex-shrink:0;position:relative}.media-gallery__image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;background-color:#f5f5f5}.media-image-wrapper{position:relative;width:100%}.media-lqip{position:relative;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.media-lqip:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:inherit;filter:blur(20px);transform:scale(1.1);z-index:0}.media-lqip img{position:relative;z-index:1;opacity:0;transition:opacity .3s ease}.media-lqip.loaded:before{opacity:0;transition:opacity .3s ease}.media-lqip.loaded img{opacity:1}.media-zoom-trigger--mobile{position:absolute;top:.5rem;right:.5rem;width:3rem;height:3rem;padding:0;border:none;background:#ffffffb3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2}.media-zoom-trigger--mobile:hover{background:#fff;transform:scale(1.1)}.media-zoom-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.media-zoom-icon .icon{width:1.25rem;height:1.25rem;color:#000}.media-video{width:100%;aspect-ratio:16 / 9}.media-video video,.media-video iframe{width:100%;height:100%;border-radius:var(--media-radius, 0)}@media screen and (min-width: 751px){.media-gallery__item:not(.is-active){display:none}.media-gallery__controls--mobile,.media-gallery__indicator--mobile,.media-zoom-trigger--mobile{display:none}.media-gallery__thumbnails{display:flex;align-items:center;gap:1rem;margin-top:1rem;position:relative}.thumbnail-viewport{flex:1;overflow:hidden;position:relative;width:100%}.thumbnail-list{display:flex;flex-wrap:nowrap;gap:1rem;list-style:none;margin:0;padding:0;transition:transform .3s ease}.thumbnail-list__item{flex-shrink:0;width:80px}.thumbnail{position:relative;display:block;width:100%;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:none}.thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.thumbnail:hover{border-color:rgb(var(--brand-color-main));opacity:.7;padding:.2rem;box-sizing:border-box}.thumbnail.is-active{border-color:rgb(var(--brand-color-main));padding:.2rem;box-sizing:border-box}.thumbnail-nav{border:none;display:flex;background:none;align-items:center}.thumbnail-nav:disabled{opacity:.3;cursor:not-allowed}.thumbnail-nav svg{width:2rem;height:2rem;color:#000}.thumbnail__badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.thumbnail__badge svg{width:1.4rem;height:1.4rem}}@media screen and (max-width: 750px){.media-gallery__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.media-gallery__viewport::-webkit-scrollbar{display:none}.media-gallery__list{gap:1rem}.media-gallery__item{scroll-snap-align:start;min-width:calc(100% - 3rem)}.media-gallery__controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 .25rem;z-index:999}.media-nav{background:#ffffffb3;border:none;padding:0;width:2rem;height:2rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.media-nav svg{width:1.25rem;height:1.25rem;color:#000}.media-nav:active{transform:scale(.95)}.media-gallery__indicator{position:absolute;bottom:5px;left:5px;background:#ffffffb3;color:#000;padding:3px 5px;border-radius:.2rem;font-size:var(--font-size-sm)}.media-gallery__thumbnails{display:none}}@media screen and (max-width: 750px){.media-zoom-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999}.media-zoom-modal[hidden]{display:none}.media-zoom-modal__close{position:absolute;top:1rem;right:1rem;width:4rem;height:4rem;background:#fff3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.media-zoom-modal__close .icon{width:1.5rem;height:1.5rem;color:#fff}.media-zoom-modal__content{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:90vw;max-height:90vh;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-zoom-modal__image{position:absolute;top:0;left:0;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;will-change:transform}.media-zoom-modal__image.is-dragging{cursor:grabbing}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-product-media-gallery.css.map */