.card-product-gallery{position:relative;width:100%;overflow:hidden}.card-product-gallery__container{position:relative;display:flex;align-items:center;gap:1rem}.card-product-gallery__wrapper{flex:1;overflow:hidden;position:relative}.card-product-gallery__track{display:flex;transition:transform .3s ease-in-out;gap:1rem}.card-product-gallery__item{flex:0 0 auto;min-width:250px;max-width:300px}.card-product-gallery__arrow{position:relative;z-index:10;width:40px;height:40px;border:none;border-radius:50%;background:#ffffffe6;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.card-product-gallery__arrow:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.card-product-gallery__arrow:active{transform:scale(.95)}.card-product-gallery__arrow--prev{left:0}.card-product-gallery__arrow--next{right:0}.card-product-gallery__arrow svg{width:16px;height:16px;fill:currentColor}.card-product-gallery__arrow--prev svg{transform:rotate(180deg)}.card-product-gallery__indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.card-product-gallery__indicator{width:8px;height:8px;border:none;border-radius:50%;background:#0003;cursor:pointer;transition:background-color .2s ease}.card-product-gallery__indicator.is-active{background:#0009}.card-product-gallery__indicator:hover{background:#0006}.product-card--gallery{width:100%;height:100%}@media (max-width: 768px){.card-product-gallery__item{min-width:200px;max-width:250px}.card-product-gallery__arrow{width:36px;height:36px}.card-product-gallery__arrow svg{width:14px;height:14px}}@media (max-width: 480px){.card-product-gallery__item{min-width:180px;max-width:220px}.card-product-gallery__arrow{width:32px;height:32px}.card-product-gallery__arrow svg{width:12px;height:12px}}.card-product-gallery__arrow.hidden{display:none}.card-product-gallery__track{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.card-product-gallery__arrow:focus{outline:2px solid #007bff;outline-offset:2px}.card-product-gallery__indicator:focus{outline:2px solid #007bff;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card-product-gallery.css.map */