@media(max-width:880px){.sb-reference.sb-reference--hero .ref-gallery__main{--ref-swipe-bleed: 20px;--ref-swipe-gap: 10px;--ref-swipe-slide: calc((100% + var(--ref-swipe-bleed) - var(--ref-swipe-gap)) / 1.12);aspect-ratio:1;overflow:visible;border-radius:0}.sb-reference.sb-reference--hero .ref-gallery__main>img[data-ref-main-image]{width:var(--ref-swipe-slide);height:100%;aspect-ratio:auto;object-fit:contain;border-radius:18px;background:#fff}.sb-reference.sb-reference--hero .ref-gallery__main>.ref-gallery__badge{right:calc(100% - var(--ref-swipe-slide) + 9px)}.sb-reference.sb-reference--hero .ref-gallery__main.is-ref-swipe>img[data-ref-main-image],.sb-reference.sb-reference--hero .ref-gallery__main.is-ref-swipe>.ref-gallery__badge{opacity:0}.sb-reference.sb-reference--hero .ref-swipe{position:absolute;inset:0 calc(-1 * var(--ref-swipe-bleed)) 0 0;z-index:1;display:flex;gap:var(--ref-swipe-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sb-reference.sb-reference--hero .ref-swipe::-webkit-scrollbar{display:none}.sb-reference.sb-reference--hero .ref-swipe:after{content:"";flex:0 0 var(--ref-swipe-tail, 0px)}.sb-reference.sb-reference--hero .ref-swipe__slide{position:relative;flex:0 0 var(--ref-swipe-slide-px, var(--ref-swipe-slide));height:100%;margin:0;overflow:hidden;border-radius:18px;background:#fff;scroll-snap-align:start;scroll-snap-stop:always}.sb-reference.sb-reference--hero .ref-swipe__slide>img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:#fff;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.sb-reference.sb-reference--hero .ref-swipe__slide>.ref-gallery__badge{right:9px}.sb-reference.sb-reference--hero .ref-gallery__main.is-ref-swipe-off>.ref-swipe{visibility:hidden}.sb-reference.sb-reference--hero .ref-gallery__main.is-ref-swipe-off>img[data-ref-main-image]{opacity:1}}@media(min-width:881px){.sb-reference.sb-reference--hero .ref-swipe{display:none}}.ref-swipe__slide{cursor:zoom-in}.ref-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;background-color:#03120ceb;overflow:hidden;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.ref-zoom.is-open{opacity:1;visibility:visible;pointer-events:auto}.ref-zoom__image{max-width:min(92vw,2048px);max-height:80vh;max-height:80dvh;object-fit:contain;border-radius:12px;touch-action:none;-webkit-touch-callout:none;cursor:zoom-in;transition:opacity .15s ease,transform .25s ease}.ref-zoom__image.is-loading{opacity:.35}.ref-zoom__close,.ref-zoom__arrow{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer}.ref-zoom__close{top:16px;right:16px;width:44px;height:44px;font-size:28px;line-height:1}.ref-zoom__arrow{top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:20px}.ref-zoom__arrow--prev{left:12px}.ref-zoom__arrow--next{right:12px}.ref-zoom__counter,.ref-zoom__hint{position:absolute;left:50%;transform:translate(-50%);color:#ffffffd9;font-size:14px;white-space:nowrap;pointer-events:none}.ref-zoom__counter{bottom:24px}.ref-zoom__hint{bottom:52px;font-size:13px;color:#ffffffa6}.ref-zoom__hint[hidden],.ref-zoom.is-single .ref-zoom__arrow,.ref-zoom.is-single .ref-zoom__counter{display:none}@media(prefers-reduced-motion:reduce){.ref-zoom,.ref-zoom__image{transition:none}}.ref-swipe__zoom{display:none}.is-ref-swipe .ref-swipe__zoom{position:absolute;right:10px;bottom:10px;z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#ffffffeb;color:#03120c;clip-path:inset(50%);pointer-events:none}.is-ref-swipe .ref-swipe__zoom:focus{clip-path:none;pointer-events:auto;outline:2px solid #03120c;outline-offset:2px}@media(min-width:881px){.ref-swipe__zoom{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/ref-gallery-swipe.css.map */