.fancy-carousel {

    --f-carousel-gap: 10px;
    --f-carousel-theme-color: var(--color-primary);
    --f-progressbar-color: var(--color-primary);


    .price__container {
        color: var(--color-primary);
    }

    .f-carousel__slide {

        background: #fff;
        padding: 1rem;

        width: calc(100% / 3);
        border-radius: var(--border-radius);

        a {
            color: var(--color-darker);
            display: flex;
            flex-direction: column;
            gap: 1rem;
            text-decoration: none;
            height: 100%;

            >div:first-child {
                flex-grow: 0;
            }

            .f-carousel__slide_text {
                flex-grow: 1;
                font-size: 1.25rem;
                line-height: 1.4em;
            }
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    @media (min-width: 0) {
        .f-carousel__slide {
            width: calc(100% / 2);
        }
    }

    @media (min-width: 576px) {
        .f-carousel__slide {
            width: calc(100% / 3);
        }
    }

    @media (min-width: 768px) {
        .f-carousel__slide {
            width: calc(100% / 5);
        }

        .f-carousel__slide_text {
            font-size: 1rem !important;
        }
    }

    @media (min-width: 992px) {
        .f-carousel__slide {
            width: calc(100% / 6);
        }
    }

    @media (min-width: 1200px) {
        .f-carousel__slide {
            width: calc(100% / 6);
        }
    }

    @media (min-width: 1400px) {
        .f-carousel__slide {
            width: calc(100% / 7);
        }
    }

    @media (min-width: 1600px) {
        .f-carousel__slide {
            width: calc(100% / 7);
        }
    }
}