.custom-media-gallery,.custom-media-gallery *{box-sizing:border-box}custom-media-gallery{display:contents}.product__media-wrapper{top:0!important}.custom-media-gallery{position:relative;width:100%;height:auto;overflow:visible;background:none}custom-media-gallery{display:block;position:relative}.custom-media-gallery__viewport{position:relative;width:100%;height:60vh!important;scroll-behavior:smooth;scrollbar-width:none;background-color:#f5f5f5;-webkit-overflow-scrolling:touch!important;overflow:hidden!important}.custom-media-gallery__viewport::-webkit-scrollbar{display:none}.custom-media-gallery__container{display:flex!important;height:100%!important;align-items:stretch!important;gap:1rem;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}.custom-media-gallery__item{flex-shrink:0!important;position:relative!important;overflow:hidden!important;margin:0!important;height:90%!important;min-height:0;align-self:center!important}.custom-media-gallery__item--main{flex:0 0 auto!important;width:100%!important;background-color:#f5f5f5;height:80%!important;display:flex!important;align-items:center!important;justify-content:center!important}.custom-media-gallery__item:not(.custom-media-gallery__item--main){flex:0 0 auto!important;height:90%!important;width:fit-content!important;border-radius:1.5rem!important;overflow:hidden!important}.custom-media-gallery__media-content{width:100%;height:100%;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.custom-media-gallery__item--main .custom-media-gallery__image{display:block;width:100%;height:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center!important}.custom-media-gallery__item:not(.custom-media-gallery__item--main) .custom-media-gallery__image{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:1.5rem!important}.custom-media-gallery .slider-buttons{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:10;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.custom-media-gallery .slider-button{width:44px;height:44px;background:#0009;border-radius:50%;border:0;color:#fff!important;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background-color .2s ease}.custom-media-gallery .slider-button:hover{background:#000c;color:#fff!important}.custom-media-gallery .slider-button svg{fill:#fff!important}.custom-media-gallery .slider-button:disabled{opacity:.4;cursor:not-allowed;color:#fff!important}.custom-media-gallery .slider-button:disabled svg,.custom-media-gallery .slider-button[disabled] svg,.custom-media-gallery .slider-button:disabled .icon,.custom-media-gallery .slider-button[disabled] .icon{fill:#fff!important;color:#fff!important}.custom-media-gallery .slider-button--prev{margin-left:2rem}.custom-media-gallery .slider-button--next{margin-right:2rem}.custom-media-gallery .slider-button .svg-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.custom-media-gallery .slider-button svg{width:20px;height:20px;fill:currentColor;pointer-events:none}.custom-media-gallery .slider-button--prev svg{transform:rotate(90deg)}.custom-media-gallery .slider-button--next svg{transform:rotate(270deg)}.custom-media-gallery .slider-counter{position:absolute!important;top:1.5rem!important;right:2rem!important;left:auto!important;z-index:10;background-color:#0009;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:1.2rem;font-weight:500;pointer-events:none;min-width:3rem;text-align:center;letter-spacing:.07rem}@media screen and (min-width: 1200px){.product__media-wrapper{position:sticky!important;top:120px!important}.custom-media-gallery{position:relative!important;width:100%!important;max-width:100%!important}.custom-media-gallery__container{scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;scroll-padding-left:0!important;scroll-padding-right:0!important}.custom-media-gallery__item{scroll-snap-align:start}.custom-media-gallery__item--main{width:100%!important;aspect-ratio:auto!important}.custom-media-gallery__item--main .custom-media-gallery__image{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}.custom-media-gallery__item:not(.custom-media-gallery__item--main){width:fit-content!important;flex:0 0 auto!important}.custom-media-gallery .slider-buttons{display:flex!important;position:absolute!important;top:30vh!important;left:0!important;right:0!important;transform:translateY(-50%)!important;z-index:10!important;justify-content:space-between!important;align-items:center!important;pointer-events:none!important}.custom-media-gallery .slider-button{display:flex!important;pointer-events:auto!important}.custom-media-gallery .slider-button--prev{margin-left:2rem!important}.custom-media-gallery .slider-button--next{margin-right:2rem!important}.custom-media-gallery .slider-counter{display:block!important;font-size:1.2rem}.custom-media-gallery .thumbnail-carousel{display:block!important;margin-top:1rem;position:relative;z-index:1}}@media screen and (min-width: 750px) and (max-width: 1199px){.product__media-wrapper{position:relative!important}.custom-media-gallery{width:100%!important;max-width:100%!important;overflow:hidden!important}.custom-media-gallery__viewport{margin:0!important;padding:0!important}.custom-media-gallery__container{overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;margin:0!important;padding:0!important;gap:1rem!important}.custom-media-gallery__item--main{flex:0 0 auto!important;width:100%!important;min-width:600px!important;aspect-ratio:auto!important}.custom-media-gallery__item--main .custom-media-gallery__image{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}.custom-media-gallery__item:not(.custom-media-gallery__item--main){flex:0 0 auto!important;width:300px!important;min-width:200px!important}.custom-media-gallery .slider-buttons,.custom-media-gallery .slider-button{display:flex!important}.custom-media-gallery .slider-button--prev{margin-left:2rem!important}.custom-media-gallery .slider-button--next{margin-right:2rem!important}.custom-media-gallery .slider-counter{display:block!important;font-size:1.4rem}.custom-media-gallery .thumbnail-carousel{display:block!important;margin-top:1rem;position:relative;z-index:1}}@media screen and (max-width: 749px){.product__media-wrapper{position:relative!important}.custom-media-gallery{width:100vw!important;overflow:hidden!important;left:-1.5rem}slider-component.page-width{padding-left:0!important;padding-right:0!important}.product__media-wrapper slider-component.page-width{margin-left:0!important;margin-right:0!important}.custom-media-gallery__container.slider.slider--mobile{scroll-padding-left:0!important;scroll-padding-right:0!important;margin:0!important;padding:0!important}.custom-media-gallery__container{overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}.custom-media-gallery__item--main{flex:0 0 auto!important;margin:0!important;height:90%!important}.custom-media-gallery__item:not(.custom-media-gallery__item--main){height:90%!important}.custom-media-gallery__image{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}.custom-media-gallery__item:not(.custom-media-gallery__item--main) .custom-media-gallery__image{border-radius:1.5rem!important}.custom-media-gallery .slider-buttons{display:none!important}.custom-media-gallery .slider-counter.caption{top:2rem!important;right:3rem!important;font-size:1rem!important;letter-spacing:.07rem!important}.thumbnail-carousel{display:none}}.product__media-overlay-controls{display:none!important}.product__media-modal-opener{display:block!important;width:100%!important;height:100%!important;border:none!important;background:transparent!important;padding:0!important;margin:0!important;cursor:zoom-in!important;position:relative!important;overflow:hidden!important;transition:opacity .2s ease!important;z-index:3!important}.product__media-modal-opener:hover{opacity:.9!important}.product__media-modal-opener:focus{outline:2px solid #0066cc!important;outline-offset:2px!important}.thumbnail-carousel{margin-top:1rem;overflow-x:auto;scrollbar-width:none}.thumbnail-carousel::-webkit-scrollbar{display:none}.thumbnail-carousel__list{display:flex;align-items:center;gap:.5rem}.thumbnail-carousel__item{flex-shrink:0;height:40px;width:auto;cursor:pointer;opacity:.6;transition:opacity .2s ease;border-radius:6px!important;overflow:hidden!important}.thumbnail-carousel__image{display:block;height:100%;width:auto;object-fit:cover;border-radius:6px!important}.thumbnail-carousel__item.is-active{opacity:1}.thumbnail-carousel__item:hover{opacity:.8}product-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f5f5f5f2;z-index:50;display:none;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}product-modal[open]{display:flex;opacity:1;visibility:visible;pointer-events:auto}.product-media-modal__dialog{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:2rem;position:relative;background:transparent;border:none;outline:none}.product-media-modal__toggle{position:absolute;top:1rem;right:1rem;z-index:55;width:4.4rem;height:4.4rem;background:#fffffff2;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:all .2s ease}.product-media-modal__toggle:hover{background:#fff;transform:scale(1.05)}.product-media-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:55;width:4.4rem;height:4.4rem;background:#000000b3;border-radius:50%;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.product-media-modal__nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.product-media-modal__nav:disabled{opacity:.3;cursor:not-allowed}.product-media-modal__nav:disabled:hover{transform:translateY(-50%);background:#000000b3}.product-media-modal__nav--prev{left:4rem}.product-media-modal__nav--next{right:4rem}.product-media-modal__content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:95vw;max-height:95vh;overflow:hidden;position:relative;pointer-events:none}.product-media-modal__content-item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;max-width:90vw;max-height:90vh;opacity:0;transition:opacity .3s ease;pointer-events:auto;justify-content:center;align-items:center}.product-media-modal__content-item[style*="display: block"]{display:flex;opacity:1;justify-content:center;align-items:center}.product-media-modal__image{max-width:90vw;max-height:80vh;width:auto;height:auto;object-fit:contain;object-position:center;display:block;border-radius:4px;cursor:zoom-in;transition:transform .3s ease;margin:auto}.product-media-modal__image.is-zoomed{cursor:grab;z-index:10}.product-media-modal__image.is-zoomed:not(.is-panning){cursor:zoom-out}.product-media-modal__image.is-panning{cursor:grabbing;transition:none}body.modal-open{overflow:hidden}@media screen and (max-width: 768px){.product-media-modal__dialog{padding:1rem}.product-media-modal__toggle{top:.5rem;right:.5rem;width:4rem;height:4rem}.product-media-modal__nav{width:4rem;height:4rem}.product-media-modal__nav--prev{left:2rem}.product-media-modal__nav--next{right:2rem}.product-media-modal__image{max-width:95vw;max-height:70vh}}.custom-media-gallery__coupon-flag{position:absolute!important;top:1.5rem!important;left:-1px;z-index:15!important;font-size:1.4rem!important;font-weight:400!important;color:#fff!important;background:#ffa000f2!important;padding:.5rem 1rem!important;text-align:center!important;width:auto!important;height:auto!important;margin:0!important}
/*# sourceMappingURL=/cdn/shop/t/18/assets/custom-media-gallery.css.map */