.popular {
    .f-carousel {
        display: flex;
        flex-direction: row;
        gap: 1rem;

        --f-carousel-slide-height: 100%;

        --f-carousel-gap: 10px;
        --f-carousel-slide-width: calc(100% / 5);

        height: 255px;
    }

    .f-carousel__slide {
        height: 255px;
    }

    .f-carousel__slide > a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .f-carousel__slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}