.card-slider{--cs-overlay: .3;--cs-text: #ffffff;--cs-gap: 32px;--cs-per-view: 3;padding:0 24px}.card-slider--per-2{--cs-per-view: 2}.card-slider--per-3{--cs-per-view: 3}.card-slider--per-4{--cs-per-view: 4}.card-slider__title{margin:0 0 28px;text-align:center}.card-slider__viewport{position:relative}.card-slider__track{display:flex;gap:var(--cs-gap);margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.card-slider__track::-webkit-scrollbar{display:none}.card-slider__item{flex:0 0 calc((100% - (var(--cs-per-view) - 1) * var(--cs-gap)) / var(--cs-per-view));scroll-snap-align:start}.card-slider__card{position:relative;aspect-ratio:4 / 5;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.card-slider__image,.card-slider__card .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.card-slider__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,var(--cs-overlay))}.card-slider__content{position:relative;z-index:2;max-width:380px;padding:32px;text-align:center;color:var(--cs-text)}.card-slider__heading{margin:0;font-size:1.75rem;line-height:1.2;color:inherit}.card-slider__rule{display:block;width:40px;height:2px;margin:16px auto 20px;background:currentColor;opacity:.9}.card-slider__text{margin-bottom:28px;font-size:1rem;line-height:1.9;color:inherit}.card-slider__text p{margin:0}.card-slider__content .button.button--secondary{margin:0;font-size:2.4rem;padding:.8rem 1.3rem}.card-slider__content .button.button--secondary .pointer-icon{width:2.1rem;margin-left:.8rem}.card-slider__dots{display:flex;justify-content:center;gap:10px;margin-top:24px}.card-slider__dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#0003;cursor:pointer;transition:background .2s}.card-slider__dot.is-active{background:#000000bf}@media screen and (max-width:989px){.card-slider{--cs-per-view: 2;--cs-gap: 20px}}@media screen and (max-width:749px){.card-slider{--cs-per-view: 1.15;--cs-gap: 16px;padding:0 16px}.card-slider__content{padding:24px}.card-slider__heading{font-size:1.5rem}.card-slider__text{margin-bottom:22px;font-size:.95rem;line-height:1.7}.card-slider__content .button.button--secondary{font-size:2.1rem;padding:.7rem 1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-card-slider.css.map */