.mobile-menu{


position:fixed;

top:0;

left:-320px;

width:300px;

height:100vh;

overflow-y:auto;

transition:.3s;

z-index:1050;

background:var(--card-bg);


}

.mobile-menu.show{


left:0;


}

.mobile-menu-overlay{


position:fixed;

inset:0;

display:none;

z-index:1040;


}

.mobile-menu-overlay.show{


display:block;


}

.mobile-menu-header{


padding:20px;


}

.mobile-menu-body{


padding:20px;


}

.mobile-menu-body ul{


margin:0;

padding:0;

list-style:none;


}

.mobile-menu-body li{


margin-bottom:10px;


}

.mobile-menu-body a{


display:flex;

align-items:center;

gap:12px;

padding:12px;

border-radius:10px;

color:var(--text);


}

.mobile-menu-footer{


padding:20px;


}