header{background:rgba(18,18,18,.98);backdrop-filter:blur(15px);color:#fff;padding:40px 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 4px 30px rgba(0,0,0,.15);transition:all .6s cubic-bezier(.4, 0, .2, 1);opacity:1;transform:translateY(0);border-bottom:1px solid rgba(255,255,255,.1)}header.hidden{opacity:0;transform:translateY(-100%);pointer-events:none}header.scrolled{background:rgba(18,18,18,.98);padding:15px 0;box-shadow:0 8px 32px rgba(0,0,0,.2)}header .header-container{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%}.logo-container{display:flex;align-items:center;padding-left:75px}.logo{height:40px;width:auto;filter:drop-shadow(0 0 8px rgba(255, 255, 255, .2));transition:filter .3s ease}.logo:hover{filter:drop-shadow(0 0 12px rgba(255, 255, 255, .3))}nav{position:absolute;right:75px}nav ul{list-style:none;display:flex;gap:50px;margin:0;padding:0}.nav-link{color:rgba(255,255,255,.9);text-decoration:none;font-weight:500;font-size:1.05rem;position:relative;padding:8px 0;transition:all .3s ease;letter-spacing:.3px}.nav-link span{position:relative;z-index:1}.nav-link::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#007bff,#00bfff);transform:scaleX(0);transform-origin:right;transition:transform .3s ease;box-shadow:0 0 10px rgba(0,123,255,.5)}.nav-link:hover{color:#fff}.nav-link:hover::before{transform:scaleX(1);transform-origin:left}.menu-toggle{display:none;cursor:pointer;width:30px;height:22px;position:relative;z-index:1001}.menu-toggle span,.menu-toggle::after,.menu-toggle::before{content:"";background-color:#fff;height:2px;position:absolute;width:100%;left:0;transition:.3s ease-in-out;border-radius:2px}.menu-toggle span{top:50%;transform:translateY(-50%)}.menu-toggle::before{top:0}.menu-toggle::after{bottom:0}.menu-toggle.open::before{transform:rotate(45deg);top:50%}.menu-toggle.open::after{transform:rotate(-45deg);bottom:50%}.menu-toggle.open span{opacity:0}.nav-item.dropdown{position:relative}.nav-item.dropdown>.nav-link{padding:8px 0}.dropdown-toggle::after{content:'▾';margin-left:5px;transition:transform .3s ease}.dropdown-menu{visibility:hidden;opacity:0;position:absolute;background:rgba(24,24,24,.98);backdrop-filter:blur(15px);list-style:none;padding:12px;border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.25);z-index:1000;border:1px solid rgba(255,255,255,.1);min-width:180px;transition:visibility 0s,opacity .2s;pointer-events:none;top:100%;right:auto;left:0;margin-top:0;direction:rtl;display:flex;flex-direction:column;gap:8px}.dropdown-menu>li{position:relative;padding-right:0;display:flex;flex-direction:column;width:100%}.dropdown-header{display:flex;align-items:center;width:100%}.nav-item.dropdown>.nav-link::before{content:'';position:absolute;bottom:-20px;left:0;right:0;height:20px}.dropdown-menu::before{content:'';position:absolute;top:-20px;left:0;right:0;height:20px}.nav-item.dropdown:hover>.dropdown-menu{visibility:visible;opacity:1;pointer-events:auto}.dropdown-item{position:relative;margin:2px 0;padding:0}.dropdown-item::after{content:'';position:absolute;top:0;right:-20px;width:20px;height:100%}.dropdown-link{color:rgba(255,255,255,.85);text-decoration:none;display:flex;align-items:center;padding:8px 15px;transition:all .2s ease;position:relative;border-radius:8px;font-weight:500;font-size:.95rem;white-space:nowrap;margin:0;flex-direction:row-reverse;justify-content:flex-start;gap:8px;width:100%}.dropdown-item{margin:0;padding:0;position:relative;width:100%}.dropdown-link:hover{color:#fff;background:rgba(255,255,255,.1)}.dropdown-link[data-category]{margin-bottom:0}.dropdown-link[data-category]::after{content:'▼';font-size:.7em;opacity:.7;transition:transform .2s ease;display:inline-block}.dropdown-item:hover>.dropdown-link[data-category]::before{opacity:1}.sub-dropdown-menu{display:none;opacity:0;position:absolute;background:rgba(24,24,24,.98);list-style:none;padding:8px;margin:0;min-width:180px;transition:visibility 0s,opacity .2s;pointer-events:none;top:0;right:auto;left:100%;margin-left:8px;margin-right:0;border-radius:8px;direction:ltr;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 30px rgba(0,0,0,.25)}.dropdown-item:hover>.sub-dropdown-menu{display:block;opacity:1;pointer-events:auto}.dropdown-item.active>.sub-dropdown-menu{visibility:visible;opacity:1;pointer-events:auto}.sub-dropdown-link{color:rgba(255,255,255,.8);text-decoration:none;display:flex;align-items:center;padding:6px 12px;transition:all .3s ease;border-radius:6px;position:relative;font-size:.9rem;margin:2px 0;color:rgba(255,255,255,.8);text-decoration:none;display:flex;align-items:center;padding:6px 12px;transition:all .3s ease;border-radius:6px;position:relative;font-size:.9rem;margin:2px 0}.tree-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.4);margin-left:8px;transition:all .2s ease;position:relative}.tree-dot::before{content:'';position:absolute;right:2px;top:50%;width:12px;height:1px;background:rgba(255,255,255,.1);transform:translateY(-50%)}.dropdown-item:last-child>.sub-dropdown-menu{border-right-color:transparent}.sub-dropdown-menu>li:last-child>.sub-dropdown-link::after{display:none}.sub-dropdown-link:hover .tree-dot{background:rgba(255,255,255,.9);box-shadow:0 0 5px rgba(255,255,255,.4)}.sub-dropdown-link:hover::before{background:rgba(255,255,255,.9);box-shadow:0 0 5px rgba(255,255,255,.4)}.dropdown-link:hover,.sub-dropdown-link:hover{background:rgba(255,255,255,.1);color:#fff}.dropdown-toggle::after{content:none}.dropdown-item.open>.dropdown-toggle::after{content:' ▲'}.dropdown-link::after{display:none}#lithium-products,#sla-products{display:none}.back-button,.menu-toggle,.mobile-menu,.mobile-nav,.mobile-nav-container,.mobile-nav-slide,.slide-header{display:none}@media (max-width:768px){header{padding:15px 0;background:rgba(18,18,18,.95)}.logo-container{padding-left:15px}.logo{height:30px}.menu-toggle{display:block;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:1001;background:0 0;border:none;padding:0;width:30px;height:22px;cursor:pointer}.desktop-nav{display:none}.mobile-nav{display:block;position:fixed;top:0;right:-100%;width:100%;height:100vh;background:rgba(18,18,18,.98);backdrop-filter:blur(15px);transition:.4s cubic-bezier(.4, 0, .2, 1);z-index:1000;overflow:hidden}.mobile-nav.active{right:0}.mobile-nav-container{display:flex;position:relative;width:300%;height:100%;flex-direction:row;transition:transform .3s ease-in-out}.mobile-nav-slide{display:flex;width:33.333%;height:100%;min-height:100vh;flex-direction:column;align-items:center;position:relative;flex-shrink:0}#main-menu .mobile-menu{padding-top:0}#categories-menu .mobile-menu,#lithium-products .mobile-menu,#sla-products .mobile-menu{padding-top:80px}.mobile-nav-container.show-categories{transform:translateX(-33.333%)}.mobile-nav-container.show-products{transform:translateX(-66.666%)}.slide-header{display:flex;position:absolute;top:0;left:0;right:0;align-items:center;padding:20px;background:rgba(18,18,18,.95);backdrop-filter:blur(10px);z-index:1;border-bottom:1px solid rgba(255,255,255,.1)}.back-button{display:block;background:0 0;border:none;color:#fff;font-size:24px;padding:10px;cursor:pointer;transition:transform .3s ease}.back-button:hover{transform:translateX(-5px)}.slide-title{font-size:20px;font-weight:500;color:#fff;margin-left:15px}.mobile-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;min-height:100vh;width:100%;padding:80px 20px}.menu-item{color:rgba(255,255,255,.9);text-decoration:none;font-size:24px;padding:10px;display:block;transition:all .3s ease;text-align:center;width:100%}.menu-item:hover{color:#fff}.mobile-nav-slide{scrollbar-width:none;-ms-overflow-style:none}.mobile-nav-slide::-webkit-scrollbar{display:none}}