/* Shared navigation: keep its fixed row height aligned with Explore's viewport. */
:root { --iw-header-height: 65px; }
.site-header { background: #fffffff5; border-bottom: 1px solid #dfe8ed; box-shadow: 0 3px 14px #183d4b08; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.site-header .navbar { height: 64px; min-height: 64px; padding: 0; }
.site-header .navbar > .container { height: 100%; gap: 20px; position: relative; }
.site-header .site-logo { margin: 0; padding: 0; flex-shrink: 0; }
.site-header .site-logo img { width: 124px; height: auto; }
.site-header .navbar-nav { gap: 6px; }
.site-header .nav-link { display: flex; align-items: center; gap: 7px; min-height: 40px; padding: 9px 11px !important; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #3e5664; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.4; white-space: nowrap; transition: background .15s, color .15s; }
.site-header .nav-link:hover, .site-header .nav-link.show { color: #205c57 !important; background: #edf5f3; }
.site-header .dropdown-toggle::after { margin-left: 2px; opacity: .65; flex-shrink: 0; }
.site-header .site-nav-icon { flex-shrink: 0; }
.site-header .site-nav-label { max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
.site-header .site-launch-link { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 11px; border: 1px solid #2563eb; border-radius: 20px; background: transparent; color: #2563eb; box-shadow: none; font-size: 12px; line-height: 1.3; font-weight: 600; text-decoration: none; white-space: nowrap; }
.site-header .site-launch-link:hover { background: #eff6ff; border-color: #1d4ed8; color: #1d4ed8; }
.site-header .merchant-link { padding-inline: 15px !important; color: #ca4053 !important; background: transparent; border-color: #ca4053; font-weight: 600; box-shadow: none; }
.site-header .merchant-link:hover, .site-header .merchant-link.show { color: #b53447 !important; background: #fff1f3; border-color: #b53447; }
.site-header .dropdown-menu { min-width: 230px; max-width: calc(100vw - 32px); margin-top: 9px; padding: 6px; border: 1px solid #dce6ec; border-radius: 14px; box-shadow: 0 12px 32px #193d4b1c; }
.site-header .dropdown-item { padding: 10px 12px; border: 0; border-radius: 8px; font-size: 13px; font-weight: 400; line-height: 1.5; color: #354e5c; white-space: normal; overflow-wrap: anywhere; }
.site-header .dropdown-item:hover, .site-header .dropdown-item:focus { background: #edf5f3; color: #205c57; }
.site-header .lang-menu { max-height: min(440px, calc(100dvh - 90px)); scrollbar-width: thin; scrollbar-color: #b1c6cb transparent; overscroll-behavior: contain; }
.site-header .lang-menu::-webkit-scrollbar { width: 6px; }
.site-header .lang-menu::-webkit-scrollbar-track { background: transparent; margin-block: 10px; }
.site-header .lang-menu::-webkit-scrollbar-thumb { background: #b1c6cb; border-radius: 6px; }
.site-header .lang-menu::-webkit-scrollbar-thumb:hover { background: #7e9fa7; }
.site-header .lang-menu .dropdown-item:is(.active, .is-active) { background: #e8f3ef; color: #205c57 !important; font-weight: 600; border: 0; }
.site-header .lang-menu .dropdown-item:is(.active, .is-active)::after { color: #205c57; font-weight: 600; }
.site-header :is(a, button):focus-visible { outline: 2px solid #247c73; outline-offset: 2px; box-shadow: none; }
.site-header .navbar-toggler { width: 44px; height: 44px; padding: 9px; border: 1px solid #d9e4ea; border-radius: 12px; background: #f7fafb; box-shadow: none; }
.site-header .navbar-toggler-icon { width: 24px; height: 24px; }
.site-header .navbar-toggler[aria-expanded="true"] { background: #e8f3ef; border-color: #9cbfb5; }
@media (max-width: 991px) {
    .site-header .navbar > .container { gap: 0; }
    .site-header .navbar-collapse, .site-header .navbar-collapse.collapsing { position: absolute; top: calc(100% + 8px); left: 12px; right: 12px; padding: 10px; background: #fff; border: 1px solid #d7e3e9; border-radius: 16px; box-shadow: 0 12px 32px #193d4b26; max-height: calc(100dvh - 88px); overflow-y: auto; overscroll-behavior: contain; }
    .site-header .navbar-nav { align-items: stretch; gap: 4px; }
    .site-header .nav-link { width: 100%; min-height: 44px; padding: 11px 12px !important; text-align: start; }
    .site-header .dropdown-toggle::after { margin-left: auto; }
    .site-header .site-nav-label { max-width: none; white-space: normal; overflow-wrap: anywhere; }
    .site-header .nav-item:nth-child(3) { border-top: 1px solid #e4ecef; padding-top: 8px; margin-top: 4px; }
    .site-header .site-launch-link { margin: 2px 12px 6px; min-height: 44px; }
    .site-header .merchant-link { margin-top: 4px; }
    .site-header .dropdown-menu { min-width: 0; margin: 2px 0 6px; border: 0; background: #f5f8fa; border-radius: 10px; box-shadow: none; }
    .site-header .dropdown-item { min-height: 44px; padding: 11px 12px; font-size: 14px; }
    .site-header .lang-menu { max-height: 280px; }
}
@media (prefers-reduced-motion: reduce) { .site-header .nav-link, .site-header .collapsing { transition: none; } }
@media (prefers-reduced-transparency: reduce) { .site-header { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; } }