.collection-slider{width:100%}.collection-slider__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem;gap:2rem}@media screen and (max-width:749px){.collection-slider__header{gap:2rem;margin-bottom:3rem}}.collection-slider__title{font-family:var(--font-heading-family);font-weight:700;font-size:3.2rem;line-height:1.25;color:#000;margin:0}@media screen and (max-width:749px){.collection-slider__title{font-size:1.8rem}}.collection-slider__container{position:relative;width:100%}.collection-slider__card{display:flex;flex-direction:column;gap:1.6rem;height:100%;transition:transform .3s ease}.collection-slider__card-link{display:flex;flex-direction:column;gap:1.6rem;height:auto;text-decoration:none;color:inherit;transition:transform .3s ease}.collection-slider__image-container{position:relative;width:100%;height:100%;background-color:#f2f2f2;overflow:hidden}@media screen and (max-width:749px){.collection-slider__image-container{height:100%}}.collection-slider__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.collection-slider__card:hover .collection-slider__image{transform:scale(1.05)}.collection-slider__placeholder{width:100%;height:100%;background-color:#f2f2f2;display:flex;align-items:center;justify-content:center}.collection-slider__placeholder .placeholder-svg{width:10rem;height:10rem;opacity:.3}.collection-slider__collection-name{font-family:var(--font-heading-family);font-weight:700;font-size:2.8rem;line-height:1.29;text-transform:capitalize;color:#000;margin:0;text-align:left}@media screen and (max-width:749px){.collection-slider__collection-name{font-size:1.8rem}}.collection-slider .swiper-button-prev,.collection-slider .swiper-button-next{position:absolute;top:50%;transform:translateY(-50%);width:4.8rem;height:4.8rem;background-color:var(--color-bg);border:.1rem solid var(--color-border1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .3s ease;color:var(--color-text)}.collection-slider .swiper-button-prev:hover,.collection-slider .swiper-button-next:hover{border-color:var(--color-border-black);background:var(--color-bg-dark);color:var(--color-text-white)}.collection-slider .swiper-button-prev{left:-2.4rem}.collection-slider .swiper-button-next{right:-2.4rem}@media screen and (max-width:749px){.collection-slider .swiper-button-prev{left:-1.2rem}.collection-slider .swiper-button-next{right:-1.2rem}.collection-slider .swiper-button-prev,.collection-slider .swiper-button-next{width:4rem;height:4rem}}.collection-slider .swiper-button-prev:after,.collection-slider .swiper-button-next:after{display:none}.collection-slider .swiper-button-prev svg,.collection-slider .swiper-button-next svg{width:2.4rem;height:2.4rem}@media screen and (max-width:749px){.collection-slider .swiper-button-prev svg,.collection-slider .swiper-button-next svg{width:2rem;height:2rem}}.collection-slider .swiper-pagination{position:relative;margin-top:3rem;display:flex;justify-content:center;align-items:center;gap:.8rem}.collection-slider .swiper-pagination-bullet{width:1.2rem;height:1.2rem;background-color:#e0e0e0;border-radius:50%;opacity:1;transition:all .3s ease;cursor:pointer}.collection-slider .swiper-pagination-bullet-active{background-color:#000;transform:scale(1.2)}.collection-slider__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:2rem;width:100%}.collection-slider__grid-item{width:100%}@media screen and (min-width:750px){.collection-slider__grid{grid-template-columns:repeat(auto-fit,minmax(35rem,1fr))}}@media screen and (min-width:1024px){.collection-slider__grid{grid-template-columns:repeat(3,1fr)}}.collection-swiper{width:100%;overflow:hidden}@media screen and (min-width:1024px){.collection-slider .collection-swiper .swiper-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.collection-slider .collection-swiper .swiper-slide{width:auto!important}}@media screen and (min-width:750px)and (max-width:1023px){.collection-slider__container,.collection-swiper{display:block}}@media screen and (max-width:749px){.collection-slider__container,.collection-swiper{display:block}}.collection-slider .collection-swiper .swiper-wrapper{align-items:stretch}.collection-slider .collection-swiper .swiper-slide{height:auto;display:flex}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-collection-slider.css.map */
