/* Wspólna czarna belka nad nagłówkiem — na każdej stronie */
.site-topbar{background:#03111d;color:#cde8f7;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.35}
.site-topbar *{box-sizing:border-box}
.site-topbar .shell{width:min(1160px,calc(100% - 40px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 0}
.site-topbar strong{color:#fff;font-weight:800}
@media(max-width:680px){.site-topbar .shell{width:min(100% - 28px,1160px)}.site-topbar .shell span:last-child{display:none}}
/* Jeden wspólny nagłówek dla całego historiaasovw.pl — wzorzec: strona główna */
.site-header{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(255,255,255,.94);border-bottom:1px solid rgba(215,224,229,.9);position:sticky;top:0;font-family:Arial,Helvetica,sans-serif;color:#17232d}
.site-header *{box-sizing:border-box}
.site-header a{text-decoration:none}
.site-header .shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.site-header .header-inner{align-items:center;gap:28px;min-height:78px;display:flex;position:relative}
.site-header .wordmark{color:#071a2b;white-space:nowrap;align-items:center;gap:12px;font-weight:800;line-height:1.1;display:inline-flex;flex:0 0 auto}
.site-header .wordmark img{display:block;width:clamp(150px,20vw,230px);height:auto}
.site-header .primary-nav{color:#42535f;justify-content:center;align-items:center;gap:24px;margin-left:auto;font-size:14px;font-weight:700;display:flex}
.site-header .primary-nav a{color:#42535f;text-decoration:none;white-space:nowrap}
.site-header .primary-nav a:hover,.site-header .primary-nav a:focus-visible{color:#0077c8}
.site-header .mobile-nav{display:none}
.site-header .mobile-nav summary{cursor:pointer;border:1px solid #d7e0e5;background:#fff;min-height:42px;color:#071a2b;border-radius:9px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:900;list-style:none;display:flex}
.site-header .mobile-nav summary::-webkit-details-marker{display:none}
.site-header .mobile-nav-label{line-height:1}
.site-header .hamburger{flex-direction:column;gap:4px;width:20px;display:flex}
.site-header .hamburger i{background:#071a2b;border-radius:2px;width:20px;height:2px;transition:transform .18s,opacity .18s;display:block}
.site-header .mobile-nav[open] .hamburger i:first-child{transform:translateY(6px) rotate(45deg)}
.site-header .mobile-nav[open] .hamburger i:nth-child(2){opacity:0}
.site-header .mobile-nav[open] .hamburger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.site-header .mobile-nav-panel{z-index:70;border:1px solid #d7e0e5;background:#fff;border-radius:0 0 16px 16px;gap:0;padding:12px 18px 18px;display:grid;position:absolute;top:calc(100% - 1px);left:0;right:0;box-shadow:0 22px 48px rgba(12,29,43,.18)}
.site-header .mobile-nav-panel>a:not(.button){border-bottom:1px solid #d7e0e5;color:#344b58;padding:13px 9px;font-weight:800}
.site-header .mobile-nav-panel>a:not(.button):hover{color:#0077c8}
.site-header .button{border:1px solid #0077c8;background:#0077c8;min-height:48px;color:#fff;text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:12px 20px;font-weight:800;line-height:1.2;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 9px 22px rgba(0,119,200,.2);text-decoration:none}
.site-header .button:hover{background:#00568f;transform:translateY(-2px);box-shadow:0 13px 28px rgba(0,119,200,.25)}
.site-header .button-small{white-space:nowrap;min-height:40px;padding:10px 15px;font-size:13px;flex:0 0 auto}
.site-header .mobile-nav-panel .button{margin-top:14px}
.site-header a:focus-visible,.site-header summary:focus-visible{outline-offset:3px;outline:3px solid #0077c8}
@media(max-width:980px){
  .site-header .primary-nav{display:none}
  .site-header .mobile-nav{display:block;margin-left:auto;position:static}
  .site-header .header-inner>.button-small{display:none}
  .site-header .header-inner{gap:10px;min-height:68px}
  .site-header .wordmark img{width:180px!important}
}
@media(max-width:380px){
  .site-header .shell{width:min(100% - 24px,1160px)}
  .site-header .wordmark img{width:150px!important}
  .site-header .header-inner{gap:6px}
  .site-header .mobile-nav summary{padding:7px 8px}
}
/* Dodatkowy poradnik w menu: przejście do wersji mobilnej zanim linki się ścisną. */
.site-header .primary-nav{gap:16px}
@media(max-width:1180px){.site-header .primary-nav{display:none}.site-header .mobile-nav{display:block;margin-left:auto;position:static}.site-header .header-inner>.button-small{display:none}}