﻿/* Screenshot-matched shared navigation, independent of Elementor menu plugins. */
.hf-header{position:relative;z-index:100;background:#001628;font-family:Poppins,sans-serif;color:#f4f5f8}.hf-header a{color:inherit;text-decoration:none}.hf-utility{border-bottom:1px solid #ffffff45;min-height:clamp(23px,1.58vw,30px);display:flex;align-items:center}.hf-utility-inner{width:calc(100% - 6.2vw);margin:auto;display:flex;align-items:center;justify-content:flex-end;gap:clamp(25px,3.6vw,70px);font-size:clamp(11px,.88vw,16px);line-height:1.25}.hf-lithium{background:#0083ff;border-radius:30px;width:clamp(200px,16vw,302px);text-align:center;font-weight:500;padding:2px 8px}.hf-innovation{color:#ffe000!important;display:flex;gap:15px;align-items:center}.hf-innovation span{color:#fff;font-size:22px}.hf-nav{display:flex;align-items:center;padding:0 3.1vw;min-height:clamp(46px,3.5vw,66px)}.hf-logo{flex-shrink:0;width:clamp(112px,8.85vw,170px);display:block}.hf-logo img{display:block;width:100%;height:auto}#hf-main-menu{flex:1;min-width:0;margin-left:clamp(35px,3.7vw,72px);max-width:1380px}.hf-nav-list{display:flex;justify-content:space-between;align-items:stretch;list-style:none;margin:0;padding:0;gap:16px}.hf-nav-item{position:relative;margin:0;padding:0;display:flex;align-items:center}.hf-nav-item-row{display:flex;align-items:center;gap:8px;min-height:clamp(46px,3.5vw,66px);white-space:nowrap}.hf-nav-link{font-size:clamp(12px,.95vw,18px);font-weight:400;padding:10px 0}.hf-nav-link[aria-current=page],.hf-nav-item:hover>.hf-nav-item-row,.hf-nav-item.hf-expanded>.hf-nav-item-row{color:#00bceF}.hf-mega-toggle{border:0;background:none!important;color:inherit;padding:10px 3px;box-shadow:none;line-height:1;cursor:pointer}.hf-mega-toggle span{display:block;width:10px;height:10px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-3px)}.hf-mega{position:absolute;left:var(--mega-offset,0px);top:100%;width:clamp(690px,53vw,1014px);max-width:calc(100vw - 30px);background:#fff;border-radius:22px;display:none;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:clamp(20px,1.6vw,30px) clamp(24px,2vw,40px);gap:20px;box-shadow:0 10px 25px #00142815;z-index:110;color:#444}.hf-expanded>.hf-mega{display:grid}.hf-mega-card{display:flex;flex-direction:column;align-items:center;gap:20px;color:#444!important;text-align:center;font-size:clamp(15px,1.12vw,21px);line-height:1.3}.hf-mega-card img{width:100%;height:clamp(135px,10.5vw,200px);object-fit:contain;transition:transform .18s}.hf-mega-card:hover img{transform:translateY(-4px)}.hf-mega-person img{display:block;margin:auto;width:100%;height:clamp(160px,12vw,230px);object-fit:contain}.hf-nav-toggle{display:none}.hf-header button:focus-visible,.hf-header a:focus-visible{outline:2px solid #00bcef;outline-offset:4px}@media(max-width:1024px){.hf-nav{min-height:68px;justify-content:space-between;padding:12px 22px}.hf-logo{width:145px}.hf-utility-inner{font-size:11px;gap:20px;justify-content:center;flex-wrap:wrap;padding:5px 0}.hf-innovation{display:none}.hf-lithium{width:auto;padding-inline:20px}.hf-nav-toggle{display:grid;gap:5px;background:none!important;border:1px solid #ffffff50;padding:10px;border-radius:4px}.hf-nav-toggle span{display:block;width:23px;height:2px;background:white}#hf-main-menu{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:#001628;padding:10px 22px 24px;max-height:calc(100dvh - 115px);overflow:auto}.hf-nav-open #hf-main-menu{display:block}.hf-nav-list{display:block}.hf-nav-item{display:block;border-bottom:1px solid #ffffff20}.hf-nav-item-row{justify-content:space-between;min-height:46px}.hf-nav-link{font-size:15px;flex:1}.hf-mega{position:static;width:100%;max-width:none;grid-template-columns:1fr 1fr;padding:18px;border-radius:12px;margin-bottom:15px}.hf-mega-person{display:none}.hf-mega-card{font-size:14px;gap:10px}.hf-mega-card img{height:130px}}@media(max-width:500px){.hf-utility-inner{gap:8px 16px;font-size:10px}.hf-lithium{width:100%;max-width:240px}.hf-utility-inner a:not(.hf-lithium){white-space:nowrap}.hf-mega-card img{height:105px}}@media(prefers-reduced-motion:reduce){.hf-mega-card img{transition:none}}
