.ast-media-gallery{display:block;width:100%}.ast-media-gallery__layout{display:flex;flex-direction:column-reverse;gap:16px}.ast-media-gallery__thumbnails{display:flex;flex-direction:row;gap:12px;width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.ast-media-gallery__thumbnails::-webkit-scrollbar{display:none}.ast-media-gallery__thumb{background:transparent;border:1px solid transparent;padding:0;cursor:pointer;border-radius:8px;overflow:hidden;aspect-ratio:1;transition:border-color .3s ease,opacity .3s ease;opacity:.7;width:70px;flex-shrink:0}.ast-media-gallery__thumb:hover{opacity:1}.ast-media-gallery__thumb--active{border-color:#000c;opacity:1}.ast-media-gallery__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.ast-media-gallery__main{flex-grow:1;position:relative;border-radius:12px;overflow:hidden;background-color:#f9f9f9;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.ast-media-gallery__btn{position:absolute;background-color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000014;z-index:1;color:#000;transition:transform .2s ease,box-shadow .2s ease}.ast-media-gallery__btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #0000001f}.ast-icon{width:18px;height:18px}.ast-media-gallery__btn--zoom{top:16px;right:16px}.ast-media-gallery__btn--prev,.ast-media-gallery__btn--next{top:50%;transform:translateY(-50%)}.ast-media-gallery__btn--prev:hover,.ast-media-gallery__btn--next:hover{transform:translateY(-50%) scale(1.05)}.ast-media-gallery__btn--prev{left:16px}.ast-media-gallery__btn--next{right:16px}.ast-media-gallery__slider{width:100%;height:100%;position:relative}.ast-media-gallery__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center}.ast-media-gallery__slide--active{opacity:1;visibility:visible;position:relative}.ast-media-gallery__main-img{max-width:100%;max-height:100%;object-fit:cover}@media screen and (max-width:768px){.ast-media-gallery__thumb{width:60px}.ast-media-gallery__btn{width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-product-media-gallery.css.map */