.cards-slider-outr-wrp {
    width: 100%;
    overflow: hidden;
    padding-left: 4vw;
    padding-right: 0;
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
}

.crd-sld-hdr-wrp {
    width: 100%;
}

.crd-sld-shrt {
    width: 100%;
    max-width: none;
}

.card-sld-viewport {
    width: 100%;
    overflow: hidden;
}

.card-sld {
    width: 100%;
    overflow: visible;
}

.card-sld-track {
    align-items: stretch;
}

.card-sld-card {
    display: flex;
    flex-direction: column;
    width: min(500px, 82vw);
    max-width: 500px;
    height: auto;
}

.card-sld-img-wrp {
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    margin-bottom: var(--space-xs);
    border-radius: 6px;
}

.card-sld-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-sld-title{
    margin-bottom: calc(0.7 * var(--space-xs));
    font-size: calc(1.05 * var(--typo-h3-fs));
}

.crd-sld-title{
    font-size: var(--typo-h2-fs);
    margin-bottom: var(--space-m);
}

.card-sld-text{
    max-width: 90%;
}

.card-sld-subtitle{
    margin-bottom: var(--space-s);
}

.card-sld-cont {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.card-sld-btn-wrp {
    margin-top: auto;
}

.card-sld-btn{
    padding: 2px 16px 3px 16px;
    border: 3px solid var(--module-button-border);
}

.card-sld-prev-icon {
    background-image: url("../img/arrow-left.svg");
}

.card-sld-next-icon {
    background-image: url("../img/arrow-right.svg");
}

.card-sld-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--space-xs);
    width: 100vw;
    margin-top: var(--space-m);
    margin-left: calc(50% - 50vw);
    padding-right: 4vw;
}

.card-sld-nav {
    display: none;
}

.card-sld.card-sld-has-overflow .card-sld-nav {
    display: flex;
}

.card-sld:not(.card-sld-has-overflow) {
    cursor: default;
}

.card-sld.card-sld-has-overflow {
    cursor: grab;
}

.card-sld-prev,
.card-sld-next {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.card-sld-prev-icon,
.card-sld-next-icon {
    display: block;
    width: 32px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.card-sld-img {
    transition: filter 0.45s ease, transform 0.45s ease;
}

.card-sld-card:has(.spt-btn:hover) .card-sld-img,
.card-sld-card:has(.spt-btn:focus-visible) .card-sld-img {
    filter: blur(10px);
    transform: scale(1.03);
}