/* One compact navigation system for Discover and Community. */
:is(#site-header,.app-header) .header-tools{align-items:center}
:is(#site-header,.app-header) #product-search-open{order:0}
:is(#site-header,.app-header) .language-switch{order:1;display:flex;align-items:center;justify-content:center;gap:1px;border:1px solid #53644526;border-radius:999px;padding:0 5px;min-height:40px;color:inherit;background:#ffffff40}
:is(#site-header,.app-header) .language-switch button{border:0;border-radius:999px;min-width:28px;min-height:38px;padding:0 3px;color:inherit;background:transparent;font:inherit;font-size:11px;opacity:.48}
:is(#site-header,.app-header) .language-switch button[aria-pressed=true]{opacity:1;font-weight:600}
:is(#site-header,.app-header) .language-switch>span{display:inline!important;font-size:10px;opacity:.4}
:is(#site-header,.app-header) :is(#theme,#theme-toggle){order:2}
:is(#site-header,.app-header) :is(#motion-toggle,.profile-button){order:3}
:is(#site-header,.app-header) :is(.ui-icon,.icon){width:20px!important;height:20px!important;stroke:currentColor;stroke-width:1.5;fill:none}
:is(#site-header,.app-header) .mobile-menu-toggle[hidden]{display:none!important}
@media(max-width:1100px){
 :is(#site-header,.app-header){position:fixed!important;inset:14px 4.2% auto!important;display:flex!important;align-items:center;justify-content:space-between;height:64px!important;min-height:64px!important;padding:0 14px 0 20px!important;gap:8px!important;z-index:50;border:1px solid #ffffff66!important;border-radius:999px!important;background:#eeeddfc4!important;color:#30392c!important;box-shadow:0 4px 20px #17221c12!important;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
 :is(#site-header,.app-header)>.brand{display:inline-flex!important;align-items:center;gap:8px!important;font-family:'Avenir Next',Avenir,Kompositif,Arial,sans-serif;font-size:21px!important;font-weight:500!important;letter-spacing:-.8px!important;flex:none;line-height:1}
 :is(#site-header,.app-header)>.brand svg{width:23px!important;height:32px!important;flex:none}
 :is(#site-header,.app-header)>.header-tools{display:flex!important;position:static!important;margin:0 0 0 auto!important;gap:3px!important;flex:none;color:inherit}
 :is(#site-header,.app-header) .header-tools>.icon-button,:is(#site-header,.app-header)>.mobile-menu-toggle{display:grid!important;place-items:center;flex:none;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;padding:10px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:inherit!important;opacity:1;box-shadow:none!important}
 :is(#site-header,.app-header) .header-tools>.icon-button:hover,:is(#site-header,.app-header)>.mobile-menu-toggle:hover{background:#ffffff66!important}
 :is(#site-header,.app-header) .header-tools>.profile-button{display:none!important}
 :is(#site-header,.app-header) .mobile-menu-lines{display:block!important;position:relative;width:22px!important;height:18px!important}
 :is(#site-header,.app-header) .mobile-menu-lines i{display:block!important;position:absolute;inset:auto 0 auto;height:1.5px!important;border-radius:0!important;background:currentColor;transition:transform .2s,opacity .2s}
 :is(#site-header,.app-header) .mobile-menu-lines i:nth-child(1){top:2px!important}
 :is(#site-header,.app-header) .mobile-menu-lines i:nth-child(2){top:8px!important}
 :is(#site-header,.app-header) .mobile-menu-lines i:nth-child(3){top:14px!important}
 :is(#site-header,.app-header) [aria-expanded=true] .mobile-menu-lines i:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
 :is(#site-header,.app-header) [aria-expanded=true] .mobile-menu-lines i:nth-child(2){opacity:0}
 :is(#site-header,.app-header) [aria-expanded=true] .mobile-menu-lines i:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}
 :is(#site-header,.app-header) .mobile-menu-panel{position:absolute;inset:calc(100% + 8px) 0 auto;display:grid;gap:16px;max-height:calc(100dvh - 112px);overflow:auto;padding:20px;border:1px solid #ffffff66;border-radius:24px;background:#eeeddff5;color:#30392c;box-shadow:0 16px 40px #07110d22;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 :is(#site-header,.app-header) .mobile-menu-panel[hidden]{display:none!important}
 :is(#site-header,.app-header) .mobile-menu-panel nav{position:static!important;inset:auto!important;display:flex!important;flex-direction:column;align-items:stretch;gap:4px!important;transform:none!important;margin:0!important;padding:0!important;width:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0!important;color:inherit}
 :is(#site-header,.app-header) .mobile-menu-panel nav :is(a,button){display:flex!important;align-items:center;min-height:48px;padding:12px 16px!important;justify-content:flex-start;text-align:left;border:0!important;border-radius:14px!important;background:transparent!important;font:inherit;font-size:17px!important;color:inherit;opacity:.8}
 :is(#site-header,.app-header) .mobile-menu-panel nav [aria-current]{opacity:1;background:#c4c9b52b!important}
 :is(#site-header,.app-header) .mobile-menu-panel nav [aria-current]:after{display:none}
 :is(#site-header,.app-header) .mobile-menu-panel #motion-toggle{width:44px;height:44px;color:inherit}
 html[data-theme=dark] :is(#site-header,.app-header){background:#1b2420cc!important;border-color:#eeeddf26!important;color:#eeeddf!important}
 html[data-theme=dark] :is(#site-header,.app-header) .mobile-menu-panel{background:#1b2420f5;border-color:#eeeddf24;color:#eeeddf}
 html[data-theme=dark] :is(#site-header,.app-header) .language-switch{background:#eeeddf0d;border-color:#eeeddf24}
}
@media(max-width:500px){
 :is(#site-header,.app-header){inset:12px 12px auto!important;gap:1px!important;padding:0 8px 0 14px!important}
 :is(#site-header,.app-header)>.brand{font-size:21px!important}
 :is(#site-header,.app-header)>.brand svg{display:none!important}
 :is(#site-header,.app-header)>.header-tools{gap:0!important}
 :is(#site-header,.app-header) .header-tools>.icon-button,:is(#site-header,.app-header)>.mobile-menu-toggle{width:36px!important;min-width:36px!important;padding:7px!important}
 :is(#site-header,.app-header) .language-switch{padding:0 2px}
 :is(#site-header,.app-header) .language-switch button{min-width:23px;padding:0 2px;font-size:10px}
}
@media(prefers-reduced-transparency:reduce){:is(#site-header,.app-header),:is(#site-header,.app-header) .mobile-menu-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#eeeddf!important}html[data-theme=dark] :is(#site-header,.app-header),html[data-theme=dark] :is(#site-header,.app-header) .mobile-menu-panel{background:#1b2420!important}}
@media(prefers-reduced-motion:reduce){.mobile-menu-lines i{transition:none!important}}