/*=========================================================
    KKF FOOD CARD
=========================================================*/

.kk-food-card {

    position: relative;

    padding: 145px 30px 28px;

    text-align: center;

    overflow: visible;

    transition:

    transform var(--kk-transition),

    box-shadow var(--kk-transition);

}

.kk-food-card--featured {

    border: 2px solid rgba(255, 179, 0, .30);

    box-shadow:

        0 25px 55px rgba(255, 179, 0, .18);

}

/*=========================================================
    Image
=========================================================*/

.kk-food-image {

    position: absolute;

    left: 50%;

    top: -90px;

    width:min(240px,75%);

    transform: translateX(-50%);

    z-index: 5;
}

.kk-food-image img {

    width: 100%;

    height: auto;

    object-fit: contain;

    transition: transform .45s ease;

    filter: drop-shadow(0 20px 28px rgba(0, 0, 0, .22));

}

.kk-food-card:hover .kk-food-image {

    transform:
        translateY(-8px);

}

.kk-food-card:hover .kk-food-image img {

    transform: scale(1.06);

}

/*=========================================================
    Badge
=========================================================*/

.kk-food-badge {

    margin-bottom: 18px;
    font-size: 15px;

    font-weight: 600;

}

/*=========================================================
    Title
=========================================================*/

.kk-food-card h3 {

    margin: 12px 0;

    color: var(--kk-text);

    font-size: 30px;

}

/*=========================================================
    Description
=========================================================*/

.kk-food-card p {

    min-height: 70px;

    margin-bottom: 25px;

    color: var(--kk-text-light);

    font-size: 17px;

    line-height: 1.7;

}

/*=========================================================
    Price
=========================================================*/

.kk-food-price {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 28px;

    padding: 10px 24px;

    background: var(--kk-primary);

    color: var(--kk-text-white);

    border-radius: var(--kk-radius-pill);

    font-size: 28px;

    font-weight: 700;

}

/*=========================================================
    Grid
=========================================================*/

.kk-food-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 40px;

    margin-top: 35px;

}

/*=========================================================
    Responsive
=========================================================*/

@media (max-width:992px) {

    .kk-food-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media (max-width:768px) {

    .kk-food-grid {

        grid-template-columns: 1fr;

    }

    .kk-food-card {

        padding:120px 24px 28px;

    }

    .kk-food-image {

        width: 170px;

        top: -55px;

    }

    .kk-food-card h3 {

        font-size: 28px;

    }

    .kk-food-price {

        font-size: 24px;

    }

}