.product--stack_with_thumb .product__media-wrapper{position:relative}.product--stack_with_thumb media-gallery{display:flex;flex-direction:row;gap:1rem}.product--stack_with_thumb .slider-buttons{display:none!important}.product--stack_with_thumb slider-component.slider-mobile-gutter{display:block;flex:1;min-width:0;max-width:calc(100% - 82px)}.stack-thumb-strip{order:-1;flex-shrink:0;width:72px;max-height:80vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;position:sticky;top:11rem;align-self:flex-start}.stack-thumb-strip::-webkit-scrollbar{width:3px}.stack-thumb-strip::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.stack-thumb-strip__list{display:flex;flex-direction:column;gap:.8rem;padding:0;margin:0}.stack-thumb-strip__item{position:relative;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s ease}.stack-thumb-strip__item.is-active{border-color:rgb(var(--color-foreground))}.stack-thumb-strip__btn{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0}.stack-thumb-strip__btn img{width:100%;height:auto;object-fit:cover;aspect-ratio:1 / 1}.product--stack_with_thumb .product__media-list.grid{display:flex!important;flex-direction:column;flex-wrap:nowrap;gap:1rem;scroll-snap-type:none;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}.product--stack_with_thumb .product__media-list .product__media-item.grid__item{width:100%!important;max-width:100%!important;flex-shrink:0;scroll-snap-align:none;padding:0!important}.product--stack_with_thumb .product__media-item .product__media-toggle{cursor:zoom-in}.product--stack_with_thumb .thumbnail-slider{display:none!important}.product--stack_with_thumb .product__modal-opener--image{cursor:zoom-in}.stack-mobile-nav{display:none}.product--stack_with_thumb .product__media{overflow:hidden}.product--stack_with_thumb .product__media img.is-inline-zoomed{transform:scale(2);transition:transform .15s ease-out;cursor:zoom-in}.stack-thumb-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none;align-items:center;justify-content:center}.stack-thumb-zoom[aria-hidden=false]{display:flex}.stack-thumb-zoom__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block!important;background:#fff9;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}.stack-thumb-zoom__container{position:relative;z-index:1;width:90vw;height:90vh;display:flex;align-items:center;justify-content:center;touch-action:none}.stack-thumb-zoom__close{position:absolute;top:1rem;right:1rem;z-index:10;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background .2s}.stack-thumb-zoom__close:hover{background:#fff}.stack-thumb-zoom__close .svg-wrapper{width:16px;height:16px}.stack-thumb-zoom__nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.stack-thumb-zoom__prev,.stack-thumb-zoom__next{pointer-events:auto;background:#ffffffe6;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background .2s,transform .2s}.stack-thumb-zoom__prev:hover,.stack-thumb-zoom__next:hover{background:#fff;transform:scale(1.05)}.stack-thumb-zoom__prev .svg-wrapper{transform:rotate(90deg);width:14px;height:14px}.stack-thumb-zoom__next .svg-wrapper{transform:rotate(-90deg);width:14px;height:14px}.stack-thumb-zoom__counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;color:#fff;font-size:14px;background:#00000080;padding:4px 14px;border-radius:20px}.stack-thumb-zoom__hint{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);z-index:10;color:#0009;font-size:12px;letter-spacing:.03em;background:#ffffffbf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:5px 14px;border-radius:20px;pointer-events:none;opacity:1;transition:opacity .4s ease}.stack-thumb-zoom__hint.is-hidden{opacity:0}.stack-thumb-zoom__hint-desktop{display:block}.stack-thumb-zoom__hint-mobile{display:none}@media screen and (max-width:786px){.stack-thumb-zoom__hint-desktop{display:none}.stack-thumb-zoom__hint-mobile{display:block}}.stack-thumb-zoom__img-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.stack-thumb-zoom__img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .25s ease;transform-origin:center center;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.stack-thumb-zoom__img.is-zoomed{transition:none;cursor:grab}.stack-thumb-zoom__img.is-dragging{cursor:grabbing}@media screen and (max-width:786px){.product--stack_with_thumb media-gallery{flex-direction:column}.product--stack_with_thumb slider-component.slider-mobile-gutter{max-width:100%}.stack-thumb-strip{order:1;width:100%;max-height:none;overflow-y:hidden;overflow-x:auto;position:relative;top:auto;padding:0 0 .5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.stack-thumb-strip::-webkit-scrollbar{display:none}.stack-thumb-strip__list{flex-direction:row;gap:.6rem;flex-wrap:nowrap}.stack-thumb-strip__item{flex-shrink:0;width:56px;height:56px}.stack-thumb-strip__btn img{width:56px;height:56px}.product--stack_with_thumb .product__media-list.grid{flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:0rem!important;width:calc(100% + 0rem)!important;max-width:none!important}.product--stack_with_thumb .product__media-list::-webkit-scrollbar{display:none}.product--stack_with_thumb .product__media-list .product__media-item.grid__item{min-width:100%;scroll-snap-align:center}.stack-mobile-nav{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.8rem 0}.stack-mobile-nav__btn{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s}.stack-mobile-nav__btn:hover{border-color:rgba(var(--color-foreground),.5)}.stack-mobile-nav__btn .svg-wrapper{width:12px;height:12px}.stack-mobile-nav__btn--prev .svg-wrapper{transform:rotate(90deg)}.stack-mobile-nav__btn--next .svg-wrapper{transform:rotate(-90deg)}.stack-mobile-nav__counter{font-size:13px;color:rgba(var(--color-foreground),.7)}.stack-thumb-zoom{overflow:hidden}.stack-thumb-zoom__container{width:100%;height:100%;padding:3rem .5rem 3.5rem;box-sizing:border-box}.stack-thumb-zoom__nav{padding:0 .25rem}.stack-thumb-zoom__prev,.stack-thumb-zoom__next{width:32px;height:32px;background:#ffffffb3;box-shadow:0 1px 4px #0000001a}.stack-thumb-zoom__close{top:.5rem;right:.5rem;width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/stack-with-thumb.css.map */