/* =====================
Fixed Header
===================== */



.custom-header nav a{

margin:0 20px;

}


.custom-header{

position:fixed;

--header-theme-color:#0066cc;

align-items:center;

top:0;

left:0;

width:100%;

z-index:9999;
/*height:90px;*/

background:transparent;

box-shadow:0 3px 16px rgba(7,27,61,.10);

padding:20px 80px;
transition:all .3s ease;


}


/* 内部布局 */

/* =====================
Header Container
===================== */


.header-container{


max-width:1300px;

height:90px;

margin:0 auto;

padding:0 60px;


display:flex;

align-items:center;

justify-content:space-between;

}



/* Logo */


.header-logo img{

width:180px;
flex:0 0 auto;
}



/* =====================
Menu Center
===================== */


.main-menu{

flex:1;

display:flex;

justify-content:center;

}



.nav-list{

display:flex;

gap:45px;

align-items:center;

list-style:none;

margin:0;

padding:0;

}



.nav-list li{

list-style:none;
/*padding-bottom:25px;*/
}





/* =====================
Right Actions
===================== */


.header-actions{


flex:0 0 auto;

display:flex;

align-items:center;

gap:16px;


}



.language-switcher{


color:white;

font-size:15px;

cursor:pointer;

display:inline-flex;

align-items:center;

gap:7px;

min-height:36px;

line-height:1;

white-space:nowrap;

}


.language-switcher img.emoji{

width:16px;

height:16px;

margin:0;

}







/* Logo */

.logo img{

width:180px;

transition:.3s;

}



/* =====================
Menu
===================== */


.nav-list{

display:flex;

align-items:center;

gap:35px;

list-style:none;

margin:0;

padding:0;

}



.nav-list li{

position:relative;

list-style:none;

}



.nav-list a{

/*color:white;*/

text-decoration:none;

font-size:16px;

font-weight:500;

}

.home .nav-list a{

color:white;

}
body:not(.home) .custom-header{

background:white;

}


body:not(.home) .nav-list a{

color:#222;

}
body:not(.home) .language-switcher{
    color:#222;
}
/* Mega Menu */


.nav-list > li.menu-item-has-children{

position:relative;

}

.nav-list > li.menu-item-has-children::after{

content:"";
position:absolute;
left:0;
right:0;
top:100%;
height:36px;

}

.mega-menu-panel{

--mega-intro:240px;
--mega-categories:320px;

position:fixed;
top:112px;
left:50%;
width:min(1400px, calc(100vw - 96px));
min-height:340px;
max-height:calc(100vh - 150px);
padding:0;
display:grid;
grid-template-columns:var(--mega-intro) var(--mega-categories) minmax(0,1fr);
gap:0;

background:white;
border-top:3px solid var(--header-theme-color);
box-shadow:0 24px 70px rgba(12,26,44,.22);
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translate(-50%, 10px);
transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
overflow:hidden;

}

.mega-menu-panel--applications,
.mega-menu-panel--company,
.mega-menu-panel--resources{

grid-template-columns:260px minmax(0,1fr);

}



.nav-list > li:hover > .mega-menu-panel,
.nav-list > li:focus-within > .mega-menu-panel,
.nav-list > li.mega-open > .mega-menu-panel{

opacity:1;
visibility:visible;
pointer-events:auto;
transform:translate(-50%, 0);

}

.mega-menu-intro{

padding:34px 28px;
display:flex;
flex-direction:column;
align-items:flex-start;
background:#f5f7fb;
border-right:1px solid #e7edf5;

}

.mega-menu-kicker{

display:block;
margin-bottom:14px;
color:var(--header-theme-color);
font-size:28px;
font-weight:700;
line-height:1.12;

}

.mega-menu-intro p{

margin:0 0 24px;
color:#4a5565;
font-size:15px;
line-height:1.55;

}

.mega-menu-view-all{

display:inline-flex;
align-items:center;
gap:8px;
margin:0 !important;
margin-top:auto !important;
padding:0;
border:0;
border-radius:0;
color:var(--header-theme-color) !important;
font-size:14px;
font-weight:700;
text-decoration:none;
transition:color .2s ease, transform .2s ease;

}

.mega-menu-view-all:hover{

background:transparent;
color:var(--header-theme-color) !important;
transform:translateX(3px);

}

.mega-menu-view-all::after{

content:"↗";
font-size:13px;

}

.mega-menu-categories{

position:static;
display:block;
margin:0;
padding:0;
min-width:0;
list-style:none;
background:transparent;
box-shadow:none;

}

.mega-menu-panel--products .mega-menu-categories{

padding:16px 0;
border-right:1px solid #e7edf5;

}

.mega-menu-categories > li{

position:static;
padding:0;
list-style:none;

}

.mega-menu-categories > li > a{

display:flex;
align-items:center;
justify-content:space-between;
margin:0 !important;
padding:18px 24px;
border-radius:0;
color:#243044 !important;
font-size:15px;
font-weight:600;
text-decoration:none;
transition:background .2s ease, color .2s ease;

}

.mega-menu-categories > li > a::after{

content:"";
width:8px;
height:8px;
border-top:2px solid currentColor;
border-right:2px solid currentColor;
transform:rotate(45deg);
opacity:.45;

}

.mega-menu-categories > li:hover > a,
.mega-menu-categories > li:focus-within > a,
.mega-menu-categories > li.is-active > a{

background:rgba(0,102,204,.08);
color:var(--header-theme-color) !important;

}

.mega-menu-panel--products .mega-menu-categories > li > .sub-menu{

position:absolute;
top:0;
right:0;
bottom:0;
left:calc(var(--mega-intro) + var(--mega-categories));
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
align-content:start;
gap:0 28px;
margin:0;
padding:82px 34px 34px;
list-style:none;
background:white;
box-shadow:none;
opacity:0;
visibility:hidden;
pointer-events:none;
overflow:auto;
transition:opacity .18s ease, visibility .18s ease;

}

.mega-menu-panel--products .mega-menu-categories > li > .sub-menu::before{

content:attr(data-menu-title);
position:absolute;
top:34px;
left:34px;
right:34px;
padding-bottom:18px;
border-bottom:1px solid #dfe6ef;
color:#1e2633;
font-size:24px;
font-weight:700;

}

.mega-menu-panel:not(.mega-menu-panel--products) .mega-menu-categories > li > .sub-menu{

display:none;

}

.mega-menu-panel--products .mega-menu-categories > li:hover > .sub-menu,
.mega-menu-panel--products .mega-menu-categories > li:focus-within > .sub-menu,
.mega-menu-panel--products .mega-menu-categories > li.is-active > .sub-menu{

opacity:1;
visibility:visible;
pointer-events:auto;

}

.mega-menu-panel--products .mega-menu-categories > li > .sub-menu li{

padding:0;
list-style:none;

}

.mega-menu-panel--products .mega-menu-categories > li > .sub-menu a{

display:block;
margin:0 !important;
padding:14px 22px 14px 0;
border-bottom:1px solid #e7edf5;
color:#3c4658 !important;
font-size:14px;
font-weight:500;
line-height:1.45;
text-decoration:none;
transition:color .2s ease, transform .2s ease;

}

.mega-menu-panel--products .mega-menu-categories > li > .sub-menu a:hover,
.mega-menu-panel--products .mega-menu-categories > li > .sub-menu a:focus{

color:var(--header-theme-color) !important;
transform:translateX(3px);

}

.mega-menu-categories > li:not(.menu-item-has-children) > a::after{

display:none;

}

.mega-menu-panel--applications .mega-menu-categories,
.mega-menu-panel--company .mega-menu-categories,
.mega-menu-panel--resources .mega-menu-categories{

display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
padding:20px 24px;

}

.mega-menu-panel--company .mega-menu-categories{

grid-template-columns:repeat(4, minmax(0,1fr));

}

.mega-menu-panel--applications .mega-menu-categories > li,
.mega-menu-panel--company .mega-menu-categories > li,
.mega-menu-panel--resources .mega-menu-categories > li{

min-height:130px;
border-right:1px solid #e7edf5;
border-bottom:1px solid #e7edf5;

}

.mega-menu-panel--applications .mega-menu-categories > li:nth-child(3n),
.mega-menu-panel--resources .mega-menu-categories > li:nth-child(3n),
.mega-menu-panel--company .mega-menu-categories > li:nth-child(4n){

border-right:0;

}

.mega-menu-panel--applications .mega-menu-categories > li > a,
.mega-menu-panel--company .mega-menu-categories > li > a,
.mega-menu-panel--resources .mega-menu-categories > li > a{

height:100%;
align-items:flex-start;
padding:34px 44px 28px;
background:transparent;
color:#202632 !important;
line-height:1.35;

}

.mega-menu-panel--applications .mega-menu-categories > li > a:hover,
.mega-menu-panel--applications .mega-menu-categories > li > a:focus,
.mega-menu-panel--company .mega-menu-categories > li > a:hover,
.mega-menu-panel--company .mega-menu-categories > li > a:focus,
.mega-menu-panel--resources .mega-menu-categories > li > a:hover,
.mega-menu-panel--resources .mega-menu-categories > li > a:focus{

background:rgba(0,102,204,.06);
color:var(--header-theme-color) !important;

}

.mega-menu-panel--company .mega-menu-categories{

counter-reset:company-menu;

}

.mega-menu-panel--company .mega-menu-categories > li{

counter-increment:company-menu;

}

.mega-menu-panel--company .mega-menu-categories > li > a{

position:relative;
padding-top:56px;

}

.mega-menu-panel--company .mega-menu-categories > li > a::before{

content:counter(company-menu, decimal-leading-zero);
position:absolute;
top:24px;
left:44px;
color:var(--header-theme-color);
font-size:13px;
font-weight:700;

}

@media (max-width:1024px){

.mega-menu-panel{

position:absolute;
top:100%;
left:0;
width:min(92vw, 720px);
min-height:0;
max-height:calc(100vh - 120px);
padding:24px;
grid-template-columns:1fr;
gap:18px;
overflow:auto;
transform:translateY(10px);

}

.nav-list > li:hover > .mega-menu-panel,
.nav-list > li:focus-within > .mega-menu-panel,
.nav-list > li.mega-open > .mega-menu-panel{

transform:translateY(0);

}

.mega-menu-intro{

padding-right:0;
padding-bottom:18px;
border-right:0;
border-bottom:1px solid #e7edf5;

}

.mega-menu-panel--products .mega-menu-categories > li > .sub-menu{

position:static;
display:none;
grid-template-columns:1fr;
margin:8px 0 14px 12px;
padding:0 0 0 14px;
border-left:1px solid #e7edf5;
opacity:1;
visibility:visible;
pointer-events:auto;
overflow:visible;

}

.mega-menu-panel--products .mega-menu-categories > li:hover > .sub-menu,
.mega-menu-panel--products .mega-menu-categories > li:focus-within > .sub-menu,
.mega-menu-panel--products .mega-menu-categories > li.is-active > .sub-menu{

display:grid;

}

.mega-menu-panel--applications .mega-menu-categories,
.mega-menu-panel--company .mega-menu-categories,
.mega-menu-panel--resources .mega-menu-categories{

grid-template-columns:1fr;
padding:0;

}

.mega-menu-panel--applications .mega-menu-categories > li,
.mega-menu-panel--company .mega-menu-categories > li,
.mega-menu-panel--resources .mega-menu-categories > li{

min-height:0;
border-right:0;

}

.mega-menu-panel--applications .mega-menu-categories > li > a,
.mega-menu-panel--company .mega-menu-categories > li > a,
.mega-menu-panel--resources .mega-menu-categories > li > a{

padding:20px 24px;

}

}

/* =====================
按钮
===================== */


.quote-btn{

    background: #0066cc;
    color: white !important;
    padding: 8px 20px;
    border-radius: 50px;
    text-decoration: none;
}



/* =====================
滚动后的状态
===================== */


.custom-header.scrolled{

background:white;

box-shadow:0 3px 15px rgba(0,0,0,.1);

}



.custom-header.scrolled .nav-list a{

color:#222;

}

.custom-header.scrolled .language-switcher{

color:#222;

}

.custom-header.scrolled .logo img{

width:160px;

}
.nav-list > li > a{

position:relative;

}



.nav-list > li.current-menu-item > a::after,
.nav-list > li.current-menu-ancestor > a::after{


content:"";

position:absolute;


bottom:-8px;


left:50%;


transform:translateX(-50%);


width:25px;


height:3px;


background:#0066cc;


}
.nav-list > li > a:hover{

color:#0066cc;

}
.nav-list > li > a{

transition:color .3s ease;

}

.home .custom-header:not(.scrolled)
.header-logo img{


filter:
brightness(1.25)
contrast(1.15)
saturate(1.35);


transition:.3s ease;


}
.custom-header.scrolled 
.header-logo img{


filter:none;


}
.hero-overlay{ animation:heroFade .8s ease; } @keyframes heroFade{ from{ opacity:0; transform:translateX(-40px); } to{ opacity:1; transform:translateX(0); } }

/* Header and mega-menu refinement */
.custom-header{
padding:14px 48px;
}

.header-container{
max-width:1440px;
height:76px;
padding:0 32px;
}

.custom-header nav a{
margin:0;
}

.nav-list{
gap:30px;
}

.nav-list a{
font-size:15px;
font-weight:650;
line-height:1;
}

.nav-list > li.menu-item-has-children > a{
display:inline-flex;
align-items:center;
gap:8px;
}

.nav-list > li.menu-item-has-children > a::before{
content:"";
order:2;
width:7px;
height:7px;
margin-top:-3px;
border-right:1.5px solid currentColor;
border-bottom:1.5px solid currentColor;
transform:rotate(45deg);
transition:transform .2s ease, color .2s ease, margin .2s ease;
}

.nav-list > li.menu-item-has-children:focus-within > a,
.nav-list > li.menu-item-has-children.mega-open > a{
color:var(--header-theme-color) !important;
}

.nav-list > li.menu-item-has-children:focus-within > a::before,
.nav-list > li.menu-item-has-children.mega-open > a::before{
margin-top:3px;
transform:rotate(225deg);
}

.mega-menu-panel{
--mega-intro:224px;
}

.mega-menu-panel--applications,
.mega-menu-panel--company,
.mega-menu-panel--resources{
grid-template-columns:240px minmax(0,1fr);
}

.mega-menu-intro{
padding:28px 24px;
}

.mega-menu-kicker{
margin-bottom:10px;
font-size:22px;
line-height:1.2;
}

.mega-menu-intro p{
margin:0 0 20px;
font-size:13px;
line-height:1.5;
}

.mega-menu-view-all{
padding:10px 15px;
border:1px solid var(--header-theme-color);
border-radius:999px;
font-size:13px;
}

.mega-menu-view-all:hover{
background:var(--header-theme-color);
color:white !important;
transform:translateY(-1px);
}

.mega-menu-panel--products .mega-menu-categories > li > a{
justify-content:flex-start;
gap:13px;
cursor:pointer;
}

.mega-menu-panel--products .mega-menu-categories > li > a::after{
margin-left:auto;
}

.mega-menu-category-icon{
position:relative;
display:inline-flex;
flex:0 0 22px;
width:22px;
height:22px;
align-items:center;
justify-content:center;
border:1.5px solid currentColor;
border-radius:5px;
color:#526174;
}

.mega-menu-category-icon::before,
.mega-menu-category-icon::after{
content:"";
position:absolute;
background:currentColor;
}

.mega-menu-category-icon--bolt::before{
width:7px;
height:12px;
clip-path:polygon(55% 0,100% 0,67% 43%,91% 43%,25% 100%,42% 56%,15% 56%);
}

.mega-menu-category-icon--switch::before,
.mega-menu-category-icon--relay::before,
.mega-menu-category-icon--power::before{
width:12px;
height:2px;
box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor;
}

.mega-menu-category-icon--motor::before{
width:8px;
height:8px;
border:2px solid currentColor;
border-radius:50%;
background:transparent;
}

.mega-menu-category-icon--solar::before{
width:9px;
height:9px;
border:1.5px solid currentColor;
border-radius:50%;
background:transparent;
}

.mega-menu-category-icon--solar::after{
width:14px;
height:1px;
transform:rotate(45deg);
}

.mega-menu-category-icon--wiring::before{
width:11px;
height:7px;
border-top:1.5px solid currentColor;
border-bottom:1.5px solid currentColor;
background:transparent;
}

.mega-menu-category-icon--box::before,
.mega-menu-category-icon--grid::before{
width:10px;
height:8px;
border:1.5px solid currentColor;
background:transparent;
}

.mega-menu-category-icon--grid::after{
width:1.5px;
height:10px;
box-shadow:4px 0 0 currentColor,-4px 0 0 currentColor;
}

.mega-menu-categories > li:hover .mega-menu-category-icon,
.mega-menu-categories > li:focus-within .mega-menu-category-icon,
.mega-menu-categories > li.is-active .mega-menu-category-icon{
color:var(--header-theme-color);
}

@media (max-width:1024px){
.custom-header{
padding:12px 20px;
}

.header-container{
height:68px;
padding:0;
}
}

/* Reference-aligned mega-menu proportions */
@media (min-width:1025px){
.custom-header{
padding:12px 52px;
}

.header-container{
height:60px;
max-width:1200px;
padding:0;
}

.nav-list{
gap:60px;
height:60px;
}

.main-menu{
justify-content:flex-end;
margin-right:24px;
}

.nav-list{
gap:32px;
}

.main-menu,
.header-logo,
.header-actions,
.nav-list > li{
align-items:center;
}

.nav-list > li > a{
display:inline-flex;
align-items:center;
height:36px;
min-height:36px;
font-size:17px;
font-weight:650;
}

.nav-list > li.menu-item-has-children > a{
cursor:pointer;
}

.mega-menu-panel{
top:84px;
}
}

.mega-menu-panel{
--mega-intro:280px;
--mega-categories:320px;
min-height:352px;
box-shadow:0 18px 50px rgba(18,35,55,.18);
}

.mega-menu-panel--applications,
.mega-menu-panel--company,
.mega-menu-panel--resources{
grid-template-columns:260px minmax(0,1fr);
}

.mega-menu-intro{
padding:60px 50px 40px;
background:#f4f6fa;
}

.mega-menu-kicker{
margin-bottom:14px;
font-size:24px;
line-height:1.15;
white-space:nowrap;
}

.mega-menu-intro p{
margin-bottom:26px;
font-size:13px;
line-height:1.55;
}

.mega-menu-view-all{
padding:9px 14px;
font-size:12px;
font-weight:700;
}

.mega-menu-panel--products .mega-menu-categories{
padding:10px 0;
}

.mega-menu-categories > li > a{
padding:17px 26px;
font-size:14px;
font-weight:650;
}

.mega-menu-panel--products .mega-menu-categories > li > a{
gap:16px;
}

.mega-menu-category-icon{
width:28px;
height:28px;
flex-basis:28px;
border:0;
border-radius:0;
color:#27313f;
}

.mega-menu-category-icon--bolt::before{
width:9px;
height:15px;
}

.mega-menu-category-icon--switch::before,
.mega-menu-category-icon--relay::before,
.mega-menu-category-icon--power::before{
width:15px;
height:1.5px;
box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;
}

.mega-menu-category-icon--motor::before{
width:11px;
height:11px;
border-width:1.5px;
}

.mega-menu-category-icon--solar::before{
width:11px;
height:11px;
border-width:1.5px;
}

.mega-menu-category-icon--solar::after{
width:17px;
}

.mega-menu-category-icon--wiring::before{
width:14px;
height:9px;
border-width:1.5px;
}

.mega-menu-category-icon--box::before,
.mega-menu-category-icon--grid::before{
width:13px;
height:10px;
border-width:1.5px;
}

.mega-menu-panel--products .mega-menu-categories > li > .sub-menu{
padding:78px 38px 34px;
gap:0 30px;
}

.mega-menu-panel--products .mega-menu-categories > li > .sub-menu::before{
top:30px;
left:38px;
right:38px;
padding-bottom:17px;
font-size:22px;
}

.mega-menu-panel--applications .mega-menu-categories,
.mega-menu-panel--company .mega-menu-categories,
.mega-menu-panel--resources .mega-menu-categories{
padding:20px 24px;
}

/* About Us card content */
.mega-menu-panel--company .mega-menu-categories > li{
min-height:154px;
}

.mega-menu-panel--company .mega-menu-categories > li > a{
display:flex;
align-items:center;
justify-content:flex-start;
gap:16px;
padding:24px 30px;
}

.mega-menu-panel--company .mega-menu-categories > li > a::before{
display:none;
}

.mega-menu-panel--company .mega-menu-categories > li > a::after{
margin-left:auto;
}

.mega-menu-company-icon{
position:relative;
display:block;
flex:0 0 28px;
width:28px;
height:28px;
color:#27313f;
}

.mega-menu-company-icon::before,
.mega-menu-company-icon::after{
content:"";
position:absolute;
}

.mega-menu-company-icon--service::before{
inset:4px;
border:1.5px solid currentColor;
border-radius:50%;
}

.mega-menu-company-icon--service::after{
top:8px;
left:13px;
width:1.5px;
height:12px;
background:currentColor;
box-shadow:-5px 5px 0 -0.25px currentColor,5px 5px 0 -0.25px currentColor;
}

.mega-menu-company-icon--factory::before{
right:3px;
bottom:4px;
left:3px;
height:15px;
border:1.5px solid currentColor;
border-top:0;
}

.mega-menu-company-icon--factory::after{
top:4px;
left:5px;
width:16px;
height:9px;
border-left:1.5px solid currentColor;
border-top:1.5px solid currentColor;
transform:skewY(-25deg);
}

.mega-menu-company-icon--quality::before{
inset:4px 7px;
border:1.5px solid currentColor;
border-radius:50%;
}

.mega-menu-company-icon--quality::after{
top:9px;
left:10px;
width:9px;
height:5px;
border-left:1.5px solid currentColor;
border-bottom:1.5px solid currentColor;
transform:rotate(-45deg);
}

.mega-menu-company-icon--partner::before{
top:4px;
left:9px;
width:10px;
height:10px;
border:1.5px solid currentColor;
border-radius:50%;
}

.mega-menu-company-icon--partner::after{
right:4px;
bottom:4px;
left:4px;
height:10px;
border:1.5px solid currentColor;
border-radius:12px 12px 0 0;
border-bottom:0;
}

.mega-menu-company-icon--contact::before,
.mega-menu-company-icon--company::before{
inset:5px 3px;
border:1.5px solid currentColor;
}

.mega-menu-company-icon--contact::after{
top:8px;
left:7px;
width:13px;
height:8px;
border-right:1.5px solid currentColor;
border-bottom:1.5px solid currentColor;
transform:rotate(45deg);
}

.mega-menu-company-icon--company::after{
top:10px;
left:6px;
width:16px;
height:1.5px;
background:currentColor;
box-shadow:0 5px 0 currentColor;
}

.mega-menu-company-card-content{
display:flex;
flex:1;
min-width:0;
flex-direction:column;
gap:6px;
}

.mega-menu-company-card-title{
color:#202632;
font-size:14px;
font-weight:700;
line-height:1.25;
}

.mega-menu-company-card-title::before{
content:counter(company-menu, decimal-leading-zero);
margin-right:9px;
color:var(--header-theme-color);
font-size:11px;
font-weight:700;
vertical-align:1px;
}

.mega-menu-company-card-description{
display:block;
color:#687589;
font-size:12px;
font-weight:500;
line-height:1.45;
}

.mega-menu-panel--company .mega-menu-categories > li:hover .mega-menu-company-icon,
.mega-menu-panel--company .mega-menu-categories > li:focus-within .mega-menu-company-icon{
color:var(--header-theme-color);
}

/* Keep dropdown activation within the navigation itself. */
.nav-list > li.menu-item-has-children::after{
display:none;
}

/* About Us: six cards arranged in two rows. */
.mega-menu-panel--company .mega-menu-categories{
grid-template-columns:repeat(3, minmax(0, 1fr));
}

.mega-menu-panel--company .mega-menu-categories > li:nth-child(4n){
border-right:1px solid #e7edf5;
}

.mega-menu-panel--company .mega-menu-categories > li:nth-child(3n){
border-right:0;
}

.mega-menu-panel--company .mega-menu-categories > li{
min-height:158px;
}

.mega-menu-panel--company .mega-menu-categories > li > a{
padding:26px 34px;
}

.mega-menu-company-card-content{
gap:8px;
}

.mega-menu-company-card-title{
font-size:17px;
font-weight:750;
line-height:1.25;
}

.mega-menu-company-card-title::before{
font-size:16px;
font-weight:750;
vertical-align:0;
}

.mega-menu-company-card-description{
font-size:13px;
line-height:1.5;
}

/* Opening is controlled by the direct navigation link in header.js. */
.nav-list > li:hover:not(.mega-open) > .mega-menu-panel{
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translate(-50%, 10px);
}

/* Hidden product panels must not expose their active nested submenu. */
.mega-menu-panel[inert],
.nav-list > li:not(.mega-open) > .mega-menu-panel{
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
}

.mega-menu-panel[inert] *,
.nav-list > li:not(.mega-open) > .mega-menu-panel--products .mega-menu-categories > li > .sub-menu{
visibility:hidden !important;
pointer-events:none !important;
}

@media (max-width:1024px){
.nav-list > li:hover:not(.mega-open) > .mega-menu-panel{
transform:translateY(10px);
}
}

/* Shared Material Icons for mega-menu cards and categories. */
.mega-menu-material-icon,
.mega-menu-panel--products .mega-menu-categories > li > a > .material-icons,
.mega-menu-panel--company .mega-menu-categories > li > a > .material-icons{
display:inline-flex;
flex:0 0 28px;
width:28px;
align-items:center;
justify-content:center;
color:#27313f;
font-family:"Material Symbols Outlined";
font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
font-size:26px;
font-style:normal;
font-weight:normal;
line-height:1;
letter-spacing:0;
text-transform:none;
white-space:nowrap;
word-wrap:normal;
direction:ltr;
}

.mega-menu-categories > li:hover .mega-menu-material-icon,
.mega-menu-categories > li:focus-within .mega-menu-material-icon,
.mega-menu-categories > li.is-active .mega-menu-material-icon,
.mega-menu-panel--products .mega-menu-categories > li:hover > a > .material-icons,
.mega-menu-panel--products .mega-menu-categories > li:focus-within > a > .material-icons,
.mega-menu-panel--products .mega-menu-categories > li.is-active > a > .material-icons,
.mega-menu-panel--company .mega-menu-categories > li:hover > a > .material-icons,
.mega-menu-panel--company .mega-menu-categories > li:focus-within > a > .material-icons{
color:var(--header-theme-color);
}