/* ── Secties ──────────────────────────────────────────────────────────── */
.brxe-section {
    padding-block: calc(var(--space-xl) * 1.4);
}

/* ── Secties – varianten ──────────────────────────────────────────────── */
.brxe-section.no-padding {
    padding-block: 0;
}

/* ── Spacing utility classes (sp1–sp5) ───────────────────────────────── */
/* Let op: % padding wordt altijd berekend op basis van de breedte       */
.sp1 { padding: 3.5% 15%; padding-bottom: max(3.5%, 60px); }
.sp2 { padding: 5%; padding-bottom: max(3.5%, 60px); }
.sp3 { padding: 14%; }
.sp4 { padding: 28%; }
.sp5 { padding: 35%; }
.sp6 { padding: 42%; }

/* ── Containers ───────────────────────────────────────────────────────── */
.brxe-container {
    gap: var(--space-m);
    padding-inline: var(--space-2xl);
}