#card_menu .es-form-card {
    cursor: pointer;
    border: 1px solid #e6ebf1;
    border-radius: 12px;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease;
}


#card_menu .es-form-thumb {
    overflow: hidden;
    height: 10rem;
}
#card_menu .es-form-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}


#card_menu .es-form-card:hover {
    transform: translateY(-4px);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
    box-shadow: 0 10px 24px rgba(var(--bs-primary-rgb), .28);
}

#card_menu .es-form-card:hover .es-form-thumb img {
    transform: scale(1.12);
}

#card_menu .es-form-card:hover .card-title,
#card_menu .es-form-card:hover .card-text,
#card_menu .es-form-card:hover .card-text .text-muted {
    color: #fff !important;
}
#card_menu .es-form-card:hover .btn-primary {
    background-color: #fff !important;
    border-color: #fff !important;
    color: var(--bs-primary) !important;
}


#card_menu .divider .divider-text {
    font-weight: 600;
}


#card_menu .es-cat-section > div h5 {
    font-size: 1.05rem;
}


.es-div-logo {
    width: 20px; height: 20px; object-fit: cover; flex: 0 0 auto;
    border: 1px solid #e6ebf1; background: #fff;
}


#card_menu .es-cat-swiper {
    overflow: hidden;
    padding: 2px 2px 4px;
}
#card_menu .es-cat-swiper .swiper-slide {
    height: auto;           
    display: flex;
}
#card_menu .es-cat-swiper .swiper-slide .es-form-card {
    width: 100%;
}

#card_menu .es-cat-swiper .es-form-thumb {
    height: 8rem;
}


@media (max-width: 767.98px) {
    #card_menu .es-cat-swiper .es-form-thumb { height: 5.5rem; }
    #card_menu .es-cat-swiper .es-form-card { border-radius: 14px; }
    #card_menu .es-cat-swiper .card-body { padding: .55rem .6rem .6rem; }
    #card_menu .es-cat-swiper .card-title {
        font-size: .82rem; line-height: 1.25; margin-bottom: .3rem;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    }
    #card_menu .es-cat-swiper .card-text { margin-bottom: .3rem !important; }
    #card_menu .es-cat-swiper .card-text small { font-size: .68rem; }
    #card_menu .es-cat-swiper .es-div-logo { width: 15px; height: 15px; }
    #card_menu .es-cat-swiper .es-form-card .btn {
        font-size: .72rem; padding: .3rem .5rem; width: 100%; justify-content: center;
    }
    #card_menu .es-cat-swiper .es-form-card .btn i { margin-right: .3rem !important; }
}