/* Shared navigation appearance for the homepage and Trace Orders. */
:is(#site-navbar, #navbar.site-navigation){--body-font:'DM Sans',sans-serif;--primary-color:#331b69;--primary-color-rgb:51,27,105;--secondary-color:#f453c4;--secondary-color-rgb:244,83,196;background:#fff;color:#222;font-family:var(--body-font)}
:is(#site-navbar, #navbar.site-navigation) .st-desktop-header{background:#fff;width:100%;padding:24px 0}
:is(#site-navbar, #navbar.site-navigation) .container{max-width:1320px;padding:0 32px;margin:auto}
:is(#site-navbar, #navbar.site-navigation) .de-flex{display:flex;align-items:center;justify-content:space-between;gap:24px}
:is(#site-navbar, #navbar.site-navigation) .header-col-mid{display:flex;align-items:center;gap:28px}
:is(#site-navbar, #navbar.site-navigation) #logo img{width:200px;display:block}:is(#site-navbar, #navbar.site-navigation) #logo .logo-2{display:none}
:is(#site-navbar, #navbar.site-navigation) #mainmenu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
:is(#site-navbar, #navbar.site-navigation) #mainmenu a{font-size:16px;font-weight:600;color:#222;text-decoration:none;white-space:nowrap}
:is(#site-navbar, #navbar.site-navigation) #mainmenu a:hover{color:#6542c9}
:is(#site-navbar, #navbar.site-navigation) .menu_side_area{display:flex;align-items:center;gap:22px}
:is(#site-navbar, #navbar.site-navigation) .btn-main{background:#f453c4;color:white;padding:10px 24px;border-radius:6px;text-decoration:none;font-weight:700;font-size:16px;white-space:nowrap}
:is(#site-navbar, #navbar.site-navigation) #menu-btn{display:none}
:is(#site-navbar, #navbar.site-navigation) .lang-details{padding:0;border:0}:is(#site-navbar, #navbar.site-navigation) .lang-details>summary{font-size:16px}
:is(#site-navbar, #navbar.site-navigation) .lang-menu{line-height:1.5}
.trace-section-nav{display:flex;justify-content:flex-end;gap:24px;padding-top:12px;padding-bottom:12px;font-size:13px;border-top:1px solid #eef0f4}
.trace-section-nav a{color:#657084;text-decoration:none}.trace-section-nav a:hover{color:#6542c9}
@media(max-width:650px){.trace-section-nav{justify-content:center;gap:22px;font-size:12px}}

/* Neutralize legacy homepage header and Bootstrap spacing. */
:is(#site-navbar, #navbar.site-navigation){line-height:1.6}
:is(#site-navbar, #navbar.site-navigation) .st-desktop-header{position:relative;height:auto;min-height:0;margin:0;border:0;box-shadow:none;top:auto}
:is(#site-navbar, #navbar.site-navigation) .st-desktop-header .row{display:block;margin:0}
:is(#site-navbar, #navbar.site-navigation) .st-desktop-header .col-md-12{padding:0;width:100%;max-width:100%;flex:none}
:is(#site-navbar, #navbar.site-navigation) .de-flex-col{display:block}
:is(#site-navbar, #navbar.site-navigation) #mainmenu a{padding:0;line-height:1.6}
:is(#site-navbar, #navbar.site-navigation) #mainmenu a span{display:none}
:is(#site-navbar, #navbar.site-navigation) .menu_side_area{margin:0;padding:0;float:none}
:is(#site-navbar, #navbar.site-navigation) .btn-main{line-height:1.6;border:0;box-shadow:none;letter-spacing:normal}
:is(#site-navbar, #navbar.site-navigation) .btn-main i{display:none}
:is(#site-navbar, #navbar.site-navigation) .de-flex-col.header-col-mid{display:flex}
:is(#site-navbar, #navbar.site-navigation) #mainmenu{line-height:1.6;font-size:16px}
:is(#site-navbar, #navbar.site-navigation) #logo{line-height:1}
:is(#site-navbar, #navbar.site-navigation) .btn-main{display:inline-block;padding:10px 24px}
:is(#site-navbar, #navbar.site-navigation) .btn-main span{line-height:inherit;font:inherit}
:is(#site-navbar, #navbar.site-navigation) .btn-main{padding:10px 24px!important}

:is(#site-navbar, #navbar.site-navigation) #logo{width:200px!important}
@media (min-width:993px) and (max-width:1100px){
  :is(#site-navbar, #navbar.site-navigation) .header-col-mid,
  :is(#site-navbar, #navbar.site-navigation) #mainmenu{gap:20px}
}