/* Normalize product images without changing template grid behavior. */
.pricing-area .single-pricing a.pricing-thumb,
.product-card .card-image,
.pricing-card .product-image,
.product-image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background-color: #f6f6f6;
}

.pricing-area .single-pricing .pricing-thumb img,
.product-card .card-image img,
.pricing-card .product-image img,
.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.product-image.bg-img,
.product-card .card-image.bg-img,
.pricing-card .product-image.bg-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pricing-area .single-pricing > a:not(.pricing-thumb):not(.main-btn) span,
.product-card .title,
.product-card .content h3,
.product-card .content h6,
.pricing-card .product-title {
    min-height: 2.7em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pricing-area .single-pricing p,
.product-card .content p,
.product-card .summary,
.pricing-card .product-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.food-menu-area .food-menu-items .single-menu-item .menu-thumb {
    width: 120px;
    height: 120px;
    overflow: hidden;
    background-color: #f6f6f6;
}

.food-menu-area .food-menu-items .single-menu-item .menu-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.food-menu-area .food-menu-items .single-menu-item .menu-content {
    min-width: 0;
}

.food-menu-area .food-menu-items .single-menu-item .menu-content a.title,
.food-menu-area .food-menu-items .single-menu-item .menu-content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.food-menu-area .food-menu-items .single-menu-item .menu-content a.title {
    -webkit-line-clamp: 1;
}

.food-menu-area .food-menu-items .single-menu-item .menu-content p {
    -webkit-line-clamp: 2;
}

@media (max-width: 991px) {
    .food-menu-area .food-menu-items .single-menu-item .menu-thumb {
        width: 110px;
        height: 110px;
    }
}

@media (max-width: 767px) {
    .food-menu-area .food-menu-items .single-menu-item .menu-thumb {
        width: min(100%, 260px);
        height: auto;
        aspect-ratio: 1 / 1;
        margin-inline: auto;
    }
}