@media (max-width: 768px) {
    body {
        overflow: hidden;
    }
    
    .main-body-wrapper {
        overflow-y: scroll;
        scroll-snap-type: y mandatory;
        max-height: calc(100vh - 4.5rem - 60px);
        scroll-behavior: smooth;
    }
    
    .snap-point {
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .snap-point-end {
        scroll-snap-align: end;
        scroll-snap-stop: always;
    }
}