/* Mobile Touch Optimization */
@media (max-width: 767px) {
    html,
    body,
    .main-content {
        touch-action: pan-y;
    }
}

/* Prevent horizontal overflow and overscroll effects */
html,
body {
    overflow-x: hidden;
    max-width: 100%;
    overscroll-behavior-y: contain;
}