/* ONE shared header component for every page (main, how, airlines, airline pages, reklama, EN) */
:root{--h-chip:rgba(20,19,18,.62);--h-ln:rgba(255,236,210,.12);--h-tx:#F2EEE8;--h-mut:#D8D3CB;--h-on:linear-gradient(135deg,rgba(31,58,95,.9),rgba(42,77,122,.85));--h-onbd:rgba(140,190,255,.55);--h-glow:rgba(90,150,255,.3);--h-ont:#fff}
html[data-theme=light]{--h-chip:rgba(228,222,213,.92);--h-ln:rgba(110,86,56,.18);--h-tx:#2b241d;--h-mut:#4a3f33;--h-on:linear-gradient(135deg,#3f74cc,#2a56a3);--h-onbd:rgba(255,255,255,.28);--h-glow:rgba(50,90,180,.22);--h-ont:#fff}
html{scrollbar-gutter:stable}
header.top{position:absolute!important;left:48px!important;right:48px!important;top:16px!important;height:44px!important;margin:0!important;padding:0!important;max-width:none!important;width:auto!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:16px!important;align-items:center!important;flex-wrap:nowrap!important;z-index:30;font-family:Manrope,"Segoe UI",system-ui,sans-serif}
body.sub{padding-top:76px;margin-top:0}
header.top .logo{justify-self:start;display:flex!important;align-items:center;gap:12px!important;font-weight:700!important;font-size:19px!important;letter-spacing:.04em;color:var(--h-tx)!important;text-decoration:none;white-space:nowrap}
header.top .logo svg{width:26px;height:26px;flex:none;display:block}header.top .logo span{line-height:26px;display:block}header.top .logo{line-height:26px!important;height:26px}
header.top .pills{justify-self:center;margin:0!important;background:var(--h-chip)!important;border:1px solid var(--h-ln)!important;border-radius:999px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
header.top .pills>a{color:var(--h-mut)!important;border-radius:999px!important;text-decoration:none!important;background:none;border:0}
header.top .pills>a:hover{color:var(--h-tx)!important}
header.top .rt{justify-self:end;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important}
header.top .lng{display:flex!important;padding:3px!important;border-radius:999px!important;background:var(--h-chip)!important;border:1px solid var(--h-ln)!important}
header.top .lng>button,header.top .lng>a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:36px!important;height:32px!important;padding:0 9px!important;border:0!important;background:none;border-radius:999px!important;font:700 11px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;letter-spacing:.05em;color:var(--h-mut)!important;text-decoration:none!important;cursor:pointer}
header.top .pills>a.on,header.top .lng>.on,header.top .hsl-k{background:var(--h-on)!important;color:var(--h-ont)!important;box-shadow:inset 0 0 0 1px var(--h-onbd),0 0 16px var(--h-glow)!important}
header.top .hsl.hsl-ready>.on{background:transparent!important;box-shadow:none!important}
header.top .ico{width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid var(--h-ln)!important;background:var(--h-chip)!important;display:grid!important;place-items:center;cursor:pointer;color:var(--h-mut)!important;padding:0!important;text-decoration:none}
header.top .ico .moon{display:none}html[data-theme=light] header.top .ico .moon{display:block}html[data-theme=light] header.top .ico .sun{display:none}
header.top #topGo{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;height:44px!important;min-width:156px!important;padding:0 20px!important;border-radius:999px!important;border:0!important;background:var(--h-on)!important;color:var(--h-ont)!important;box-shadow:inset 0 0 0 1px var(--h-onbd),0 0 16px var(--h-glow)!important;font:600 14px/1 Manrope,"Segoe UI",system-ui,sans-serif!important;text-decoration:none!important;cursor:pointer;text-shadow:none!important}
header.top #topGo b{font-weight:600!important;display:inline!important}
@media (max-width:760px){
 header.top{position:relative!important;left:auto!important;right:auto!important;top:auto!important;margin:12px 14px 0!important;display:flex!important;justify-content:space-between!important}
 body.sub{padding-top:0}
 header.top .pills{display:none!important}
 header.top .logo{font-size:17px!important}
 header.top .rt{gap:8px!important}
 header.top #topGo{min-width:46px!important;width:46px!important;padding:0!important;height:40px!important}
 header.top #topGo b{display:none!important}
 header.top .ico{width:40px!important;height:40px!important}
}
html[data-theme=light] body:not(.sub) header.top .logo{color:#f4efe8!important;text-shadow:0 1px 8px rgba(0,0,0,.45)}
html[data-theme=light] a.cta{background:linear-gradient(135deg,#3f74cc,#2a56a3)!important;color:#fff!important;box-shadow:0 6px 18px rgba(50,90,180,.25)!important;text-shadow:none!important}
/* feedback modal */
.fbm{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}
.fbm-bd{position:absolute;inset:0;background:rgba(8,8,10,.55);opacity:0;transition:opacity var(--ui-dur,450ms) cubic-bezier(0.22,1,0.36,1)}
.fbm-c{position:relative;width:min(460px,100%);box-sizing:border-box;padding:22px;border-radius:22px;background:rgba(24,23,22,.97);border:1px solid var(--h-ln);color:var(--h-tx);font-family:Manrope,"Segoe UI",system-ui,sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.45);opacity:0;transform:translateY(12px) scale(.98);transition:opacity var(--ui-dur,450ms) cubic-bezier(0.22,1,0.36,1),transform var(--ui-dur,450ms) cubic-bezier(0.22,1,0.36,1)}
html[data-theme=light] .fbm-c{background:#ece7df}
.fbm.on .fbm-bd,.fbm.on .fbm-c{opacity:1;transform:none}
.fbm-c h3{margin:0 0 14px;font-size:18px}
.fbm-c textarea,.fbm-c input,.rk-f input,.rk-f textarea{width:100%;box-sizing:border-box;margin:0 0 10px;padding:11px 13px;border-radius:12px;border:1px solid var(--h-ln);background:var(--h-chip);color:var(--h-tx);font:14px/1.4 Manrope,"Segoe UI",system-ui,sans-serif;resize:vertical}
.fbm-c textarea:focus,.fbm-c input:focus,.rk-f input:focus,.rk-f textarea:focus{outline:2px solid rgba(90,150,255,.55);outline-offset:0}
.fbm-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.fbm-s{min-height:18px;margin:2px 0 10px;font-size:13px;color:var(--h-mut)}
.fbm-a{display:flex;gap:10px;justify-content:flex-end}
.fbm-a button,.rk-f button{height:42px;padding:0 20px;border-radius:999px;border:1px solid var(--h-ln);background:var(--h-chip);color:var(--h-tx);font:600 14px Manrope,"Segoe UI",system-ui,sans-serif;cursor:pointer}
.fbm-a .fbm-b1,.rk-f button{background:var(--h-on);color:#fff;border:0;box-shadow:inset 0 0 0 1px var(--h-onbd)}
.fbm-a button:disabled{opacity:.6}
.flinks a{white-space:nowrap}

/* language switch cross-fade (subpages): header stays, only main fades */
body.sub main{transition:opacity 450ms cubic-bezier(0.22,1,0.36,1)}
body.sub main.lf-out{opacity:0;transition-duration:180ms}
html.lf-in body.sub main{opacity:0}html.lf-in.lf-go body.sub main{opacity:1}
/* subpages light theme: match dimmed warm main page */
html[data-theme=light] body.sub{--bg:#e2ddd4!important;--card:#ebe6de!important;--ln:rgba(90,70,45,.14)!important;--tx:#2b241d!important;background:#e2ddd4!important}
html[data-theme=light] body.sub input,html[data-theme=light] body.sub textarea,html[data-theme=light] body.sub select{background:#ebe6de!important}
