/* WARIANT B — menu i logo na filmie; menu pływa (fixed).
   Góra strony: logo i menu w kolorach marki (jasne tło hero, bez paska).
   Po przewinięciu: tło Slate, biała czcionka, biały pasek przy hover. */
body.hdr-na-filmie .header{position:fixed;top:0;left:0;right:0;background:transparent;z-index:50}
body.hdr-na-filmie .header.hdr-scrolled{background:rgba(20,32,44,.94);backdrop-filter:blur(8px);height:72px;box-shadow:0 6px 24px rgba(3,7,17,.25)}
body.hdr-na-filmie .header.hdr-scrolled .logo span,body.hdr-na-filmie .header.hdr-scrolled nav a,body.hdr-na-filmie .header.hdr-scrolled .menu-toggle{color:#FAF7F2}
body.hdr-na-filmie .header.hdr-scrolled .logo b{color:#9FB5AD}
body.hdr-na-filmie .header.hdr-scrolled nav a:after{background:#FAF7F2}
body.hdr-na-filmie .header.hdr-scrolled .menu-toggle{background:transparent;border-color:rgba(250,247,242,.5)}
body.hdr-na-filmie .header .logo span,body.hdr-na-filmie .header nav a{transition:color .25s}
body.hdr-na-filmie .hero{margin:0;min-height:100vh;min-height:100svh}
body.hdr-na-filmie .hero-content{padding-top:calc(var(--hdr) + 40px)}
@media(max-width:760px){body.hdr-na-filmie .header.hdr-scrolled{height:64px}}/* kotwice nie chowają się pod pływającym menu */
body.hdr-na-filmie [id]{scroll-margin-top:84px}
@media(max-width:760px){body.hdr-na-filmie [id]{scroll-margin-top:76px}}
/* menu przy logo (jasna część hero), przycisk sam po prawej */
@media(min-width:761px){body.hdr-na-filmie .header{justify-content:flex-start}body.hdr-na-filmie .header nav{margin-left:clamp(32px,4vw,64px)}body.hdr-na-filmie .header>.button{margin-left:auto}}
/* Zobacz, jak pracujemy: ekran zjezdza tuz pod linie filmu (sekcja pod hero od samej gory) */ body.hdr-na-filmie #oferta{scroll-margin-top:0}
html:has(body.hdr-na-filmie){scroll-padding-top:0}