.mobile-menu {
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    position: fixed;
    transition: transform 250ms ease, visibility 250ms ease;
    transform: translateX(-100%);
    visibility: hidden;
    display: flex;
    overflow-y: auto;
}

body.menu-open {
    overflow: hidden;
}

body.menu-open .mobile-menu {
    transform: translateX(0);
    visibility: visible;
}

html { scroll-behavior: smooth; }