/* Desktop navigation follows the original two-row menu beside the logo. */
.menu-header .site-header {z-index:10000;}
.menu-header .main-navigation-outer {isolation:isolate;}
@media (min-width: 992px) {
 #main-navigation .mcf-public-navigation {display:flex !important; align-items:center; justify-content:space-between; gap:32px; padding:36px 24px 20px !important; background:transparent !important;}
 #main-navigation .mcf-public-navigation > a {flex:0 0 280px;}
 #main-navigation .mcf-public-navigation .nav-logo {width:280px !important; height:auto !important; max-width:100%;}
 #main-navigation .mcf-public-navigation .menu-wrapper {display:flex !important; flex-direction:column; align-items:flex-end; flex:1; min-width:0; margin-left:auto !important;}
 #main-navigation .mcf-public-navigation .auth-menu {display:flex !important; justify-content:flex-end; align-items:center; gap:24px; margin:0 !important; padding:0 0 20px !important; width:100%;}
 #main-navigation .mcf-public-navigation .auth-menu > li {margin:0 !important; padding:0 !important; flex-shrink:0;}
 #main-navigation .mcf-public-navigation .auth-menu a, #main-navigation .mcf-public-navigation .auth-menu button {font-size:15px; white-space:nowrap;}
 #main-navigation .mcf-public-navigation .auth-menu .btn {background:#e4002b !important; border-color:#e4002b !important; border-radius:5px; padding:10px 64px 10px 24px !important;}
 #main-navigation .mcf-public-navigation .site-menu {display:flex !important; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:12px 24px; width:100%; margin:0 !important; padding:0 !important;}
 #main-navigation .mcf-public-navigation .site-menu > li {margin:0 !important; padding:0 !important;}
 #main-navigation .mcf-public-navigation .site-menu a, #main-navigation .mcf-public-navigation .site-menu button {font-size:15px; line-height:1.4;}
 #main-navigation .mcf-public-navigation .webshop-tooltip, #main-navigation .mcf-public-navigation .webshop-tooltip-location {display:block !important;}
 #main-navigation .mcf-public-navigation .language-toggle-menu {z-index:1050;}
}
@media (min-width:1440px) {
 #main-navigation .mcf-public-navigation .site-menu a, #main-navigation .mcf-public-navigation .site-menu button {font-size:16px;}
}
@media (min-width:992px) and (max-width:1199px) {
 #main-navigation .mcf-public-navigation > a {flex-basis:220px;}
 #main-navigation .mcf-public-navigation .nav-logo {width:280px !important;}
 #main-navigation .mcf-public-navigation .site-menu {gap:12px 16px;}
}

@media (min-width:992px) {
 #main-navigation .mcf-public-navigation.main-navigation-bottom-scrolled {background:#0b1218 !important; box-shadow:0 4px 18px rgba(0,0,0,.18);}
 /* Light-header landing pages keep their dark logo and text on a white surface, also after scrolling. */
 .menu-header.white #main-navigation .mcf-public-navigation {background:#fff !important;}
 .menu-header.white #main-navigation .mcf-public-navigation .auth-menu > li > a:not(.btn),
 .menu-header.white #main-navigation .mcf-public-navigation .auth-menu button:not(.btn),
 .menu-header.white #main-navigation .mcf-public-navigation .site-menu > li > a:not(.btn),
 .menu-header.white #main-navigation .mcf-public-navigation .site-menu button:not(.btn) {color:#222 !important;}
}