.epx-header {
position: sticky;
top: 0;
z-index: 50;
background: #000;
padding-block: 25px;
min-height: 90px;
display: flex;
align-items: center;
}
.epx-header__inner { width: 100%; }
.epx-header__inner {
display: flex;
align-items: center;
gap: var(--ep-space-2xl);
padding-inline: 40px;
}
.epx-header__logo { color: #fff; }
.epx-header__logo img,
.epx-header__logo svg { height: 44px; width: auto; max-width: 240px; display: block; }
.epx-nav { margin-left: auto; }
.epx-nav > ul {
list-style: none; padding: 0; margin: 0;
display: flex; gap: 36px;
}
.epx-nav a {
color: #fff;
font-size: 16px;
font-weight: 300;
text-decoration: none;
transition: color var(--ep-transition-base);
display: inline-flex;
align-items: center;
gap: 6px;
white-space: nowrap; 
}
.epx-nav > ul > li { flex-shrink: 0; }
.epx-nav__caret {
display: inline-block;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid currentColor;
margin-top: 2px;
transition: transform var(--ep-transition-base);
}
.epx-nav__item--has-dropdown { position: relative; }
.epx-nav__item--has-dropdown:hover .epx-nav__caret { transform: rotate(180deg); }
.epx-nav__dropdown {
position: absolute;
top: 100%;
left: 0;
width: max-content;       
min-width: 200px;
padding: 12px 0;
background: #000;
border-radius: 4px;
list-style: none;
margin: 8px 0 0;
display: flex;            
flex-direction: column;
gap: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: opacity var(--ep-transition-base), visibility var(--ep-transition-base), transform var(--ep-transition-base);
box-shadow: 0 12px 32px rgba(0,0,0,0.4);
}
.epx-nav__dropdown li { white-space: nowrap; }
.epx-nav__item--has-dropdown:hover .epx-nav__dropdown,
.epx-nav__item--has-dropdown:focus-within .epx-nav__dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.epx-nav__dropdown a {
display: block;
padding: 8px 20px;
color: #fff;
font-size: 15px;
font-weight: 300;
}
.epx-nav__dropdown a:hover { background: rgba(255,255,255,0.08); color: var(--ep-color-primary); }
.epx-nav a:hover { color: var(--ep-color-primary); }
.epx-header__cta {
display: inline-flex;
align-items: center;
padding: 7px 18px;
background: #fff;
color: #000;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.5px;
border-radius: 50px;
text-decoration: none;
transition: background var(--ep-transition-base);
}
.epx-header__cta:hover { background: var(--ep-color-primary); color: #fff; }
.epx-burger {
display: none;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
cursor: pointer;
padding: 0;
margin-left: 12px;
color: #fff;
position: relative; z-index: 60;
}
.epx-burger svg { width: 28px; height: 28px; }
.epx-burger__close { display: none; }
.epx-burger[aria-expanded="true"] .epx-burger__open { display: none; }
.epx-burger[aria-expanded="true"] .epx-burger__close { display: block; } body { overflow-x: clip; }
body.epx-nav-open { overflow: hidden; }
@media (max-width: 1024px) {
.epx-burger { display: inline-flex; }
.epx-header__inner { padding-inline: 24px; gap: 12px; }
.epx-header { padding-block: 16px; }
.epx-header__cta { margin-left: auto; }
.epx-burger { margin-left: 4px; }
.epx-nav {
position: fixed;
top: 0; right: 0;
height: 100vh;
width: min(86vw, 360px);
background: #000;
margin: 0;
padding: 80px 28px 28px;
overflow-y: auto;
transform: translateX(100%);
transition: transform var(--ep-transition-base);
box-shadow: -12px 0 32px rgba(0,0,0,0.5);
z-index: 55; }
.epx-nav[data-open="true"] { transform: translateX(0); }
.epx-nav > ul { flex-direction: column; gap: 0; }
.epx-nav > ul > li {
border-bottom: 1px solid rgba(255,255,255,0.08);
flex-shrink: 1; 
}
.epx-nav > ul > li > a {
display: block;
padding: 16px 0;
font-size: 18px;
} .epx-nav__item--has-dropdown > a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
} .epx-nav__item--has-dropdown .epx-nav__dropdown {
position: static;
transform: none;
background: transparent;
box-shadow: none;
margin: 0;
min-width: 0;
width: auto;
display: block;
overflow: hidden;
max-height: 0;
opacity: 0;
visibility: hidden;
padding: 0 0 0 16px;
transition: max-height var(--ep-transition-base), opacity var(--ep-transition-base), padding var(--ep-transition-base);
}
.epx-nav__item--has-dropdown[data-submenu="true"] .epx-nav__dropdown {
max-height: 360px;
opacity: 1;
visibility: visible;
padding: 0 0 12px 16px;
}
.epx-nav__item--has-dropdown[data-submenu="true"] .epx-nav__caret {
transform: rotate(180deg);
}
.epx-nav__dropdown a {
padding: 8px 0;
font-size: 15px;
color: rgba(255,255,255,0.7);
white-space: normal;
}
}
@media (max-width: 768px) {
.epx-header__cta { display: none; }
.epx-burger { margin-left: auto; }
.epx-header__inner { padding-inline: 20px; gap: 12px; }
.epx-header { padding-block: 14px; }
}