.card-slider{position:relative}.card-slider__header{margin-bottom:2.5rem}.card-slider__title{margin:0 0 .5rem}.card-slider__description{margin:0;opacity:.8}.card-slider__container{display:block;position:relative}.card-slider__container .swiper{overflow:hidden;padding:.5rem;margin:-.5rem}.card-slider__card{display:flex;flex-direction:column;height:100%;background:var(--card-bg, #fff);color:var(--card-text, #121212);border:var(--card-border-width, 1px) solid var(--card-border-color, #e5e5e5);border-radius:var(--card-border-radius, 8px);box-shadow:var(--card-shadow, 0 1px 3px rgba(0,0,0,.1));overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card-slider__card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.card-slider__image-wrapper{position:relative;overflow:hidden;aspect-ratio:var(--image-ratio, 4 / 3);background:rgba(var(--color-foreground),.05)}.card-slider__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-slider__card:hover .card-slider__image{transform:scale(1.05)}.card-slider__placeholder{width:100%;height:100%;fill:rgba(var(--color-foreground),.1)}.card-slider__content{display:flex;flex-direction:column;flex-grow:1;padding:1.25rem;gap:.75rem}.card-slider__card-title{margin:0;line-height:1.3}.card-slider__card-title a{color:inherit;text-decoration:none}.card-slider__card-title a:hover{text-decoration:underline}.card-slider__card-description{margin:0;font-size:.9em;opacity:.85}.card-slider__card-description p{margin:0}.card-slider__spacer{flex-grow:1}.card-slider__button{display:inline-block;align-self:flex-start;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;text-align:center;border-radius:4px;cursor:pointer;transition:all .15s ease;min-height:auto!important;height:auto!important;width:auto}.card-slider__button--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none}.card-slider__button--primary:hover{background:rgba(var(--color-button),.85)}.card-slider__button--secondary{background:transparent;color:rgb(var(--color-button));border:1px solid rgb(var(--color-button))}.card-slider__button--secondary:hover{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.card-slider__button--tertiary{background:transparent;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.2)}.card-slider__button--tertiary:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.4)}.card-slider__navigation{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;z-index:10;transform:translateY(-50%);padding:0 .5rem}.card-slider__nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.1);border-radius:50%;cursor:pointer;pointer-events:auto;transition:all .15s ease;box-shadow:0 2px 8px #0000001a}.card-slider__nav-btn:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:scale(1.05)}.card-slider__nav-btn:disabled,.card-slider__nav-btn.swiper-button-disabled{opacity:.3;cursor:not-allowed;transform:none}.card-slider__nav-btn svg{width:20px;height:20px}.card-slider__container .swiper-pagination{position:relative;margin-top:1.5rem;display:flex;justify-content:center;gap:8px}.card-slider__container .swiper-pagination-bullet{width:10px;height:10px;background:rgba(var(--color-foreground),.2);border-radius:50%;opacity:1;cursor:pointer;transition:all .2s ease}.card-slider__container .swiper-pagination-bullet-active{background:rgb(var(--color-foreground));transform:scale(1.2)}@media(max-width:989px){.card-slider__navigation{display:none}}@media(max-width:749px){.card-slider__header{margin-bottom:1.5rem}.card-slider__content{padding:1rem}.card-slider__container .swiper-pagination{margin-top:1rem}}.card-slider__container .swiper-slide{height:auto}.card-slider__container .swiper-wrapper{align-items:stretch}.card-slider__card-title.h3{font-size:1.5rem}.card-slider__card-title.h4{font-size:1.25rem}.card-slider__card-title.h5{font-size:1.1rem}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-card-slider.css.map */