/* Pizza Service homepage menu image full-fit patch v1.1.4
   Keeps the complete artwork visible: number badge, menu title and edge text.
   Loaded AFTER style.css so these rules intentionally override the old crop rules. */

.menu-card .menu-img-wrap {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: #0b0b0b !important;
}

.menu-card .menu-img-wrap > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    scale: 1 !important;
}

/* Prevent hover rules in the original stylesheet from zooming/cropping artwork. */
.menu-card:hover .menu-img-wrap > img,
.menu-card:focus-within .menu-img-wrap > img {
    transform: none !important;
    scale: 1 !important;
}

/* Ensure both featured and full-menu grids use the natural image ratio. */
.featured-grid .menu-img-wrap,
.all-grid .menu-img-wrap {
    height: auto !important;
    aspect-ratio: auto !important;
}

/* Mobile: preserve full artwork too. */
@media (max-width: 767.98px) {
    .menu-card .menu-img-wrap,
    .menu-card .menu-img-wrap > img {
        height: auto !important;
        aspect-ratio: auto !important;
    }
}