/* Let the catering form use the full Elementor container instead of the
   shortcode widget's previous left-aligned 1160px width. */
.catering-pricing-table.elementor-widget-shortcode {
    align-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
}

.catering-pricing-table.elementor-widget-shortcode > .elementor-shortcode,
.catering-pricing-table .ucf-shell {
    width: 100%;
    max-width: none;
    margin-inline: auto;
}

@media (min-width: 1440px) {
    .catering-pricing-table .ucf-food-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (min-width: 1900px) {
    .catering-pricing-table .ucf-food-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}