.popular-products-slider-container{display:flex;margin:0 -20px;width:100%;position:relative;overflow:hidden}.popular__container{width:calc(100% - 40px)}.popular__container .swiper-wrapper{height:auto!important}.popular-product-item{height:auto}.popular-product-item .card__inner{height:100%}.popular-carousel__slider-nav{position:absolute;top:50%;bottom:auto;left:0;right:0;transform:translateY(-50%);z-index:5;display:flex;justify-content:space-between;pointer-events:none;width:100%;padding:0 8px}.popular-carousel__slider-nav .swiper-button-prev,.popular-carousel__slider-nav .swiper-button-next{pointer-events:all;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:rgb(var(--color-background));border-radius:50%;box-shadow:0 2px 5px #0000001a;transition:all .2s ease}.popular-carousel__slider-nav .swiper-button-prev:hover,.popular-carousel__slider-nav .swiper-button-next:hover{transform:scale(1.05)}.popular-carousel__slider-nav .swiper-button-prev{left:4px}.popular-carousel__slider-nav .swiper-button-next{right:4px}.popular-carousel__slider-nav.no-js-hidden{display:none}@media screen and (min-width: 576px){.popular-carousel__slider-nav{display:none}.popular-carousel__slider-nav.show-desktop-nav{display:flex;padding:0 16px}.popular-carousel__slider-nav .swiper-button-prev,.popular-carousel__slider-nav .swiper-button-next{width:48px;height:48px}.popular-carousel__slider-nav .swiper-button-prev{left:-8px}.popular-carousel__slider-nav .swiper-button-next{right:-8px}}@media screen and (min-width: 1200px){.popular-carousel__slider-nav.show-desktop-nav{padding:0 24px}.popular-carousel__slider-nav .swiper-button-prev{left:-12px}.popular-carousel__slider-nav .swiper-button-next{right:-12px}}.popular-carousel__slider-nav .swiper-button-disabled{opacity:0;pointer-events:none}.swiper-slide{height:auto!important}.popular__container .swiper-wrapper{display:flex;flex-wrap:nowrap;padding:48px 0}@media screen and (max-width: 575px){.popular-product-item{width:80%}}@media screen and (min-width: 576px) and (max-width: 989px){.popular-product-item{width:50%}}@media screen and (min-width: 990px) and (max-width: 1199px){.popular-product-item{width:calc(100% / 3)}}@media screen and (min-width: 1200px){.popular-product-item{width:25%}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/section-popular-products.css.map */