/* Container that holds the sections */
.snapping-wrapper {
    height: calc(100vh - 150px);
    overflow-y: scroll;
    scroll-snap-type: y proximity;
    scroll-behavior: smooth;
}

/* Ensure the container uses flex to keep content centered regardless of height */
.snap-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: calc(100vh - 150px);
    flex-shrink: 0;    /* PREVENTS OVERLAPPING: stops sections from squishing */
    scroll-snap-align: start;
    scroll-snap-stop: always;
    position: relative;
    background-color: var(--bg-page); /* Ensures sections aren't transparent */
    scroll-margin-top: auto;
}

@media (max-width: 576px) {
    .snapping-wrapper {
        height: calc(100vh - 130px) !important;
    }
    .snap-section {
        min-height: calc(100vh - 130px);
    }
}