.collection--list-wrapper{width:100%;flex-flow:row nowrap;border:1px solid;align-items:center;--vertical-space: 25px;margin-bottom:30px;position:relative}.collection--list-wrapper .progress-bar{width:100%;height:2px;position:absolute;left:0;right:0;bottom:-1px}.collection--list-wrapper .progress{display:block;width:0;opacity:0;height:100%;background-color:#00afea}.collection--list-wrapper .title{flex:0 0 auto;padding:var(--vertical-space) 40px;margin:0;border-right:1px solid}.collection--list-wrapper .title h2{margin:0}.collection--list-wrapper .collection__list{width:100%;overflow:hidden}.collection--list .swiper.collection-list--collection{width:100%;max-width:100%}.collection--list-wrapper .collection__list .swiper-slide{width:auto!important}.collection--list-wrapper .collection__list .swiper-slide-content p{font-size:28px}.collection--list-wrapper .collection__list .swiper-slide-content{padding:var(--vertical-space) 2.25vw;cursor:pointer;transition:all .3s ease-in-out}.collection--list-wrapper .collection__list .swiper-slide-content.active{color:#00afea}.collection--list .swiper .card .card__inner{--ratio-percent: 100% !important}@media only screen and (max-width: 1440px){.collection--list-wrapper{--vertical-space: 20px}.collection--list-wrapper .collection__list .swiper-slide-content p{font-size:24px}}@media only screen and (max-width: 991px){.collection--list-wrapper{--vertical-space: 15px}.collection--list-wrapper .title{padding:var(--vertical-space) 25px}.collection--list-wrapper .collection__list .swiper-slide-content p{font-size:18px}}@media only screen and (max-width: 767px){.collection--list-wrapper{flex-flow:column}.collection--list-wrapper .title{width:100%;border-right:0;border-bottom:1px solid;text-align:center;padding:var(--vertical-space) 10px}.collection--list-wrapper .title h2{font-size:25px}.collection--list .container-fluid{padding:0}.collection--list-wrapper .collection__list .swiper-slide-content{padding:var(--vertical-space) 5.5vw}.collection--list-wrapper .collection__list .swiper-slide-content p{font-size:16px}.collection--list .swiper .card .card__inner{--ratio-percent: 75% !important}.collection--list .col.ajax-loaded .swiper .swiper-wrapper{flex-wrap:wrap}.collection--list .col.ajax-loaded .swiper .swiper-slide{max-width:50%}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/he_collection_list.css.map */