.whats-new-carousel{background:#fff;overflow:hidden}.whats-new-carousel__container{max-width:var(--page-width);margin:0 auto;padding:0 2rem}@media screen and (min-width:750px){.whats-new-carousel__container{padding:0 5rem}}.whats-new-carousel__heading{margin:0 0 3rem;color:#333;font-weight:600;text-align:center}.whats-new-carousel__wrapper{position:relative;overflow:hidden;margin-bottom:2rem}.whats-new-carousel__track{display:flex;gap:20px;transition:transform .3s ease}.whats-new-carousel__slide{flex:0 0 auto;width:300px;position:relative;background:#f8f8f8;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}@media screen and (min-width:750px){.whats-new-carousel__slide{width:350px}}@media screen and (min-width:990px){.whats-new-carousel__slide{width:400px}}.whats-new-carousel__slide:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.whats-new-carousel__link{text-decoration:none;color:inherit;display:block}.whats-new-carousel__image-wrapper{aspect-ratio:16/9;overflow:hidden;background:#f0f0f0}.whats-new-carousel__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.whats-new-carousel__slide:hover .whats-new-carousel__image{transform:scale(1.05)}.whats-new-carousel__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.whats-new-carousel__placeholder .placeholder-svg{width:60%;height:60%;fill:#ccc}.whats-new-carousel__caption{padding:1.5rem;font-size:1.4rem;font-weight:500;color:#333;text-align:center}.whats-new-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:none;background:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.whats-new-carousel__nav:hover{background:#fff;box-shadow:0 6px 16px #0003;transform:translateY(-50%) scale(1.1)}.whats-new-carousel__nav--prev{left:-25px}.whats-new-carousel__nav--next{right:-25px}@media screen and (max-width:749px){.whats-new-carousel__nav--prev{left:10px}.whats-new-carousel__nav--next{right:10px}}.whats-new-carousel__nav-icon{width:24px;height:24px;color:#333}.whats-new-carousel__dots{display:flex;justify-content:center;gap:12px;margin-top:2rem}.whats-new-carousel__dot{width:12px;height:12px;border:none;border-radius:50%;background:#ccc;cursor:pointer;transition:all .3s ease}.whats-new-carousel__dot--active,.whats-new-carousel__dot:hover{background:rgb(var(--brand-color));transform:scale(1.2)}.whats-new-carousel__empty{text-align:center;padding:4rem 0;color:#666;font-size:1.4rem}.whats-new-carousel__description{text-align:center;font-size:1.4rem;line-height:1.6;color:#555;max-width:600px;margin:2rem auto 0}.whats-new-carousel__description p{margin:0 0 1rem}.whats-new-carousel__description p:last-child{margin-bottom:0}@media screen and (max-width:749px){.whats-new-carousel__slide{width:280px}.whats-new-carousel__heading{margin-bottom:2rem;font-size:2rem}.whats-new-carousel__caption{padding:1rem;font-size:1.3rem}.whats-new-carousel__nav{width:40px;height:40px}.whats-new-carousel__nav-icon{width:20px;height:20px}.whats-new-carousel__description{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/145/assets/section-whats-new-carousel.css.map */