.promo-carousel{padding:40px 0 48px}.promo-carousel__inner{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 20px}.promo-carousel__title{text-align:center;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;margin:0 0 28px}.promo-carousel__track-wrap{position:relative;display:flex;align-items:center;gap:8px}.promo-carousel__viewport{overflow:hidden;flex:1;min-width:0}.promo-carousel__track{display:flex;gap:16px;list-style:none;margin:0;padding:0;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.promo-carousel__slide{flex:0 0 calc((100% - (var(--cards-visible, 5) - 1) * 16px) / var(--cards-visible, 5));min-width:0}.promo-carousel__card{display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden;position:relative;text-decoration:none;width:100%;transition:opacity .2s}.promo-carousel__card:hover{opacity:.88}.promo-carousel__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040}.promo-carousel__label{position:relative;z-index:1;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:800;line-height:1.15;text-align:center;padding:20px 14px;letter-spacing:-.01em}.promo-carousel__btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#00000014;border:none;cursor:pointer;color:inherit;transition:background .2s;z-index:2}.promo-carousel__btn:hover{background:#0000002e}.promo-carousel__btn svg{width:20px;height:20px}.promo-carousel__btn:disabled{opacity:.3;cursor:default}.promo-carousel__dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.promo-carousel__dot{width:10px;height:10px;border-radius:50%;border:none;background:#0003;cursor:pointer;padding:0;transition:background .2s}.promo-carousel__dot.is-active{background:#0000008c}@media(max-width:768px){.promo-carousel__slide{flex-basis:calc((100% - 16px)/2)}.promo-carousel__btn{display:none}.promo-carousel__track{scroll-snap-type:x mandatory;overflow-x:auto;-webkit-overflow-scrolling:touch}.promo-carousel__slide{scroll-snap-align:start}}@media(max-width:480px){.promo-carousel__slide{flex-basis:80%}}
/*# sourceMappingURL=/cdn/shop/t/93/compiled_assets/styles.css.map */