/* ============================================================
   GTradX — Unified Header Nav v7.0.0
   Single owner for top bar, mobile sheet and header controls.
   ============================================================ */

body.gx-nav-open,
body.gx-modal-open{overflow:hidden}

.nav,
.nav *,
.nav-mobile-panel,
.nav-mobile-panel *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto}

.nav{
    position:fixed;
    top:calc(env(safe-area-inset-top,0px) + 12px);
    left:50%;
    transform:translateX(-50%);
    width:min(calc(100% - 32px),1240px);
    min-height:68px;
    padding:10px 16px 10px 18px;
    display:flex;
    align-items:center;
    gap:16px;
    z-index:10050;
    background:linear-gradient(135deg,rgba(8,8,8,.84),rgba(8,8,8,.68));
    backdrop-filter:blur(30px) saturate(1.45);
    -webkit-backdrop-filter:blur(30px) saturate(1.45);
    border:1px solid rgba(255,255,255,.06);
    border-radius:28px;
    box-shadow:0 18px 55px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.03);
    transition:background .3s,border-color .3s,box-shadow .3s,border-radius .3s,transform .3s;
    pointer-events:auto;
}
[data-theme="light"] .nav{
    background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.78));
    border-color:rgba(0,0,0,.08);
    box-shadow:0 18px 45px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.65);
}
.nav *{pointer-events:auto}

.nav-left{display:flex;align-items:center;gap:9px;min-width:0;flex:0 0 auto}
.nav-logo{display:flex;align-items:center;flex-shrink:0}
.nav-logo img{height:32px;width:auto;object-fit:contain;transition:opacity .2s,transform .2s}
.nav-logo:hover img{opacity:.88;transform:translateY(-1px)}
[data-theme="light"] .nav-logo img{filter:invert(1)}

.nav-wordmark,
.nav-mobile-wordmark{display:inline-flex;align-items:center;min-width:0}
.nav-wordmark-text{
    font-family:"Manrope",var(--body),sans-serif;
    font-size:1.12rem;
    font-weight:800;
    letter-spacing:-.042em;
    line-height:.98;
    color:#fff;
    white-space:nowrap;
    display:inline-flex;
    align-items:flex-end;
}
[data-theme="light"] .nav-wordmark-text{color:#111}
.nav-wordmark-mark{
    width:2px;
    height:2px;
    display:inline-block;
    margin-left:2px;
    margin-bottom:2px;
    background:var(--gold);
    border-radius:0;
    flex-shrink:0;
    animation:gxWordmarkPulse 1.35s cubic-bezier(.22,1,.36,1) infinite;
}
@keyframes gxWordmarkPulse{
    0%,100%{transform:scale(1);opacity:.94;box-shadow:0 0 0 0 rgba(241,143,1,.28)}
    50%{transform:scale(2.05);opacity:1;box-shadow:0 0 0 4px rgba(241,143,1,0)}
}

.nl{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    overflow:hidden;
}
.nl a{
    flex:0 0 auto;
    padding:10px 12px;
    border-radius:999px;
    font-size:.665rem;
    font-weight:700;
    letter-spacing:.036em;
    text-transform:uppercase;
    color:var(--tx2);
    transition:color .2s,background .2s,transform .2s,box-shadow .2s;
    white-space:nowrap;
}
.nl a:hover,
.nl a.is-active{color:var(--tx);background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
[data-theme="light"] .nl a:hover,
[data-theme="light"] .nl a.is-active{background:rgba(0,0,0,.045);box-shadow:none}
.nl .nf{color:var(--gold)}
.nl .nf i{margin-right:6px}

.nr{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    margin-left:auto;
    min-width:max-content;
}
.nav-auth-desktop{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.nav-auth-mobile-quick{display:none;align-items:center;gap:8px;flex:0 0 auto}
.nav-start{display:none!important}

.tbtn,
.nav-hamburger{
    width:36px;
    height:36px;
    border-radius:999px;
    outline:none!important;
    box-shadow:none!important;
    -webkit-tap-highlight-color:transparent;
    -webkit-appearance:none;
    flex:0 0 auto;
}

.tbtn{
    background:transparent!important;
    border:1px solid rgba(255,255,255,.08);
    color:var(--tx3);
    font-size:.8rem;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:border-color .2s,color .2s,transform .2s;
}
[data-theme="light"] .tbtn{border-color:rgba(0,0,0,.08)}
.tbtn:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}
.tbtn:focus,.tbtn:focus-visible,.tbtn:active{outline:none!important;box-shadow:none!important;background:transparent!important}

.ltr{
    background:transparent;
    border:0;
    font-size:.665rem;
    font-weight:700;
    color:var(--tx2);
    text-transform:uppercase;
    letter-spacing:.032em;
    cursor:pointer;
    transition:color .2s,transform .2s;
    padding:8px 10px;
    white-space:nowrap;
    flex:0 0 auto;
}
.ltr:hover{color:var(--tx);transform:translateY(-1px)}
.ltr:focus,.ltr:focus-visible,.ltr:active{outline:none!important;box-shadow:none!important;background:transparent!important;-webkit-tap-highlight-color:transparent}
.ltr,.ltr:hover,.ltr:focus,.ltr:focus-visible,.ltr:active{-webkit-appearance:none;appearance:none}
.nav .ltr,
.nav .ltr:hover,
.nav .ltr:focus,
.nav .ltr:focus-visible,
.nav .ltr:active{
    background:transparent!important;
    outline:none!important;
    box-shadow:none!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;
}

.nav-quick-login,
.nav-quick-dashboard{
    min-height:36px;
    border-radius:999px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    -webkit-tap-highlight-color:transparent;
    transition:border-color .2s,color .2s,transform .2s,background .2s,box-shadow .2s;
}
.nav-quick-login{
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.08);
    background:transparent;
    color:var(--tx2);
    font-size:.64rem;
    font-weight:800;
    letter-spacing:.034em;
    text-transform:uppercase;
    white-space:nowrap;
}
[data-theme="light"] .nav-quick-login{border-color:rgba(0,0,0,.08)}
.nav-quick-login:hover{border-color:var(--gold);color:var(--tx);transform:translateY(-1px)}
.nav-quick-dashboard{
    width:36px;
    height:36px;
    padding:0;
    background:linear-gradient(135deg,var(--tx),rgba(255,255,255,.88));
    color:var(--bg);
    box-shadow:0 12px 28px rgba(0,0,0,.18);
}
[data-theme="light"] .nav-quick-dashboard{box-shadow:0 12px 24px rgba(15,23,42,.08)}
.nav-quick-dashboard:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(0,0,0,.2)}
.nav-quick-dashboard i{font-size:.8rem}
.nav-quick-login:focus,.nav-quick-login:focus-visible,.nav-quick-login:active,
.nav-quick-dashboard:focus,.nav-quick-dashboard:focus-visible,.nav-quick-dashboard:active,
.nav-mobile-login:focus,.nav-mobile-login:focus-visible,.nav-mobile-login:active,
.nav-mobile-cta:focus,.nav-mobile-cta:focus-visible,.nav-mobile-cta:active,
.nav-mobile-dashboard:focus,.nav-mobile-dashboard:focus-visible,.nav-mobile-dashboard:active,
.nav-hamburger:focus,.nav-hamburger:focus-visible,.nav-hamburger:active{
    outline:none!important;
    box-shadow:none!important;
    background:transparent!important;
    -webkit-tap-highlight-color:transparent;
}

.ncta{
    padding:10px 18px;
    border-radius:999px;
    font-size:.665rem;
    font-weight:700;
    letter-spacing:.036em;
    text-transform:uppercase;
    background:linear-gradient(135deg,var(--tx),rgba(255,255,255,.88));
    color:var(--bg);
    transition:transform .2s,box-shadow .2s,background .2s;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    white-space:nowrap;
    flex:0 0 auto;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.ncta:hover{background:var(--gold);transform:translateY(-1px);box-shadow:0 14px 34px rgba(241,143,1,.18)}
.ncta:focus,.ncta:focus-visible{outline:none!important;box-shadow:none!important}
.nav-dashboard i{font-size:.8rem}

.nav-hamburger{
    display:none;
    background:rgba(255,255,255,.03)!important;
    border:1px solid rgba(255,255,255,.08);
    color:var(--tx,var(--text-main,#fff));
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    padding:0;
    transition:border-color .2s,background .2s,transform .2s;
}
[data-theme="light"] .nav-hamburger{background:rgba(0,0,0,.03)!important;border-color:rgba(0,0,0,.08)}
.nav-hamburger:hover{border-color:var(--gold);transform:translateY(-1px)}
.nav-hamburger span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s}
.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(4px,5px)}
.nav-hamburger.active span:nth-child(2){opacity:0}
.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-5px)}

.nav-mobile-bg{
    position:fixed;
    inset:0;
    background:rgba(2,6,18,.52);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    z-index:10080;
    opacity:0;
    pointer-events:none;
    transition:opacity .35s cubic-bezier(.16,1,.3,1);
}
[data-theme="light"] .nav-mobile-bg{background:rgba(255,255,255,.52)}
.nav-mobile-bg.active{opacity:1;pointer-events:auto}

.nav-mobile-panel{
    position:fixed;
    left:10px;
    right:10px;
    bottom:calc(env(safe-area-inset-bottom,0px) + 10px);
    z-index:10090;
    opacity:0;
    pointer-events:none;
    transform:translateY(calc(100% + 28px));
    transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1);
}
.nav-mobile-panel.active{opacity:1;pointer-events:auto;transform:translateY(0)}
.nav-mobile-sheet{
    background:linear-gradient(180deg,rgba(11,11,11,.96),rgba(7,7,7,.94));
    border:1px solid rgba(255,255,255,.07);
    border-radius:30px;
    box-shadow:0 32px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.04);
    padding:12px 12px calc(14px + env(safe-area-inset-bottom,0px) * .35);
}
[data-theme="light"] .nav-mobile-sheet{
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,248,248,.96));
    border-color:rgba(0,0,0,.08);
    box-shadow:0 24px 60px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.75);
}
.nav-mobile-grab{width:54px;height:5px;border-radius:999px;margin:0 auto 12px;background:rgba(255,255,255,.12)}
[data-theme="light"] .nav-mobile-grab{background:rgba(0,0,0,.12)}
.nav-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 14px}
.nav-mobile-brand{display:flex;align-items:center;gap:8px;min-width:0}
.nav-mobile-brand img{height:30px;width:auto;object-fit:contain;flex-shrink:0}
[data-theme="light"] .nav-mobile-brand img{filter:invert(1)}
.nav-mobile-kicker{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tx3);white-space:nowrap}
.nav-mobile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nav-mobile-panel a,
.nav-mobile-login{
    min-height:60px;
    padding:14px 16px;
    border-radius:18px;
    font-size:.84rem;
    font-weight:700;
    color:var(--tx2);
    transition:color .2s,background .2s,transform .2s,border-color .2s;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border:1px solid rgba(255,255,255,.05);
    background:rgba(255,255,255,.02);
    -webkit-tap-highlight-color:transparent;
}
[data-theme="light"] .nav-mobile-panel a,
[data-theme="light"] .nav-mobile-login{border-color:rgba(0,0,0,.07);background:rgba(0,0,0,.02)}
.nav-mobile-panel a:hover,
.nav-mobile-panel a.is-active,
.nav-mobile-login:hover{color:var(--tx);background:rgba(255,255,255,.05);transform:translateY(-1px)}
[data-theme="light"] .nav-mobile-panel a:hover,
[data-theme="light"] .nav-mobile-panel a.is-active,
[data-theme="light"] .nav-mobile-login:hover{background:rgba(0,0,0,.04)}
.nav-mobile-panel a i,
.nav-mobile-login i{font-size:.95rem;min-width:16px;text-align:center}
.nav-mobile-panel a.nf{color:var(--gold)}
.nav-mobile-actions{display:grid;gap:10px;margin-top:14px}
.nav-mobile-login,
.nav-mobile-cta,
.nav-mobile-dashboard{min-height:56px;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.nav-mobile-actions .nav-mobile-cta,
.nav-mobile-actions .nav-mobile-cta:visited{
    background:linear-gradient(135deg,var(--gold),#ffb547)!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    border-color:rgba(241,143,1,.3)!important;
    box-shadow:0 14px 34px rgba(241,143,1,.2)!important;
}
.nav-mobile-actions .nav-mobile-cta span,
.nav-mobile-actions .nav-mobile-cta i{
    color:#111!important;
    -webkit-text-fill-color:#111!important;
}
[data-theme="dark"] .nav-mobile-actions .nav-mobile-login{
    color:#f1f1f1!important;
    border-color:rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.03)!important;
}
[data-theme="dark"] .nav-mobile-actions .nav-mobile-login span,
[data-theme="dark"] .nav-mobile-actions .nav-mobile-login i{
    color:#f1f1f1!important;
    -webkit-text-fill-color:#f1f1f1!important;
}
[data-theme="dark"] .nav-mobile-dashboard{background:linear-gradient(135deg,#f2f2f2,#ffffff);border-color:rgba(255,255,255,.2);box-shadow:0 14px 30px rgba(0,0,0,.22);color:#111!important}
[data-theme="dark"] .nav-mobile-dashboard span,[data-theme="dark"] .nav-mobile-dashboard i{color:#111!important}
[data-theme="light"] .nav-mobile-dashboard{background:linear-gradient(135deg,#121212,#2a2a2a);border-color:rgba(0,0,0,.2);box-shadow:0 14px 26px rgba(15,23,42,.1);color:#f5f5f5!important}
[data-theme="light"] .nav-mobile-dashboard span,[data-theme="light"] .nav-mobile-dashboard i{color:#f5f5f5!important}
.nav-mobile-login:focus,.nav-mobile-login:focus-visible,.nav-mobile-login:active,.nav-mobile-cta:focus,.nav-mobile-cta:focus-visible,.nav-mobile-cta:active,.nav-mobile-dashboard:focus,.nav-mobile-dashboard:focus-visible,.nav-mobile-dashboard:active{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}

@media(max-width:1260px){
    .nav{width:min(calc(100% - 24px),1200px)}
    .nl a{padding:10px 11px;font-size:.64rem}
    .nav-wordmark-text{font-size:1.02rem}
}

@media(max-width:1180px){
    .nl{display:none}
    .nav{gap:12px}
    .nav-hamburger{display:flex}
}

@media(max-width:860px){
    .nav-auth-desktop,
    .nav-start{display:none!important}
    .nav-auth-mobile-quick{display:flex!important}
}

@media(max-width:760px){
    .nav{width:calc(100% - 18px);top:calc(env(safe-area-inset-top,0px) + 8px);border-radius:24px;min-height:62px;padding:9px 11px 9px 14px}
    .nav-wordmark-text{font-size:.96rem}
    .nr{gap:6px}
    .tbtn,.nav-hamburger{width:34px;height:34px}
    .nav-hamburger span{width:17px}
    .nav-auth-mobile-quick{gap:6px}
    .nav-quick-login{min-height:34px;font-size:.6rem;padding:7px 10px}
    .nav-quick-dashboard{width:34px;height:34px}
    .nav-quick-dashboard i{font-size:.74rem}
    .nav-mobile-panel{left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}
    .nav-mobile-sheet{border-radius:26px;padding:12px 12px 12px}
    .nav-mobile-head{align-items:flex-start}
    .nav-mobile-kicker{padding-top:6px;font-size:.58rem}
}

@media(max-width:420px){
    .nav-wordmark-text{font-size:.93rem}
    .nav-mobile-links{grid-template-columns:1fr}
    .nav-mobile-panel a,.nav-mobile-login{min-height:56px}
    .nav-mobile-brand{flex-direction:row;align-items:center;gap:8px}
    .nav-mobile-head{padding-bottom:12px}
    .nav-mobile-kicker{display:none}
    .nav-auth-mobile-quick{gap:5px}
    .nav-quick-login{padding:7px 9px;font-size:.56rem}
    .nav-quick-dashboard{width:34px;height:34px}
}

/* ═══════════════════════════════════════════════════
   LANGUAGE SWITCHER v8.0 Multilang
   Desktop: glass-pill dropdown in top bar
   Mobile: horizontal pill strip in off-canvas panel
   ═══════════════════════════════════════════════════ */

.gx-lang-switcher { position: relative; }

/* ---------- Desktop trigger ---------- */
.gx-lang-desktop .gx-lang-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 999px;
    color: var(--tx);
    cursor: pointer;
    font-family: var(--mono);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .03em;
    transition: background .2s, border-color .2s;
    min-height: 36px;
}
.gx-lang-desktop .gx-lang-trigger:hover {
    background: rgba(241,143,1,.08);
    border-color: rgba(241,143,1,.2);
}
.gx-lang-desktop .gx-lang-trigger .gx-lang-flag { font-size: 1rem; line-height: 1; }
.gx-lang-desktop .gx-lang-trigger .gx-lang-code { font-weight: 800; }
.gx-lang-desktop .gx-lang-trigger .gx-lang-caret {
    font-size: .55rem;
    opacity: .6;
    transition: transform .25s;
}
.gx-lang-desktop.is-open .gx-lang-caret { transform: rotate(180deg); opacity: 1; }

/* ---------- Desktop dropdown ---------- */
.gx-lang-desktop .gx-lang-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 200px;
    background: var(--s2, #0b0d10);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 6px;
    box-shadow: 0 20px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(241,143,1,.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px) scale(.98);
    transition: opacity .2s, transform .2s, visibility .2s;
    z-index: 1000;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.gx-lang-desktop.is-open .gx-lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}
.gx-lang-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    color: var(--tx);
    text-decoration: none !important;
    border-radius: 10px;
    font-size: .82rem;
    font-weight: 600;
    transition: background .15s;
    position: relative;
}
.gx-lang-option:hover { background: rgba(255,255,255,.05); }
.gx-lang-option .gx-lang-flag { font-size: 1.05rem; }
.gx-lang-option .gx-lang-name { flex: 1; }
.gx-lang-option .gx-lang-code {
    font-family: var(--mono);
    font-size: .62rem;
    color: var(--tx3);
    font-weight: 700;
    letter-spacing: .05em;
}
.gx-lang-option.is-current {
    background: linear-gradient(90deg, rgba(241,143,1,.12), rgba(241,143,1,.03));
    color: var(--gold);
}
.gx-lang-option.is-current .gx-lang-code { color: var(--gold); }
.gx-lang-option .gx-lang-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 8px var(--gold);
    margin-left: 4px;
}

/* ---------- Mobile variant (inside off-canvas panel) ---------- */
.gx-lang-mobile {
    padding: 14px 4px 6px;
    border-top: 1px solid rgba(255,255,255,.04);
    margin-top: 14px;
}
.gx-lang-mobile-label {
    font-family: var(--mono);
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--tx3);
    margin-bottom: 8px;
    padding-left: 4px;
}
.gx-lang-mobile-strip {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 2px;
}
.gx-lang-mobile-strip::-webkit-scrollbar { display: none; }
.gx-lang-mobile-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 13px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 999px;
    color: var(--tx);
    text-decoration: none !important;
    font-family: var(--mono);
    font-size: .68rem;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background .2s, border-color .2s;
}
.gx-lang-mobile-pill:hover { background: rgba(241,143,1,.1); }
.gx-lang-mobile-pill .gx-lang-flag { font-size: .95rem; }
.gx-lang-mobile-pill.is-current {
    background: linear-gradient(135deg, rgba(241,143,1,.18), rgba(241,143,1,.05));
    border-color: rgba(241,143,1,.4);
    color: var(--gold);
    box-shadow: 0 0 14px rgba(241,143,1,.2);
}

/* Light theme overrides */
html[data-theme="light"] .gx-lang-desktop .gx-lang-trigger {
    background: rgba(0,0,0,.03);
    border-color: rgba(0,0,0,.08);
    color: #1a1a1a;
}
html[data-theme="light"] .gx-lang-desktop .gx-lang-trigger:hover {
    background: rgba(241,143,1,.1);
    border-color: rgba(241,143,1,.3);
}
html[data-theme="light"] .gx-lang-desktop .gx-lang-dropdown {
    background: #ffffff;
    border-color: rgba(0,0,0,.08);
    box-shadow: 0 20px 40px rgba(0,0,0,.12);
}
html[data-theme="light"] .gx-lang-option { color: #1a1a1a; }
html[data-theme="light"] .gx-lang-option:hover { background: rgba(0,0,0,.04); }
html[data-theme="light"] .gx-lang-option .gx-lang-code { color: #666; }

@media (max-width: 1180px) {
    .gx-lang-desktop { display: none; }
}
@media (min-width: 1181px) {
    .gx-lang-mobile { display: none; }
}