/* Wide-screen ladder. Loaded LAST so these :root steps win over theme.css.
   The container steps up and the type grows with it; grids gain columns instead of
   stretching their cards. */

@media (min-width: 1600px) {
	:root {
		--container: 1360px;
		--sec-y: clamp(5.5rem, 5.2vw, 7rem);
	}
	html { font-size: 17px; }
	body .elementor .elementor-section.elementor-section-boxed > .elementor-container { max-width: var(--container); }
}

@media (min-width: 2000px) {
	:root {
		--container: 1560px;
		--sec-y: 7.5rem;
	}
	html { font-size: 18px; }
	/* Six dishes and six reviews: three columns keep the rows even at any width. */
	.mc-today { width: min(100%, 460px); }
	body .elementor .mc-hero > .elementor-container { gap: 6rem; }
	body .elementor .mc-prose p { max-width: min(68ch, 100%); }
	.mc-menu-cat__items { gap: 0.35rem 5rem; }
}

@media (min-width: 2400px) {
	:root { --container: 1760px; }
	html { font-size: 20px; }
}

@media (min-width: 2800px) {
	:root { --container: 1960px; }
	html { font-size: 22px; }
}