/* Mobile drawer nav - erba.pro */
.nav-desktop{display:flex;gap:clamp(8px,2vw,20px);align-items:center}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.nav-hamburger span{display:block;width:22px;height:2px;background:#1a1a1a;border-radius:2px;transition:all 0.3s}
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:998}
.nav-overlay.open{display:block}
.nav-drawer{position:fixed;top:0;left:0;height:100%;width:260px;background:#fff;z-index:999;transform:translateX(-100%);transition:transform 0.3s ease;display:flex;flex-direction:column;box-shadow:2px 0 16px rgba(0,0,0,0.08)}
.nav-drawer.open{transform:translateX(0)}
.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}
.nav-drawer-close{background:none;border:none;font-size:22px;cursor:pointer;color:#666;line-height:1}
.nav-drawer-links{display:flex;flex-direction:column;padding:12px 0;flex:1}
.nav-drawer-links a{font-size:15px;color:#444;text-decoration:none;padding:13px 24px;border-left:3px solid transparent;transition:all 0.15s;font-weight:500;display:block}
.nav-drawer-links a:hover{background:#f5f5f3;color:#1a1a1a}
.nav-drawer-links a.active{color:#1D9E75;border-left-color:#1D9E75;background:#f0faf6}
.nav-drawer-links a.nav-wiki{color:#1D9E75;font-weight:600}
.nav-drawer-footer{padding:20px;border-top:1px solid #eee;display:flex;flex-direction:column;gap:10px}
.nav-btn-signin{font-size:14px;font-weight:600;color:#666;text-align:center;padding:10px;border:1px solid #e5e5e3;border-radius:8px;cursor:pointer;background:none;width:100%}
.nav-btn-signup{font-size:14px;font-weight:600;color:#fff;background:#1D9E75;border:none;border-radius:8px;padding:11px;cursor:pointer;width:100%}
@media(max-width:768px){
  .nav-desktop{display:none!important}
  .nav-hamburger{display:flex!important}
  #navBtn{display:none!important}
}