.collections-slider{padding:6.4rem 2rem;background-color:#fff;overflow:hidden;position:relative}.collections-slider__container{width:100%;margin:0 auto}.collections-slider__head{display:flex;flex-direction:column;margin-block-end:4rem;align-items:center;gap:2.4rem}.collections-slider__title{font-family:proxima-nova,sans-serif;font-size:20px;line-height:25px;font-weight:700;letter-spacing:.03em;color:#000;text-transform:uppercase}.collections-slider__button{text-decoration:none;font-family:proxima-nova,sans-serif;font-size:14px;font-weight:700;line-height:14px;letter-spacing:.06em;text-transform:uppercase;color:#000;border:solid 1px #000;background-color:#fff;padding:13px 20px;transition:background .2s,color .2s;display:none}.collections-slider__body{display:block}.collections-slider :is(.collections-slider__prev,.collections-slider__next){position:absolute;top:0;bottom:0;width:4.8rem;height:4.8rem;margin-block:auto;z-index:1;cursor:pointer;transition:all .3s;opacity:0;display:none}.collections-slider :is(.collections-slider__prev,.collections-slider__next) svg rect{transition:fill .2s ease,stroke .2s ease}@media (hover) and (pointer: fine){.collections-slider :is(.collections-slider__prev,.collections-slider__next) svg:hover rect{fill:var(--kn-primary-accent-variant);stroke:var(--kn-primary-accent-variant)}.collections-slider :is(.collections-slider__prev,.collections-slider__next) svg:hover path{fill:#fff}}.collections-slider__prev{left:-4.8rem}.collections-slider__next{right:-4.8rem}.collections-slider:hover .collections-slider__next{right:1.8rem;opacity:1}.collections-slider:hover .collections-slider__prev{left:1.8rem;opacity:1}.collections-slider .swiper-button-disabled{display:none}.collections-slider .swiper-slide{max-width:37.6rem}@media (min-width: 990px){.collections-slider{padding-block:18rem;padding-inline:7rem}.collections-slider__head{margin-block-end:6rem;flex-direction:row;justify-content:space-between;align-items:center}.collections-slider__title{font-size:42px;line-height:52.5px}.collections-slider__button{display:inline-block}.collections-slider .swiper-slide{max-width:calc(25% - 12px)}.collections-slider :is(.collections-slider__prev,.collections-slider__next){display:block}}@media (min-width: 1440px){.collections-slider{padding-inline:16rem}.collections-slider__container{max-width:160rem}}@media (max-width: 989px){.collections-slider :is(.swiper,.swiper-wrapper,.swiper-slide){display:contents}.collections-slider__body{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem 1.2rem}}@media (hover) and (pointer: fine){.collections-slider__button:hover{background-color:#000;color:#fff}}.collection-box{position:relative}.collection-box img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:1}.collection-box__content{padding-top:.8rem}.collection-box__title{font-family:ivypresto-display,sans-serif;font-size:16px;line-height:20px;font-style:italic;font-weight:300;letter-spacing:1px;text-align:center;color:#000}a.collection-box__overlay-link{position:absolute;top:0;bottom:0;left:0;right:0;display:block}.collection-box__button{display:none;margin-block-start:2.6rem;color:#fff;font-family:proxima-nova;font-size:12px;font-weight:700;line-height:12px;letter-spacing:1.2px;padding-block-end:.8rem;text-transform:uppercase;position:relative;text-decoration:none}.collection-box__button:after{content:"";bottom:0;position:absolute;width:100%;height:.1rem;background:#efdea8;left:0;transition:transform .5s cubic-bezier(.76,.08,.23,.88)}@media (hover) and (pointer: fine){.collection-box__button:hover:after{transform:scaleX(0)}}@media (min-width: 990px){.collection-box{aspect-ratio:1;position:relative;overflow:hidden}.collection-box img{height:100%}.collection-box__content{height:calc(100% + 4rem);position:absolute;top:0;width:100%;padding:1.6rem;text-align:center;background:linear-gradient(180deg,#0000 0% 40%,#0006);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:height .2s}.collection-box__title{font-size:32px;line-height:45px;color:#fff}.collection-box__button{display:block}.collection-box__overlay-link{display:none}}@media (hover) and (pointer: fine){.collection-box__content:hover{height:100%}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/collections-slider.css.map */