.spacer-block {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    height: var(--desktop-height, 48px);
}

/* Ensure full width even when inside containers */
.wp-block-acf-spacer,
.wp-block[data-type="acf/spacer"],
[data-type="acf/spacer"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 768px) {
    .spacer-block {
        height: var(--mobile-height, 24px);
    }
}