/*
 * MOBILE-ONLY, RUNTIME-SCOPED FIX.
 * JS adds this class only to a large, actual menu drawer. It intentionally
 * does not change position, z-index, width, height, transform, colors,
 * typography, spacing, or any desktop styling.
 */
@media (max-width: 1024px) {
    .wwph-correct-mobile-drawer {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-y: contain !important;
        touch-action: pan-y !important;
        scrollbar-width: thin;
    }

    /* A little reachable bottom breathing room without altering the visible
       design geometry of the contact card itself. */
    .wwph-correct-mobile-drawer::after {
        content: "";
        display: block;
        width: 100%;
        height: max(20px, env(safe-area-inset-bottom));
        flex: 0 0 auto;
        pointer-events: none;
    }
}