.public-header.lp-header{--accent:#e10600;position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%;min-height:72px;gap:16px;padding:14px 18px;border:0;border-top:3px solid #353535;border-bottom:2px solid #b50b05;background:#0e0e0e;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.public-header .logo{display:flex;align-items:center;flex:0 0 auto;gap:12px;color:#fff;text-decoration:none}.public-header .logo svg{display:block;width:120px;height:auto}.public-header .logo .titleTag{color:#ff2a1e;font:700 22px/1 Orbitron,sans-serif;letter-spacing:2px;white-space:nowrap}.public-header .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0;margin-left:auto}.public-header .lp-tabs{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin:0;padding:0!important;border:0!important;background:transparent!important;overflow-x:auto;scrollbar-width:none}.public-header .lp-tabs::-webkit-scrollbar{display:none}.public-header .tab-btn{display:inline-flex;align-items:center;justify-content:center;appearance:none;min-height:32px;padding:8px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#e6e6e6;font:600 12px/1 Orbitron,system-ui,sans-serif;text-decoration:none;white-space:nowrap;transition:all .18s ease}.public-header .tab-btn:hover{border-color:#ff3a2f;background:rgba(255,255,255,.09);color:#fff;box-shadow:inset 0 0 0 2px rgba(255,58,47,.15)}.public-header .tab-btn.is-active{border-color:#ff3a2f;background:linear-gradient(180deg,#ff3a2f,#b50b05);color:#fff;box-shadow:0 6px 16px rgba(255,58,47,.25)}.public-header .lang-switch{position:relative;flex:0 0 auto;margin:0}.public-header .lang-btn{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #ff3a2f;border-radius:7px;background:rgba(255,255,255,.04);color:#fff;font:600 12px/1 Orbitron,sans-serif;text-decoration:none}.public-header .lang-btn .caret{font-size:9px;opacity:.8}@media(max-width:1250px){.public-header.lp-header{flex-wrap:wrap}.public-header .header-actions{width:100%}.public-header .lp-tabs{justify-content:flex-start}.public-header .lang-switch{margin-left:auto}}@media(max-width:720px){.public-header .logo svg{width:100px}.public-header .logo .titleTag{font-size:18px}.public-header .header-actions{overflow:hidden}.public-header .tab-btn{padding:7px 11px;font-size:10px}}

.public-header .lang-menu{position:absolute;z-index:1100;top:calc(100% + 8px);right:0;display:none;width:190px;max-height:min(410px,70vh);margin:0;padding:7px;overflow-y:auto;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#14161b;box-shadow:0 16px 38px rgba(0,0,0,.55);list-style:none}
.public-header .lang-switch.open .lang-menu{display:block}
.public-header .lang-menu .chosenLang{padding:9px 10px;border-radius:7px;color:#e9ebef;cursor:pointer;font:600 11px/1.2 system-ui,sans-serif}
.public-header .lang-menu .chosenLang:hover{background:#e10600;color:#fff}
@media(max-width:720px){.public-header .header-actions{overflow:visible}.public-header .lp-tabs{overflow-x:auto}}

/* Publiczny naglowek na telefonach: marka i jezyk u gory, menu ponizej. */
@media(max-width:720px){
  .public-header.lp-header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "brand language"
      "menu menu";
    align-items:center;
    gap:10px 12px;
    min-height:0;
    padding:10px 12px 8px!important;
    overflow:visible;
  }
  .public-header .logo{
    grid-area:brand;
    order:initial!important;
    flex:none!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0;
    padding:0!important;
    gap:8px;
  }
  .public-header .logo svg{
    width:86px;
    max-width:28vw;
  }
  .public-header .logo .titleTag{
    min-width:0;
    overflow:hidden;
    font-size:16px;
    letter-spacing:1.5px;
    text-overflow:ellipsis;
  }
  .public-header .header-actions{
    display:contents;
    width:auto;
    margin:0;
  }
  .public-header .lp-tabs{
    grid-area:menu;
    width:100%;
    max-width:100%;
    justify-content:flex-start;
    gap:6px;
    padding:1px 0 3px!important;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .public-header .tab-btn{
    flex:0 0 auto;
    min-height:30px;
    padding:7px 10px;
    font-size:9px;
  }
  .public-header .lang-switch{
    grid-area:language;
    align-self:center;
    justify-self:end;
    margin:0!important;
  }
  .public-header .lang-btn{
    min-height:34px;
    padding:7px 10px;
  }
}
