/* ============================================================ PASEK NAGŁÓWKA — jeden dla całego serwisu (2026-09-22) ============================================================ Przyklejony do góry okna pasek z linią 1 px i miękkim cieniem pod spodem: landing (/v2 i stary), podstrony, oba lejki (krok1/krok2/płatność i kadr_step1/2/kadr_platnosc), panel klienta (kadr_step3). Ten plik to JEDYNE miejsce, w którym żyje wygląd paska (kolor, linia, cień, wysokość, rozmiar logo). Strona daje mu klasę `site-header` na

i własny kontener wewnątrz (.naglowek / .header / .header__inner) z układem po swojemu — pasek rozciąga kontener na całą wysokość, a kontener centruje treść w pionie (align-items: center). Markup:

… (stare strony)

ma być bezpośrednim dzieckiem , PRZED pasem hero — sticky wewnątrz pasa mgiełki trzymałby się tylko do jego końca. Kotwice (#cennik, #faq…) i scrollIntoView honorują scroll-padding-top na , więc cel nie ląduje pod paskiem. Baza to pełny kolor bez blura (stare Safari / Android). Tam, gdzie jest backdrop-filter, tło robi się półprzezroczyste i treść pod spodem prześwituje rozmyta — ten sam efekt co color-mix(#F7F5F1 88 %), ale bez zależności od wsparcia color-mix. Wysokość jako min-height, nie height: przy powiększonej czcionce w przeglądarce (odbiorca 50+) link po prawej nie wystaje poza pasek. Kolejność ładowania: PO arkuszu strony (style.css / strona-v2.css / kadr_step3.css), PRZED inline