.spacer-block {
    display: block;
    width: 100%;
}

.spacer-small {
    height: 30px;
}

.spacer-medium {
    height: 60px;
}

.spacer-large {
    height: 90px;
}

.spacer-xlarge {
    height: 120px;
}

/* Responsive : espaces réduits sur mobile */
@media (max-width: 768px) {
    .spacer-small {
        height: 20px;
    }
    
    .spacer-medium {
        height: 40px;
    }
    
    .spacer-large {
        height: 60px;
    }
    
    .spacer-xlarge {
        height: 80px;
    }
}