/* Safari 11 fallback: keep dining scene cards measurable without aspect-ratio. */
@media screen and (max-width: 820px) {
    html body .dining-scenes .dining-scenes__grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    html body .dining-scenes .dining-scenes__grid > article {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 300px !important;
        min-height: 300px !important;
        margin: 0 !important;
    }
}

@media screen and (max-width: 390px) {
    html body .dining-scenes .dining-scenes__grid > article {
        height: 250px !important;
        min-height: 250px !important;
    }
}