.collection-carousel{--collection-primary: #ff6600;--collection-background: hsl(220, 10%, 8%);--collection-border: hsl(220, 10%, 25%);--collection-text: #fafafa;--collection-text-muted: hsl(220, 10%, 65%);position:relative;width:100%;padding:96px 0;background-color:var(--collection-background);overflow:hidden}.collection-carousel__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;padding:0 40px}.collection-carousel__heading{font-family:var(--heading-font-family);font-size:clamp(4rem,5vw,4.5rem);line-height:1;text-transform:uppercase;color:var(--collection-text);margin:0;line-height:75%}.collection-carousel__heading span{color:var(--collection-primary)}.collection-carousel__nav{display:flex;gap:8px}.collection-carousel__nav-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:2px solid var(--collection-border);color:var(--collection-text-muted);cursor:pointer;transition:all .3s ease}.collection-carousel__nav-btn:hover{border-color:var(--collection-primary);color:var(--collection-primary)}.collection-carousel__nav-btn svg{width:24px;height:24px}.collection-carousel .swiper{width:100%;padding:0 40px}.collection-carousel .swiper-wrapper{display:flex}.collection-carousel__item{flex:0 0 auto;width:calc(33.333% - 16px);min-width:300px;position:relative;aspect-ratio:4 / 5;overflow:hidden;border:2px solid var(--collection-border);transition:border-color .3s ease}.collection-carousel__item:hover{border-color:var(--collection-primary)}.collection-carousel__card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.collection-carousel__card-link:hover{color:inherit}.collection-carousel__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:all .7s ease}.collection-carousel__item:hover .collection-carousel__image{filter:grayscale(0%);transform:scale(1.1)}.collection-carousel__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.2) 50%,transparent 100%)}.collection-carousel__content{position:absolute;bottom:0;left:0;width:100%;padding:32px;transform:translateY(16px);transition:transform .5s ease}.collection-carousel__item:hover .collection-carousel__content{transform:translateY(0)}.collection-carousel__count{font-family:var(--heading-font-family);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--collection-primary);margin-bottom:8px;display:block}.collection-carousel__title{font-family:var(--heading-font-family);font-size:2.25rem;letter-spacing:.05em;text-transform:uppercase;color:var(--collection-text);margin:0 0 4px;line-height:1}.collection-carousel__link{display:inline-flex;align-items:center;gap:8px;font-family:var(--heading-font-family);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--collection-text);text-decoration:none;transition:color .3s ease}.collection-carousel__link:hover{color:var(--collection-primary)}.collection-carousel__link svg{width:16px;height:16px;transition:transform .3s ease}.collection-carousel__link:hover svg{transform:translate(4px)}@media screen and (max-width:1024px){.collection-carousel__item{width:calc(50% - 16px)}.collection-carousel__heading{text-align:center;margin:auto}.collection-carousel__nav{margin:auto}}@media screen and (max-width:768px){.collection-carousel{padding:64px 0}.collection-carousel__header{flex-direction:column;align-items:flex-start;gap:24px;padding:0 20px}.collection-carousel .swiper{padding:0 20px}.collection-carousel__item{width:100%;min-width:280px}.collection-carousel__title{font-size:1.5rem}}.collection-carousel--light{--collection-background: #f5f5f5;--collection-text: #1a1a1a;--collection-text-muted: #666666;--collection-border: #e0e0e0}.collection-carousel--bordered{border-top:1px solid var(--collection-border)}
/*# sourceMappingURL=/cdn/shop/t/61/assets/collection-carousel.css.map */