.product-gallery{display:flex;flex-direction:column-reverse;gap:10px;max-width:1000px;margin:0}.gallery-main{flex:1;width:100%;max-width:100%;min-width:300px;box-shadow:0 0 8.763px #0000001a;margin:0}@media(min-width:1000px){.gallery-main{max-height:500px}}.gallery-main img{width:100%;aspect-ratio:1 / 1;object-fit:contain;border-radius:12px;display:block;background:#fff}.gallery-main img.object-cover{object-fit:cover}.gallery-thumbs-wrapper{position:relative;width:100%}.gallery-thumbs{overflow:hidden;width:calc(100% - 15px);padding:10px 5px 10px 0}.gallery-thumbs-track{display:flex;gap:10px;transition:transform .3s ease;will-change:transform}.thumb-item{flex:0 0 calc((100% - 30px)/4);cursor:pointer;border:2px solid transparent;border-radius:10px;transition:border-color .2s ease;background:#fff;box-shadow:0 0 8.763px #0000001a;height:fit-content!important}.thumb-item.active{border:1px solid #e1e1e1}.thumb-item img{width:100%;aspect-ratio:1 / 1;object-fit:contain;display:block}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:8px;height:8px;border:none;color:#fff;background-color:transparent;border-radius:50%;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center}.gallery-arrow.hidden{display:none}.gallery-arrow.prev{left:-18px}.gallery-arrow.next{right:0;transform:translateY(-50%) rotate(270deg)}@media(min-width:1000px){.product-gallery{display:flex;flex-direction:row;align-items:stretch;gap:10px}.gallery-thumbs-wrapper{width:120px;flex-shrink:0;display:flex;position:relative;max-height:var(--main-image-height)}.gallery-thumbs{flex:1;overflow:hidden;padding:0 5px}.gallery-thumbs-track{display:flex;flex-direction:column;gap:10px;transition:transform .3s ease}.thumb-item{flex:0 0 calc((100% - 30px)/4);width:100%}.gallery-arrow.prev{top:-18px;left:50%;transform:translate(-50%)}.gallery-arrow.next{top:auto;bottom:0;left:50%;transform:translate(-50%);width:18px;height:18px}}@media(min-width:1200px){.product-media__gallery{padding-right:50px;position:sticky;top:100px;max-width:100%;flex:1;max-width:calc(100% - 10px)}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/product-gallery.css.map */