@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
.main-header{z-index:1000;background:#fff;width:100%;padding:10px;transition:all .3s;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.navbar-custom{padding:7px 0}.navbar-brand img{transition:all .3s}.nav-links{align-items:center;gap:16px;display:flex}.nav-link-wrapper{position:relative}.nav-link-wrapper .nav-link{color:#4b5563;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-link-wrapper .nav-link:hover{color:#3b82f6;background:#3b82f60d}.nav-link-wrapper .nav-link.active{color:#3b82f6;font-weight:600}.nav-link-wrapper .nav-link .dropdown-arrow{width:10px;height:6px;transition:transform .3s}.nav-link-wrapper:hover .dropdown-arrow{transform:rotate(180deg)}.mega-menu-dropdown{z-index:1050;animation:.2s fadeInDown;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.mega-menu-container{background:#fff;border-radius:12px;min-width:700px;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000001f}.mega-menu-left{background:#f9fafb;border-right:1px solid #e5e7eb;width:280px;padding:12px}.mega-menu-category{color:#374151;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mega-menu-category .arrow{opacity:0;color:#9ca3af;transition:opacity .2s}.mega-menu-category:hover{color:#1f2937;background:#e5e7eb}.mega-menu-category:hover .arrow{opacity:1}.mega-menu-category.active{color:#fff;background:#3b82f6;font-weight:600}.mega-menu-category.active .arrow{opacity:1;color:#fff}.mega-menu-right{background:#fff;flex:1;max-height:400px;padding:20px;overflow-y:auto}.mega-menu-product-item{color:#4b5563;border-radius:6px;margin-bottom:2px;padding:10px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mega-menu-product-item:hover{color:#3b82f6;background:#eff6ff;text-decoration:none;transform:translate(4px)}.more-menu{position:relative}.more-menu-btn{color:#4b5563;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:all .2s;display:flex}.more-menu-btn:hover{color:#3b82f6;background:#3b82f60d}.more-menu-btn .dropdown-arrow{width:10px;height:6px;transition:transform .3s}.more-menu-btn .dropdown-arrow.rotated{transform:rotate(180deg)}.more-dropdown{z-index:1050;background:#fff;border-radius:8px;flex-direction:column;min-width:200px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000001f}.more-dropdown.show{animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.more-dropdown-item{color:#4b5563;border-radius:6px;padding:10px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.more-dropdown-item:hover{color:#3b82f6;background:#eff6ff}.button-quote{margin-left:16px}@media (max-width:991px){.navbar-custom{padding:12px 0}.navbar-brand img{width:160px!important;height:auto!important}.navbar-toggler{border:1px solid #e5e7eb;padding:8px 10px}.navbar-toggler:focus{box-shadow:none}.navbar-collapse{background:#fff;border-radius:12px;margin-top:16px;padding:16px;box-shadow:0 4px 12px #00000014}.nav-links{flex-direction:column;gap:0;width:100%}.nav-link-wrapper{width:100%}.nav-link-wrapper .nav-link{border-radius:8px;justify-content:space-between;width:100%;padding:12px 16px}.mega-menu-dropdown.mobile{width:100%;margin-top:8px;animation:.3s slideDown;position:static;transform:none}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.mobile-accordion{background:#f9fafb;border-radius:8px;width:100%;overflow:hidden}.mobile-category-section{border-bottom:1px solid #e5e7eb}.mobile-category-section:last-child{border-bottom:none}.mobile-category-header{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.mobile-category-header:hover{background:#e5e7eb}.mobile-category-header.expanded{color:#3b82f6;background:#eff6ff}.mobile-category-header svg{width:10px;height:6px;transition:transform .3s}.mobile-category-header.expanded svg{transform:rotate(180deg)}.mobile-products-list{background:#fff;padding:8px 0}.mobile-product-item{color:#4b5563;padding:10px 16px 10px 32px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-product-item:hover{color:#3b82f6;background:#eff6ff;padding-left:36px}.more-menu-btn{justify-content:space-between;width:100%}.more-dropdown{box-shadow:none;background:#f9fafb;margin-top:8px;position:relative;top:0;right:0}.button-quote{width:100%;margin-top:16px;margin-left:0}.button-quote button{width:100%}}@media (max-width:576px){.navbar-brand img{width:150px!important}}.mega-menu-right::-webkit-scrollbar{width:6px}.mega-menu-right::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.mega-menu-right::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.mega-menu-right::-webkit-scrollbar-thumb:hover{background:#9ca3af}