.produdct-card-image-carousel{max-height:500px;max-width:500px;position:relative;width:100%}.produdct-card-image-carousel:before{content:"";display:block;padding-top:100%;width:100%}.produdct-card-image-carousel>*{inset:0;position:absolute}.produdct-card-image-carousel .media img{height:100%;max-width:unset;-o-object-fit:contain;object-fit:contain;width:100%}@media(max-width:768px){.produdct-card-image-carousel .icon{display:none}}.produdct-card-image-carousel .icon{color:#7c7c7c;height:32px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1);width:32px;z-index:5}.produdct-card-image-carousel .icon--prev{left:4px;right:auto}@media(hover:hover)and (pointer:fine){.produdct-card-image-carousel .icon--prev:hover{transform:translate(-4px,-50%)}}.produdct-card-image-carousel .icon--next{left:auto;right:4px}@media(hover:hover)and (pointer:fine){.produdct-card-image-carousel .icon--next:hover{transform:translate(4px,-50%)}}.produdct-card-image-carousel .counter{bottom:1rem;color:#6f6f72;font-size:12px;left:auto;line-height:1;opacity:0;pointer-events:none;position:absolute;right:1rem;top:auto;transition:opacity .3s cubic-bezier(.645,.045,.355,1);z-index:2}@media(max-width:768px){.produdct-card-image-carousel.slider-initialized .counter{opacity:1}}.produdct-card-image-carousel .embla{overflow:hidden}.produdct-card-image-carousel .embla__container{display:flex;height:100%}.produdct-card-image-carousel .embla__slide{flex:0 0 100%;min-width:0}@media(hover:hover)and (pointer:fine){.produdct-card-image-carousel:hover .counter,.produdct-card-image-carousel:hover .icon{opacity:1}}