/** Mobile-first page-width and section-spacing primitives. */

.oz-container,
.oz-container--narrow,
.oz-container--wide {
	margin-inline: auto;
	width: min(var(--oz-container-normal), calc(100% - (2 * var(--oz-container-padding))));
}

.oz-container--narrow { width: min(var(--oz-container-narrow), calc(100% - (2 * var(--oz-container-padding)))); }
.oz-container--wide { width: min(var(--oz-container-wide), calc(100% - (2 * var(--oz-container-padding)))); }
.oz-section { margin-block: 0; }

@media (min-width: 48rem) {
	.oz-grid { display: grid; gap: var(--oz-grid-gap); }
}

@media (min-width: 64rem) {
	.oz-section--split { display: grid; gap: var(--oz-space-2xl); grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/*
 * Safari 17: in Elementor-grids met minmax(0, 1fr)-kolommen rekende Safari de rijhoogte uit met een verkeerde breedte,
 * waardoor kaarten (zeker met afbeeldingen) ver buiten hun sectie liepen en de volgende sectie overlapten (09-10-2026).
 * Rijen op inhoudshoogte houden lost dat op; in Chrome en Firefox verandert er niets.
 */
.e-con:is(.oz-home-grid, .oz-editorial__grid) { grid-auto-rows: min-content; }