/* Sztuka Relaksu — fixed navigation, 20.10.2026. Never hidden on scroll. */
:root{--sr-header-height:91px;--sr-nav-bg:#faf7ef;--sr-nav-ink:#153a2e;--sr-nav-hover:#e3ebe2}
html{scroll-padding-top:calc(var(--sr-header-height) + 16px)}
body.sr-site{padding-top:var(--sr-header-height)}
header.sr-header{position:fixed;top:0;left:0;right:0;z-index:1100;width:100%;max-width:none;margin:0;padding:0;border:0;border-bottom:1px solid #c0cbbd;border-radius:0;background:#faf7ef;color:#153a2e;box-shadow:0 3px 16px #193f331c;isolation:isolate;transform:none;opacity:1;visibility:visible}
.sr-header-bar{max-width:1380px;margin:0 auto;padding:18px 30px;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative}
.sr-header-brand,.sr-header-brand:hover,.sr-header-brand:focus-visible{display:inline-flex;flex:0 0 auto;padding:0;margin:0;color:#153a2e;text-decoration:none;opacity:1}
header.sr-header .sr-brand{display:inline-flex;flex-direction:column;gap:7px;font:600 30px/1.15 "Lora",Georgia,serif;letter-spacing:-.02em;white-space:nowrap;color:#153a2e;opacity:1;text-shadow:none;mix-blend-mode:normal}
header.sr-header .sr-brand small{font:600 10px/1.4 "Plus Jakarta Sans",Arial,sans-serif;letter-spacing:.18em;color:#153a2e}
.sr-navigation{display:block;min-width:0}
.sr-navigation ul{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}
.sr-navigation li{margin:0;padding:0;list-style:none}
.sr-navigation a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px 13px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--sr-nav-ink);font:600 14px/1.45 var(--default-font),sans-serif;text-decoration:none;text-transform:none;white-space:nowrap;transition:background-color .15s,color .15s}
.sr-navigation a:hover,.sr-navigation a:focus-visible{background:var(--sr-nav-hover);color:var(--sr-nav-ink)}
.sr-navigation a[aria-current="page"]{background:var(--sr-nav-hover);color:var(--sr-nav-ink);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.sr-navigation a.sr-nav-book{margin-left:10px;padding-right:20px;padding-left:20px;background:var(--sr-nav-ink);border-color:var(--sr-nav-ink);color:var(--sr-nav-bg)}
.sr-navigation a.sr-nav-book:hover,.sr-navigation a.sr-nav-book:focus-visible{background:#315b49;border-color:#315b49;color:#fff}
.sr-navigation a.sr-nav-book[aria-current="page"]{background:var(--sr-nav-ink);color:var(--sr-nav-bg)}
.sr-menu-toggle{display:none;align-items:center;justify-content:center;gap:11px;flex:0 0 auto;min-width:94px;min-height:46px;padding:11px 14px;border:1px solid var(--sr-nav-ink);border-radius:5px;background:var(--sr-nav-ink);color:var(--sr-nav-bg);font:600 13px/1.4 var(--default-font),sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sr-menu-toggle:hover{background:#315b49;border-color:#315b49;color:#fff}
.sr-menu-toggle-icon{width:19px;height:16px;display:block;position:relative}
.sr-menu-toggle-icon span{display:block;position:absolute;left:0;width:19px;height:2px;border-radius:2px;background:currentColor;transition:transform .15s,opacity .15s}
.sr-menu-toggle-icon span:nth-child(1){top:1px}
.sr-menu-toggle-icon span:nth-child(2){top:7px}
.sr-menu-toggle-icon span:nth-child(3){top:13px}
.sr-menu-toggle[aria-expanded="true"] .sr-menu-toggle-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.sr-menu-toggle[aria-expanded="true"] .sr-menu-toggle-icon span:nth-child(2){opacity:0}
.sr-menu-toggle[aria-expanded="true"] .sr-menu-toggle-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.sr-header a:focus-visible,.sr-menu-toggle:focus-visible{outline:3px solid #906b34;outline-offset:3px}
.sr-header [hidden]{display:none!important}
.sr-skip{position:fixed}
@media(max-width:1099px){
 /* Safe space for the expanded, horizontally scrollable navigation without JS. */
 :root{--sr-header-height:155px}
 .sr-header-bar{min-height:80px;padding:16px 24px;gap:16px;flex-wrap:wrap}
 header.sr-header .sr-brand{font-size:26px}
 header.sr-header .sr-brand small{font-size:9px}
 /* Without JavaScript, every link stays available in a compact horizontal bar. */
 .sr-navigation{width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 .sr-navigation ul{width:max-content;padding:2px 3px 7px}
 .sr-nav-ready .sr-header-bar{flex-wrap:nowrap}
 .sr-nav-ready .sr-menu-toggle:not([hidden]){display:inline-flex}
 .sr-nav-ready .sr-navigation{position:absolute;left:0;right:0;top:100%;width:100%;padding:12px 24px 20px;border-bottom:1px solid #cfd6cb;background:var(--sr-nav-bg);box-shadow:0 12px 18px #193f331f;max-height:calc(100vh - var(--sr-header-height) - 12px);max-height:calc(100dvh - var(--sr-header-height) - 12px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .sr-nav-ready .sr-navigation ul{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:0}
 .sr-nav-ready .sr-navigation a{justify-content:flex-start;min-height:47px;padding:12px 15px;font-size:15px;white-space:normal}
 .sr-nav-ready .sr-navigation a.sr-nav-book{margin:10px 0 0;justify-content:center}
}
@media(max-width:380px){
 :root{--sr-header-height:140px}
 .sr-header-bar{padding:14px 16px;gap:10px;min-height:75px}
 header.sr-header .sr-brand{font-size:22px}
 header.sr-header .sr-brand small{font-size:8px;letter-spacing:.14em}
 .sr-menu-toggle{min-width:85px;padding:11px 12px;gap:8px}
 .sr-nav-ready .sr-navigation{padding:10px 16px 16px}
}
@media(prefers-reduced-motion:reduce){.sr-navigation a,.sr-menu-toggle-icon span{transition:none}}
@media print{header.sr-header{display:none!important}body.sr-site{padding-top:0}html{scroll-padding-top:0}}
