.featured-carousel-wrapper{width:100%;background:#1f1f21;padding:64px 0 120px}.featured-carousel-section{width:100%;max-width:1600px;margin:0 auto;background:none;padding:0 48px}.carousel{width:100%}.carousel__container{display:flex;gap:16px;position:relative;width:100%;border-radius:32px}.carousel__slides{flex:1;position:relative;overflow:hidden;border-radius:16px}.carousel__slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease;display:flex;flex-direction:column;gap:24px}.carousel__slide.active{opacity:1}.carousel__slide-image{width:100%;height:100%;object-fit:cover}.carousel__slide-title{color:#fff}.carousel__slide-subtitle{color:#ccc}.carousel__gradient-overlay{position:absolute;top:0;bottom:0;width:40%;pointer-events:none;z-index:1}.carousel__slide[data-gradient=left] .carousel__gradient-overlay{left:0;background:linear-gradient(to right,rgba(0,0,0,.5),transparent)}.carousel__slide[data-gradient=right] .carousel__gradient-overlay{right:0;background:linear-gradient(to left,rgba(0,0,0,.5),transparent)}.carousel__cta{display:inline-block;padding:8px 32px;background-color:#efd103;color:#1f1f21;text-decoration:none;border-radius:32px;font-weight:700;font-size:18px;transition:background-color .3s ease}.carousel__cta:hover{background-color:#fff}.carousel__thumbs{display:flex;flex-direction:column;justify-content:space-between;padding:4px;gap:8px;width:300px;background-color:#333;border-radius:16px}.carousel__thumb{display:flex;align-items:center;gap:0px;padding:0;border:none;background:none;cursor:pointer;opacity:.8;transition:opacity .3s ease}.carousel__thumb:hover,.carousel__thumb.active{opacity:1}.carousel__thumb-image{width:80px;height:80px;border-radius:4px;overflow:hidden}.carousel__thumb-image img{width:100%;height:100%;object-fit:cover}.carousel__thumb-text{color:#ccc;font-size:14px;transition:color .3s ease}.carousel__thumb:hover .carousel__thumb-text,.carousel__thumb.active .carousel__thumb-text{color:#fff}@media screen and (max-width:960px){.featured-carousel-wrapper{width:100%;background:#1f1f21;padding:0}.featured-carousel-section{width:100%;padding:0 8px}.carousel__container{height:420px;flex-direction:column}.carousel__slide{gap:16px}.carousel__slide-title{color:#f0f0f0}.carousel__slide-subtitle{color:#d0d0d0}.carousel__thumbs{width:100%;gap:4px;flex-direction:row;justify-content:center}.carousel__thumb-image{width:60px;height:60px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/featured-carousel.css.map */