hf-product-gallery.hf-gallery{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%}.product__media-wrapper:has(hf-product-gallery.hf-gallery){width:100%!important}@media screen and (min-width: 750px){.product__media-wrapper:has(hf-product-gallery.hf-gallery){position:sticky;top:2rem;align-self:flex-start}hf-product-gallery.hf-gallery{max-width:100%}}.hf-gallery__main{position:relative;width:100%}.hf-gallery__slider{position:relative;width:100%;overflow:hidden;border-radius:12px;background:var(--color-background)}.hf-gallery__slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.hf-gallery__slides::-webkit-scrollbar{display:none}.hf-gallery__slide{flex:0 0 100%;width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}.hf-gallery__main-image{width:100%;height:auto;object-fit:contain;display:block;transition:opacity .3s ease}@media screen and (min-width: 750px){.hf-gallery__slide{min-height:450px}.hf-gallery__main-image{max-height:650px}}@media (max-width: 749px){.hf-gallery__slide{min-height:300px}.hf-gallery__main-image{max-height:400px}}.hf-gallery__slider-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease;opacity:.8}.hf-gallery__slider-nav:hover:not(:disabled){opacity:1;background:#fff;box-shadow:0 2px 12px #00000026}.hf-gallery__slider-nav:disabled{opacity:.3;cursor:not-allowed}.hf-gallery__slider-nav--prev{left:12px}.hf-gallery__slider-nav--next{right:12px}.hf-gallery__slider-nav--prev .svg-wrapper{transform:rotate(90deg)}.hf-gallery__slider-nav--next .svg-wrapper{transform:rotate(-90deg)}.hf-gallery__slider-nav svg{width:18px;height:18px;fill:currentColor}@media (max-width: 749px){.hf-gallery__slider-nav{display:none}}.hf-gallery__dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.hf-gallery__dot{width:8px;height:8px;border-radius:50%;border:none;background:#0000004d;cursor:pointer;transition:all .2s ease;padding:0}.hf-gallery__dot:hover{background:#00000080}.hf-gallery__dot.is-active{background:var(--color-foreground);transform:scale(1.2)}.hf-gallery__thumbs{position:relative;width:100%;padding:0 40px}.hf-gallery__thumbs-track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.hf-gallery__thumbs-track::-webkit-scrollbar{display:none}.hf-gallery__thumb{flex-shrink:0;width:72px;height:72px;padding:0;border:2px solid transparent;border-radius:12px;background:var(--color-background);cursor:pointer;overflow:hidden;transition:all .2s ease;position:relative}.hf-gallery__thumb:hover{border-color:rgba(var(--color-foreground-rgb),.3);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.hf-gallery__thumb.is-active{border-color:var(--color-foreground);box-shadow:0 4px 12px #00000026}.hf-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}.hf-gallery__thumb-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:10px;padding:4px 2px;text-align:center;opacity:0;transition:opacity .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0 0 10px 10px}.hf-gallery__thumb:hover .hf-gallery__thumb-label,.hf-gallery__thumb.is-active .hf-gallery__thumb-label{opacity:1}.hf-gallery__thumbs-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease;opacity:1}.hf-gallery__thumbs-nav:hover:not(:disabled){background:#fff;box-shadow:0 2px 8px #00000026}.hf-gallery__thumbs-nav:disabled{opacity:.3;cursor:not-allowed}.hf-gallery__thumbs-nav--prev{left:0}.hf-gallery__thumbs-nav--next{right:0}.hf-gallery__thumbs-nav--prev .svg-wrapper{transform:rotate(90deg)}.hf-gallery__thumbs-nav--next .svg-wrapper{transform:rotate(-90deg)}.hf-gallery__thumbs-nav svg{width:14px;height:14px;fill:currentColor}@media (max-width: 749px){.hf-gallery__thumbs{padding:0 8px}.hf-gallery__thumb{width:64px;height:64px}.hf-gallery__thumbs-nav{display:none}.hf-gallery__thumb-label{font-size:9px;padding:3px 2px}.hf-gallery__dots{bottom:8px}.hf-gallery__dot{width:6px;height:6px}}@media screen and (min-width: 750px){.hf-gallery__thumbs{padding:0 36px}.hf-gallery__thumb{width:80px;height:80px}}@media screen and (min-width: 990px){.hf-gallery__thumb{width:90px;height:90px}}.hf-gallery__thumbs-track:has(.hf-gallery__thumb:only-child),.hf-gallery__thumbs-track:has(.hf-gallery__thumb:nth-child(2):last-child),.hf-gallery__thumbs-track:has(.hf-gallery__thumb:nth-child(3):last-child){justify-content:center}.hf-gallery__main-image.is-loading{opacity:.5}.hf-gallery.is-loading .hf-gallery__thumb{pointer-events:none;opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hf-product-gallery-swiper.css.map */