.hamburger { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 38px; height: 38px; background: transparent; border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; cursor: pointer; padding: 8px; transition: all 0.2s; flex-shrink: 0; }
.hamburger:hover { border-color: #C4A052; }
.hamburger span { display: block; width: 100%; height: 2px; background: #A0A0A0; border-radius: 2px; transition: all 0.3s ease; }
.hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-nav { display: none; position: fixed; top: 70px; left: 0; right: 0; bottom: 0; background: #141414; border-top: 1px solid rgba(255,255,255,0.08); z-index: 999; overflow-y: auto; padding: 16px; flex-direction: column; gap: 2px; }
.mobile-nav.open { display: flex; }
.mobile-nav .nav-link { height: auto; padding: 14px 16px; border-radius: 4px; border-bottom: none; width: 100%; font-size: 0.95rem; }
.mobile-nav .nav-link.active { background: rgba(196,160,82,0.15); color: #C4A052; }
.mobile-nav-section { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #666; padding: 18px 16px 6px; }
.mobile-nav-divider { height: 1px; background: rgba(255,255,255,0.08); margin: 8px 0; }
@media (max-width: 1200px) { .nav-link { padding: 0 12px; font-size: 0.82rem; } }
@media (max-width: 1024px) { .nav-link { padding: 0 10px; font-size: 0.78rem; } .navbar-inner { padding: 0 24px; } }
@media (max-width: 768px) { .nav-links { display: none !important; } .hamburger { display: flex; } .theme-toggle-nav { display: none; } .navbar-inner { padding: 0 24px; } .nav-user { padding-left: 12px; margin-left: auto; } }
@media (max-width: 480px) { .navbar-inner { padding: 0 16px; height: 60px; } .logo-text { font-size: 1.2rem; } .mobile-nav { top: 60px; } .mc-nav-btn { display: none; } }