.hamburger-menu { position: relative; margin-left: auto; }
.hamburger-toggle { display: none; background: none; border: none; cursor: pointer; padding: 8px; z-index: 1001; position: relative; }
.hamburger-line { display: block; width: 25px; height: 3px; background: #fff; margin: 5px 0; transition: 0.3s; transform-origin: center; }
.hamburger-toggle.active .hamburger-line:nth-child(1) { transform: rotate(45deg) translate(6px, 6px); }
.hamburger-toggle.active .hamburger-line:nth-child(2) { opacity: 0; }
.hamburger-toggle.active .hamburger-line:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }
.nav-mobile { position: absolute; top: 100%; right: 0; background: #333; min-width: 200px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-radius: 4px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 1000; display: none; }
.nav-mobile.active { opacity: 1; visibility: visible; transform: translateY(0); display: block; }
.nav-mobile ul { list-style: none; margin: 0; padding: 0; }
.nav-mobile li { border-bottom: 1px solid #444; }
.nav-mobile li:last-child { border-bottom: none; }
.nav-mobile a { display: block; padding: 12px 16px; color: #fff; text-decoration: none; transition: background-color 0.2s; }
.nav-mobile a:hover { background-color: #007BFF; }
@media (max-width: 768px) { .nav-desktop { display: none; } .hamburger-toggle { display: block; } }
@media (min-width: 769px) { .hamburger-menu { display: none; } }