Products | Imtek Engineering

.lang-dropdown { position: relative; display: inline-block; } .lang-dropdown-toggle { background: #fff; border: 1px solid #ddd; padding: 8px 12px; cursor: pointer; border-radius: 4px; display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; } .lang-dropdown-toggle:hover { background: #f5f5f5; } .lang-dropdown-menu { display: none; position: absolute; top: 100%; right: 0; background: #fff; border: 1px solid #ddd; border-radius: 4px; margin-top: 0; min-width: 150px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); z-index: 1000; } .lang-dropdown:hover .lang-dropdown-menu { display: block; } .lang-dropdown-menu a { display: flex; align-items: center; gap: 8px; padding: 10px 15px; color: #333; text-decoration: none; font-size: 14px; } .lang-dropdown-menu a:hover { background: #f5f5f5; } .flag-icon { width: 20px; height: 15px; display: inline-block; } /* Mobile Menu Styles */ .mobile-nav-toggle { display: none; cursor: pointer; flex-direction: column; gap: 5px; padding: 10px; } .mobile-nav-toggle span { display: block; width: 25px; height: 3px; background: #212529; transition: 0.3s; } .mobile-menu-content { display: none; position: fixed; top: 0; left: 0; width: 80%; max-width: 300px; height: 100vh; background: #fff; box-shadow: 2px 0 10px rgba(0,0,0,0.1); z-index: 9999; overflow-y: auto; padding: 20px; } .mobile-menu-content.active { display: block; } .mobile-menu-close { font-size: 36px; text-align: right; cursor: pointer; margin-bottom: 20px; color: #212529; } .mobile-menu-content .navbar-nav { list-style: none; padding: 0; margin: 0; } .mobile-menu-content .nav-item { margin: 10px 0; } .mobile-menu-content .nav-link { color: #212529; text-decoration: none; display: block; padding: 10px 0; font-size: 16px; } .mobile-menu-content .dropdown-menu { list-style: none; padding-left: 20px; display: none; } .mobile-menu-content .dropdown-menu.show { display: block; } .mobile-menu-content .dropdown-toggle::after { content: " ▼"; font-size: 12px; } .mobile-menu-icons { margin-top: 30px; display: flex; gap: 20px; } .mobile-menu-icons a { color: #212529; font-size: 20px; position: relative; } .mobile-menu-icons .cart-count { position: absolute; top: -8px; right: -8px; background: #0f70b7; color: #fff; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 11px; } .mobile-lang-switcher { margin-top: 30px; padding-top: 20px; border-top: 1px solid #ddd; } .mobile-lang-title { font-weight: 600; margin-bottom: 15px; color: #212529; font-size: 16px; } .mobile-lang-links { display: flex; flex-direction: column; gap: 10px; } .mobile-lang-links .lang-link { display: flex; align-items: center; gap: 10px; padding: 10px; background: #f8f9fa; border-radius: 4px; text-decoration: none; color: #212529; font-size: 14px; } .mobile-lang-links .lang-link:hover { background: #e9ecef; } .mobile-lang-links .flag-icon { width: 30px; height: 20px; flex-shrink: 0; } @media (max-width: 991px) { .mobile-nav-toggle { display: flex; } } document.addEventListener('DOMContentLoaded', function() { var toggle = document.querySelector('.mobile-nav-toggle'); var menu = document.querySelector('.mobile-menu-content'); var closeBtn = document.querySelector('.mobile-menu-close'); var dropdownToggles = document.querySelectorAll('.mobile-menu-content .dropdown-toggle'); if (toggle) { toggle.addEventListener('click', function() { menu.classList.add('active'); }); } if (closeBtn) { closeBtn.addEventListener('click', function() { menu.classList.remove('active'); }); } dropdownToggles.forEach(function(toggle) { toggle.addEventListener('click', function(e) { e.preventDefault(); var dropdown = this.nextElementSibling; if (dropdown) { dropdown.classList.toggle('show'); } }); }); document.addEventListener('click', function(e) { if (!e.target.closest('.mobile-menu-content') && !e.target.closest('.mobile-nav-toggle')) { menu.classList.remove('active'); } }); });

All Industrial Products

Quick Links

Recent Articles