/* === Spacing Utilities === */

/* Horizontale padding voor alle spacing-klassen */
.sp-xl, .sp-m, .sp-s {
    padding-left: 15px;
    padding-right: 15px;
}

/* Spacing S (klein) */
.sp-s {
    margin-bottom: 32px;
}
@media (min-width: 768px) {
    .sp-s {
        margin-bottom: 48px;
    }
}
@media (min-width: 1025px) {
    .sp-s {
        margin-bottom: 64px;
    }
}

/* Spacing M (gemiddeld) */
.sp-m {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .sp-m {
        margin-bottom: 60px;
    }
}
@media (min-width: 1025px) {
    .sp-m {
        margin-bottom: 100px;
    }
}

/* Spacing XL (groot) */
.sp-xl {
    margin-bottom: 60px;
}
@media (min-width: 768px) {
    .sp-xl {
        margin-bottom: 80px;
    }
}
@media (min-width: 1025px) {
    .sp-xl {
        margin-bottom: 140px;
    }
}

/* Verwijdert horizontale padding voor full-width secties */
.full {
    padding-left: 0 !important;
    padding-right: 0 !important;
}