/* Explain: Layout utilities for spacing, responsive padding, and sticky footer clearance. */
.section-pad {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (min-width: 768px) {
    .section-pad {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

/* Reserve space so the fixed mobile ticket bar never covers footer content */
@media (max-width: 1023px) {
    body {
        padding-bottom: 6.5rem;
    }
}

.wave-edge {
    display: block;
    width: 100%;
    height: 48px;
}

@media (min-width: 768px) {
    .wave-edge {
        height: 80px;
    }
}