.menu-toggle { display: none; cursor: pointer; z-index: 1001; position: fixed; top: 15px; right: 15px; font-size: 24px; color: #fff; padding: 10px; } @media (max-width: 768px) { .menu-toggle { display: block !important; position: fixed; top: 15px; right: 15px; transform: none; } .navbar { width: 100%; max-width: 100vw; background-color: #000; padding: 0 15px; box-sizing: border-box; position: relative; z-index: 1000; } .nav-links { transform: translateX(100%); transition: transform 0.3s ease-in-out; position: fixed; top: 60px; right: 0; width: 70%; height: calc(100vh - 60px); background-color: var(--color-primary-bg); padding: 20px; box-sizing: border-box; z-index: 999; overflow-y: auto; display: flex; flex-direction: column; align-items: flex-start; } .nav-links.active { transform: translateX(0); } .nav-links li { margin-bottom: 15px; } .nav-links a { color: #fff; text-decoration: none; font-size: 20px; padding: 8px 12px; border-radius: 6px; transition: background 0.3s; } .nav-links a:hover, .nav-links a:focus { background-color: #111; } .telegram-icon { width: 42px; height: 42px; bottom: 90px; right: 15px; position: fixed !important; z-index: 1000 !important; border-radius: 50%; overflow: hidden; transition: none !important; } .promo, .timer-bar { position: relative; z-index: 1; } } @media (min-width: 769px) { .menu-toggle { display: none !important; } .nav-links { transform: none !important; display: flex !important; flex-direction: row !important; position: static !important; height: auto !important; background: none !important; padding-top: 0 !important; z-index: auto !important; overflow-y: visible !important; top: auto !important; right: auto !important; width: auto !important; } }ы