html body nav#mainNav {
min-height: 78px !important;
height: 78px !important;
padding: 16px clamp(34px, 4vw, 70px) !important;
background: rgba(17,17,17,.96) !important;
backdrop-filter: blur(18px) !important;
-webkit-backdrop-filter: blur(18px) !important;
border-bottom: 1px solid rgba(247,148,29,.16) !important;
font-family: 'Barlow', sans-serif !important;
}
html body nav#mainNav .nav-logo { gap: 10px !important; }
html body nav#mainNav .nav-logo svg { width: 32px !important; height: 32px !important; }
html body nav#mainNav .nav-logo-text {
font-family: 'Bebas Neue', sans-serif !important;
font-size: 28px !important;
line-height: 1 !important;
letter-spacing: 2px !important;
}
html body nav#mainNav .magna-desktop-nav {
gap: clamp(14px, 2.1vw, 34px) !important;
margin-left: auto !important;
}
html body nav#mainNav .magna-nav-item > a {
min-height: 44px !important;
padding: 0 12px !important;
font-family: 'Barlow', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: .2px !important;
text-transform: none !important;
}
html body nav#mainNav .magna-nav-item > a span { font-size: 13px !important; }
@media (max-width: 1000px) {
html body nav#mainNav {
min-height: 76px !important;
height: 76px !important;
padding: 12px 24px !important;
}
html body nav#mainNav .nav-logo svg { width: 30px !important; height: 30px !important; }
html body nav#mainNav .nav-logo-text { font-size: 27px !important; }
}
html body nav#mainNav .nav-logo {
display: inline-flex !important;
align-items: center !important;
flex: 0 0 auto !important;
}
html body nav#mainNav .nav-logo-official {
display: block !important;
width: 174px !important;
height: auto !important;
max-height: 50px !important;
object-fit: contain !important;
}
html body .mobile-drawer-brand {
display: flex !important;
align-items: center !important;
}
html body .mobile-drawer-logo-official {
display: block !important;
width: 172px !important;
height: auto !important;
max-height: 56px !important;
object-fit: contain !important;
}
@media (max-width: 1000px) {
html body nav#mainNav .nav-logo-official {
width: 154px !important;
max-height: 46px !important;
}
html body .mobile-drawer-logo-official {
width: 160px !important;
}
}
@media (max-width: 520px) {
html body nav#mainNav .nav-logo-official {
width: 142px !important;
max-height: 42px !important;
}
}