/* Wspólny nagłówek podstron (decyzja właściciela 12.10.2026: mechanika menu jak na stronie głównej wszędzie).
   Ta sama belka co na stronie głównej: szkło, po zjechaniu z góry pływająca belka z cieniem, chowa się po 540 px
   przewijania w dół, wraca po 12 px w górę (naglowek.js). Strona główna ma te same wartości w hero-biale.css/js. */
/* Cel kotwicy (#krok-…, #tryb, kategorie) zawsze pod menu, nie pod nim (audyt 12.10.2026, WCAG 2.4.11). */
html{scroll-padding-top:calc(var(--header-height) + var(--header-glass-lift) + 16px)}
.ps-podstrona{padding-top:calc(var(--header-height) + var(--header-glass-lift))}
.ps-podstrona .ps-kontener{width:calc(100% - 2 * var(--page-gutter));max-width:var(--content-width);margin-inline:auto}
.ps-podstrona .ps-naglowek{position:fixed;inset:0 0 auto;z-index:50;isolation:isolate;background:transparent;border:0;pointer-events:none;transform:translateY(0);translate:0 0;transition:transform var(--header-glass-duration) var(--hero-ease),translate var(--header-scroll-duration) var(--ease-out)}
.ps-podstrona .ps-naglowek--schowany{translate:0 calc(-100% - 48px)}
.ps-podstrona .ps-naglowek__wnetrze{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--header-height)}
.ps-podstrona .ps-naglowek::before,.ps-podstrona .ps-naglowek::after{content:'';position:absolute;inset:0;box-sizing:border-box;border-radius:0;transform:scaleX(1);transform-origin:center;pointer-events:none;transition:transform var(--header-glass-duration) var(--hero-ease),opacity var(--header-glass-duration) var(--hero-ease)}
.ps-podstrona .ps-naglowek::before{z-index:-1;background:var(--header-glass-bg);border:1px solid rgb(255 255 255 / 65%);border-bottom-color:rgb(22 22 22 / 8%);-webkit-backdrop-filter:blur(var(--header-glass-blur)) saturate(140%);backdrop-filter:blur(var(--header-glass-blur)) saturate(140%)}
.ps-podstrona .ps-naglowek::after{z-index:-2;opacity:0;box-shadow:0 8px 28px rgb(22 22 22 / 10%),0 1px 3px rgb(22 22 22 / 5%)}
.ps-podstrona.ps-menu-plywa .ps-naglowek{transform:translateY(var(--header-glass-lift))}
.ps-podstrona.ps-menu-plywa .ps-naglowek::before,.ps-podstrona.ps-menu-plywa .ps-naglowek::after{transform:scaleX(var(--header-glass-scale,1));border-radius:var(--header-glass-radius)}
.ps-podstrona.ps-menu-plywa .ps-naglowek::after{opacity:1}
.ps-podstrona:not(.ps-menu-plywa) .ps-naglowek::before{border-color:transparent;border-bottom-color:var(--line)}
.ps-podstrona .ps-marka{display:flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;color:var(--ink);flex-shrink:0}
.ps-podstrona .ps-marka__sygnet{width:44px;height:44px;padding:6px;background:white;object-fit:contain}
.ps-podstrona .ps-marka__nazwa{font-size:20px;letter-spacing:-.035em;font-weight:650;line-height:1}
.ps-podstrona .ps-marka__nazwa span{color:var(--blue)}
.ps-podstrona .ps-naglowek__cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 20px;border:0;border-radius:4px;background:var(--action);color:white;text-decoration:none;font:600 15px/1.2 Inter,Arial,sans-serif}
.ps-podstrona .ps-naglowek__cta:hover{background:var(--action-hover)}
.ps-podstrona .ps-naglowek__cta:active{background:var(--action-active)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ps-podstrona .ps-naglowek::before{background:rgb(255 255 255 / 96%)}}
@media(max-width:600px){.ps-podstrona .ps-naglowek__cta{font-size:13px;padding:10px 12px;gap:8px;min-height:44px}.ps-podstrona .ps-naglowek__cta svg{width:16px}.ps-podstrona .ps-marka{gap:4px}.ps-podstrona .ps-marka__nazwa{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ps-podstrona .ps-naglowek,.ps-podstrona .ps-naglowek::before,.ps-podstrona .ps-naglowek::after{transition:none}.ps-podstrona .ps-naglowek{translate:0 0!important}}
@media print{.ps-podstrona{padding-top:0}.ps-podstrona .ps-naglowek{position:static;transform:none;translate:none!important}.ps-podstrona .ps-naglowek::before,.ps-podstrona .ps-naglowek::after{display:none}}