/* Navigation Drawer */
.nav-overlay{
position:fixed;inset:0;
background:rgba(0,0,0,.35);
opacity:0;visibility:hidden;
transition:.25s;
z-index:9998;
}
.nav-overlay.active{opacity:1;visibility:visible;}

.nav-drawer{
position:fixed;
top:0;left:0;
width:min(340px,86vw);
height:100vh;
background:#fff;
transform:translateX(-100%);
transition:transform .28s ease;
z-index:9999;
overflow-y:auto;
padding:1.5rem;
}

.nav-drawer.active{transform:translateX(0);}

.drawer-close{
background:none;border:none;
font-size:1.4rem;
cursor:pointer;
margin-bottom:1rem;
}

.nav-drawer h3{
margin:.25rem 0 1rem;
font-size:1.1rem;
}

.nav-drawer ul{
list-style:none;
padding:0;margin:0;
}

.nav-drawer li{
border-bottom:1px solid #ececec;
}

.nav-drawer a{
display:block;
padding:.9rem 0;
text-decoration:none;
color:#1f2937;
}

body.drawer-open{
overflow:hidden;
}