.product-images-grid{display:none}@media only screen and (min-width: 1024px){.product-images-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:5px;width:100%;max-width:100%}.product-images-grid-enabled .product-images,.product-images-grid-enabled product-slider{display:none!important}.product-images-grid-enabled .product-thumbnail-container,.product-images-grid-enabled scroll-shadow{display:none!important}}.product-images-grid .product-images__slide{position:relative;width:100%;height:auto;aspect-ratio:1;overflow:hidden;border-radius:var(--block-border-radius, 16px);background:var(--color-background, #fff)}.product-images-grid .product-images__slide img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-images-grid .product-images__slide:hover img{transform:scale(1.05)}.product-images-grid .product-single__media{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.product-images-grid .product-single__media video,.product-images-grid .product-single__media model-viewer{width:100%;height:100%;object-fit:cover}.product-images-grid .product-single__media-zoom{position:absolute;top:12px;right:12px;width:40px;height:40px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer;z-index:2}.product-images-grid .product-images__slide:hover .product-single__media-zoom{opacity:1}.product-images-grid .figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:20px 16px 16px;font-size:.875rem;opacity:0;transition:opacity .3s ease}.product-images-grid .product-images__slide:hover .figcaption{opacity:1}.product-grid-media{position:relative;overflow:hidden;border-radius:var(--block-border-radius, 16px);aspect-ratio:1}.product-grid-media .media,.product-grid-media .product-single__media{width:100%;height:100%;display:block;position:absolute!important;top:0;left:0}.product-grid-media .aspect-ratio{height:100%!important;padding-bottom:0!important;position:absolute!important;top:0;left:0;width:100%}.product-grid-media .media img,.product-grid-media .media video,.product-grid-media .product-single__media img,.product-grid-media .product-single__media video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.product-grid-media .product__media-zoom{position:absolute;top:12px;right:12px;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:0;transform:scale(.8)}.product-grid-media:hover .product__media-zoom{opacity:1;transform:scale(1)}.product-grid-media .product__media-zoom:hover{background:#fff;box-shadow:0 4px 12px #00000026}.product-grid-media .media__caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:20px 16px 16px;font-size:14px;line-height:1.4;opacity:0;transition:opacity .3s ease}.product-grid-media:hover .media__caption{opacity:1}@media only screen and (min-width: 1024px) and (max-width: 1200px){.product-images-grid{gap:5px}}@media only screen and (min-width: 1200px){.product-images-grid{gap:5px}}.product-grid-media-image{display:block;position:relative;width:100%;aspect-ratio:var(--aspect-ratio, 1);overflow:hidden;border-radius:var(--block-border-radius, 16px)}.product-grid-media-image img{width:100%;height:100%;object-fit:cover;object-position:center}.product-grid-media-zoom{position:absolute;top:10px;right:10px;width:40px;height:40px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2}.product-grid-media:hover .product-grid-media-zoom{opacity:1}.product-grid-media-zoom svg{width:20px;height:20px}.product-grid-media-external-video,.product-grid-media-native-video{position:relative;width:100%;aspect-ratio:var(--aspect-ratio, 1);overflow:hidden;border-radius:var(--block-border-radius, 16px)}.product-grid-media-external-video--play{position:relative;width:100%;height:100%;cursor:pointer}.product-grid-media-external-video--play img{width:100%;height:100%;object-fit:cover}.product-grid-media-external-video--play button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.product-grid-media-external-video--play button svg{width:24px;height:24px}.product-grid-media-model{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--block-border-radius, 16px)}.product-grid-media-model-button{position:absolute;top:10px;left:10px;width:40px;height:40px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.product-grid-media-model-button svg{width:20px;height:20px}@media only screen and (max-width: 1023px){.product-images-grid{display:none!important}.product-images-grid-enabled .product-images,.product-images-grid-enabled product-slider{display:block!important}.product-images-grid-enabled .product-thumbnail-container,.product-images-grid-enabled scroll-shadow{display:block!important}}.product-images-grid .product-images__slide.loading{background:var(--color-background-secondary, #f5f5f5);position:relative}.product-images-grid .product-images__slide.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-border, #e0e0e0);border-top-color:var(--color-accent, #000);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-images-grid [data-hide-variants=true] .product-images__slide[data-group]{display:none}.product-images-grid [data-hide-variants=true] .product-images__slide[data-group].is-active{display:block}.product-images-grid .product-images__slide{cursor:pointer}@media only screen and (min-width: 1400px){.product-images-grid{gap:5px}.product-images-grid .product-images__slide{border-radius:var(--block-border-radius, 20px)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/product-grid-layout.css.map */