.cardmenu--swiper {
    margin-left: -.75rem;
    margin-right: -.75rem;
    padding-left: .75rem;
    padding-right: .75rem
}

@media(min-width:576px) {
    .cardmenu--swiper {
        margin-left: calc((100vw - var(--container-width))/-2);
        margin-right: calc((100vw - var(--container-width))/-2);
        padding-left: calc((100vw - var(--container-width))/2);
        padding-right: calc((100vw - var(--container-width))/2)
    }
}

@media(min-width:992px) {
    .cardmenu--swiper {
        margin: 0;
        padding: 0
    }
}

.cardmenu--swiper>.container {
    position: relative
}

.cardmenu--swiper .swiper-slide {
    align-items: stretch;
    display: flex;
    height: auto
}

.cardmenu--swiper .swiper-wrapper {
    margin-bottom: 3rem
}

@media(min-width:992px) {
    .cardmenu--swiper--mobile .swiper-wrapper {
        display: grid;
        grid-gap: 1.5rem;
        gap: 1.5rem;
        grid-template-columns: repeat(3, 1fr);
        list-style: none;
        margin: 0;
        padding: 0
    }
}

@media(min-width:1400px) {
    .cardmenu--swiper--mobile .swiper-wrapper {
        grid-template-columns: repeat(4, 1fr)
    }
}

.cardmenu--swiper--mobile .cardmenu__spacer {
    display: none
}

@media(min-width:992px) {
    .cardmenu--swiper--mobile .cardmenu__spacer {
        border-bottom: 1px solid hsla(0, 0%, 8%, .063);
        display: block;
        grid-column: 1/-1;
        margin-bottom: .75rem;
        padding-top: .75rem
    }
}

.cardmenu--grid {
    display: grid;
    grid-gap: .75rem;
    gap: .75rem;
    grid-template-columns: 1fr;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width:576px) {
    .cardmenu--grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:992px) {
    .cardmenu--grid {
        gap: 1.5rem;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width:1400px) {
    .cardmenu--grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.cardmenu--grid .cardmenu__spacer {
    border-bottom: 1px solid hsla(0, 0%, 8%, .063);
    grid-column: 1/-1;
    margin-bottom: .75rem;
    padding-top: .75rem
}

.cardmenu--grid-wide {
    display: grid;
    grid-gap: .75rem;
    gap: .75rem;
    grid-template-columns: 1fr;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width:768px) {
    .cardmenu--grid-wide {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:1200px) {
    .cardmenu--grid-wide {
        gap: 1.5rem
    }
}

@media(min-width:1400px) {
    .cardmenu--grid-wide {
        grid-template-columns: repeat(3, 1fr)
    }
}

.cardmenu--grid-wide .cardmenu__spacer {
    border-bottom: 1px solid hsla(0, 0%, 8%, .063);
    grid-column: 1/-1;
    margin-bottom: .75rem;
    padding-top: .75rem
}