.image-slider{--image-slider-ratio:56.25%;position:relative}.image-slider__images{display:flex;overflow:hidden}.image-slider--touch .image-slider__images{overflow-y:hidden;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.image-slider--touch .image-slider__images::-webkit-scrollbar{display:none}.image-slider--touch .image-slider__slide{flex:0 0 100%;width:100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always}.image-slider__slide{flex:0 0 auto;width:100%;scroll-snap-align:start;position:relative}.image-slider__slide .product-image{position:absolute;inset:0;width:100%;height:100%}.image-slider--ratio .image-slider__slide:before{content:"";display:block;width:100%;padding-top:var(--image-slider-ratio)}.image-slider--ratio .image-slider__image,.image-slider--ratio .image-slider__slide .product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:var(--color-gray-800)}.image-slider__control{position:absolute;top:50%;opacity:0;visibility:hidden;z-index:5}.image-slider__control--prev{left:var(--container-padding);transform:translate3d(-10px,0,0)}.image-slider__control--next{right:var(--container-padding);transform:translate3d(10px,0,0)}@media(any-hover:hover){.image-slider:hover .image-slider__control{opacity:1;visibility:visible;transform:translateZ(0)}}@media(any-hover:none){.image-slider__control{opacity:1;visibility:visible;transform:translateZ(0)}}.image-slider__nav{position:absolute;bottom:16px;left:0;right:0;margin:0 auto;width:-moz-fit-content;width:fit-content;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.32);color:var(--color-white);font-size:var(--fz-smallest);line-height:var(--lh-smallest-compact);pointer-events:none;z-index:4}.image-slider--ratio .image-slider__slide{position:relative}.image-slider--cover .image-slider__images{position:absolute;top:0;left:0;width:100%;height:100%}.image-slider--cover .image-slider__slide{position:relative;height:100%}.image-slider--cover .image-slider__image,.image-slider--cover .image-slider__slide .product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-slider--touch.image-slider--cover .image-slider__images{overflow-x:auto;overflow-y:hidden}@media(max-width:767px){.image-slider:not(.catalog-item-head__bg-slider):not(.product-images__slider){margin-left:calc(-1*var(--container-padding));margin-right:calc(-1*var(--container-padding))}}