/* Shared site header — identical on every page (home, blog, FAQ, legal). */
:root{--card2:#1d1d22;--red-d:#ad081b}
:root[data-theme="light"]{--card2:#f3f3f5}
header.nav{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}
[data-theme="light"] header.nav{background:#ffffff}
header.nav .wrap{max-width:1160px;margin:0 auto;padding:0 22px;width:100%}
header.nav .nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
header.nav .logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--text);text-decoration:none}
header.nav .logo .mark{width:30px;height:30px}
header.nav .nav-links{display:flex;gap:26px;font-size:14px;color:var(--muted);font-weight:500;align-items:center}
header.nav .nav-links a{color:var(--muted);text-decoration:none}
header.nav .nav-links a:hover{color:var(--text)}
@media(max-width:820px){header.nav .nav-links{display:none}}
header.nav .nav-right{display:flex;align-items:center;gap:10px}
header.nav .theme-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;cursor:pointer;color:var(--text);transition:border-color .15s ease,background .15s ease,transform .12s ease}
header.nav .theme-btn:hover{border-color:#3a3a44;transform:translateY(-1px)}
header.nav .theme-btn svg{width:18px;height:18px;fill:currentColor;display:none}
header.nav .theme-btn .i-moon{display:block}
[data-theme="light"] header.nav .theme-btn .i-moon{display:none}
[data-theme="light"] header.nav .theme-btn .i-sun{display:block}
header.nav .lang{position:relative}
header.nav .lang-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:19px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;transition:border-color .15s ease,transform .12s ease}
header.nav .lang-btn:hover{border-color:#3a3a44;transform:translateY(-1px)}
header.nav .lang-btn .chev{font-size:10px;color:var(--muted)}
header.nav .lang-menu{position:absolute;top:46px;right:0;z-index:60;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px;min-width:178px;max-height:340px;overflow:auto;box-shadow:0 18px 50px -20px rgba(0,0,0,.6)}
header.nav .lang-menu[hidden]{display:none}
header.nav .lang-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;color:var(--text);font:inherit;font-size:14px;padding:9px 11px;border-radius:9px;cursor:pointer}
header.nav .lang-menu button:hover{background:var(--card2)}
header.nav .lang-menu button .fl{font-size:16px;line-height:1}
header.nav .lang-menu button.on{color:var(--red);font-weight:700}
header.nav .lang-menu button .ck{margin-left:auto;color:var(--red);opacity:0}
header.nav .lang-menu button.on .ck{opacity:1}
[dir="rtl"] header.nav .lang-menu{right:auto;left:0}
[dir="rtl"] header.nav .lang-menu button{text-align:right}
header.nav .btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;padding:11px 18px;border-radius:999px;cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap;transition:transform .12s ease,background .15s ease}
header.nav .btn:hover{transform:translateY(-1px)}
header.nav .btn-red{background:var(--red);color:#fff}
header.nav .btn-red:hover{background:var(--red-d)}
header.nav .btn svg{width:18px;height:18px}