/* Shared homepage shell. Private names avoid the legacy marketing/panel cascade. */
html:has([data-zwid-site-header]){scrollbar-gutter:stable!important}
@media(max-width:760px){html:has([data-zwid-site-header]){scrollbar-gutter:auto!important}}
@font-face{font-family:ZWIDShellText;src:url('/static/fonts/manrope.woff2') format('woff2');font-display:swap}
@font-face{font-family:ZWIDShellDisplay;src:url('/static/fonts/zwid-display.woff2') format('woff2');font-display:swap}
html body header[data-zwid-site-header],html body header[data-zwid-site-header] *{box-sizing:border-box}
html body header[data-zwid-site-header]{all:revert;box-sizing:border-box;--zsh-bg:#14120f;--zsh-ink:#f7f3eb;--zsh-line:#3b3229;--zsh-accent:#ff7654;position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;isolation:isolate;width:100%;max-width:1240px;min-width:0;min-height:90px;height:auto;margin:0 auto;padding:0 44px;border:0;border-bottom:1px solid var(--zsh-line);border-radius:0;background:var(--zsh-bg);color:var(--zsh-ink);font:400 15px/1.7 ZWIDShellText,Arial,sans-serif;letter-spacing:0;text-transform:none;text-align:left;box-shadow:none;transform:none;z-index:60;color-scheme:dark}
html body header[data-zwid-site-header] :is(a,button,nav,b,span,small){all:revert;box-sizing:border-box;letter-spacing:0;text-transform:none;font-family:ZWIDShellText,Arial,sans-serif;color:var(--zsh-ink);margin:0;text-decoration:none;box-shadow:none;transform:none;text-shadow:none}
html body header[data-zwid-site-header] :is(a,button){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
html body header[data-zwid-site-header] :is(a,button):focus-visible{outline:3px solid var(--zsh-accent);outline-offset:5px}
html body header[data-zwid-site-header] .zsh-brand{display:flex;align-items:center;gap:14px;flex-shrink:0;min-width:0;font:700 29px/normal ZWIDShellDisplay,Arial,sans-serif;white-space:nowrap}
html body header[data-zwid-site-header] .zsh-mark{display:block;font:italic 700 35px/normal ZWIDShellDisplay,Arial,sans-serif;color:var(--zsh-accent)}
html body header[data-zwid-site-header] .zsh-name{display:block;font:inherit}
html body header[data-zwid-site-header] .zsh-tagline{display:block;border-left:1px solid var(--zsh-line);padding-left:16px;font:400 9px/normal ZWIDShellText,Arial,sans-serif;letter-spacing:2px;white-space:nowrap}
html body header[data-zwid-site-header] .zsh-nav{display:flex;align-items:center;flex-wrap:nowrap;gap:26px;width:auto;min-width:0;padding:0;border:0;background:transparent;font:400 13px/1.7 ZWIDShellText,Arial,sans-serif}
html body header[data-zwid-site-header] .zsh-link{display:block;padding:0;font:inherit;white-space:nowrap}
html body header[data-zwid-site-header] .zsh-link:hover{color:var(--zsh-accent)}
html body header[data-zwid-site-header] .zsh-link[aria-current=page]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
html body header[data-zwid-site-header] .zsh-studio{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:44px;padding:10px 17px;border:1px solid var(--zsh-line);border-radius:5px;background:transparent;font:400 13px/1.7 ZWIDShellText,Arial,sans-serif;white-space:nowrap}
html body header[data-zwid-site-header] .zsh-studio span{font:inherit}
html body header[data-zwid-site-header] .zsh-studio:hover{border-color:var(--zsh-accent);color:var(--zsh-ink);background:transparent}
html body header[data-zwid-site-header] .zsh-menu{display:none;font:400 11px/1.7 ZWIDShellText,Arial,sans-serif}
html body header[data-zwid-site-header]::before,html body header[data-zwid-site-header]::after,html body header[data-zwid-site-header] .zsh-brand::before,html body header[data-zwid-site-header] .zsh-brand::after{content:none}
@media(max-width:1100px){html body header[data-zwid-site-header]{padding-inline:28px}html body header[data-zwid-site-header] .zsh-nav{gap:16px;font-size:11px}}
@media(max-width:1050px){html body header[data-zwid-site-header] .zsh-nav{gap:14px}}
@media(max-width:1000px){
 html body header[data-zwid-site-header]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:0 10px;padding-inline:20px;min-height:90px}
 html body header[data-zwid-site-header] .zsh-brand{grid-column:1;grid-row:1;gap:8px;font-size:22px}
 html body header[data-zwid-site-header] .zsh-tagline{padding-left:8px;font-size:7px;letter-spacing:1px}
 html body header[data-zwid-site-header] .zsh-menu{display:block;grid-column:2;grid-row:1;min-height:44px;padding:9px 10px;border:1px solid var(--zsh-line);border-radius:5px;background:transparent;font:400 11px/1.7 ZWIDShellText,Arial,sans-serif;cursor:pointer}
 html body header[data-zwid-site-header] .zsh-studio{grid-column:3;grid-row:1;min-height:44px;padding:8px 10px;font-size:11px}
 html body header[data-zwid-site-header] .zsh-nav{display:none;grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:8px;width:100%;padding:12px 0 18px;border-top:1px solid var(--zsh-line)}
 html body header[data-zwid-site-header][data-menu-open=true] .zsh-nav{display:flex}
 html body header[data-zwid-site-header] .zsh-link{display:flex;align-items:center;min-height:44px;padding:9px 12px;border:1px solid var(--zsh-line);border-radius:5px;font-size:13px}
 html body header[data-zwid-site-header][data-menu-open=true]{row-gap:0;padding-top:23px}
 html body header[data-zwid-site-header][data-menu-open=true] .zsh-nav{margin-top:23px}
}
@media(max-width:420px){
 html body header[data-zwid-site-header]{padding-inline:16px;column-gap:8px}
 html body header[data-zwid-site-header] .zsh-brand{gap:6px;font-size:20px}
 html body header[data-zwid-site-header] .zsh-mark{font-size:30px}
 html body header[data-zwid-site-header] .zsh-tagline{padding-left:6px;font-size:6.5px;letter-spacing:.7px}
 html body header[data-zwid-site-header] .zsh-studio{gap:5px;padding-inline:8px}
 html body header[data-zwid-site-header] .zsh-menu{padding-inline:8px}
}
@media(max-width:359px){
 html body header[data-zwid-site-header]{padding-inline:12px;column-gap:6px}
 html body header[data-zwid-site-header] .zsh-brand{gap:5px;font-size:18px}
 html body header[data-zwid-site-header] .zsh-mark{font-size:27px}
 html body header[data-zwid-site-header] .zsh-tagline{padding-left:5px;font-size:6px;letter-spacing:.5px}
 html body header[data-zwid-site-header] .zsh-studio{padding-inline:6px;font-size:10px}
 html body header[data-zwid-site-header] .zsh-menu{padding-inline:6px;font-size:10px}
}

/* The account strip is separate from the identical public header. */
body.panel{--topbar:146px}
body.panel #app>.topbar.workspace-chrome{display:block;height:auto;min-height:0;padding:0;gap:0}
.workspace-account-row{display:flex;align-items:center;gap:12px;min-height:56px;width:calc(100% - 88px);max-width:1152px;margin:auto;box-sizing:border-box}
.workspace-account-row>.rozdziel:before{content:'TWOJA PRACOWNIA';font-size:10px;font-weight:750;letter-spacing:.12em;color:var(--dim)}
.workspace-account-row .konto{position:relative}
@media(max-width:1100px){.workspace-account-row{width:calc(100% - 56px)}}
@media(max-width:1000px){.workspace-account-row{width:calc(100% - 40px);gap:8px;flex-wrap:wrap;padding-block:8px}.workspace-account-row>.rozdziel:before{display:none}}

/* Historical gallery rules retained unchanged. */
.gallery-section .film-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.gallery-section .film-frame{height:360px;border-radius:14px;overflow:hidden}
.gallery-section .film-card h3{font-size:24px;margin-top:16px}
.gallery-section .film-card p{font-size:14px}
.gallery-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.gallery-filters button{border:1px solid var(--line-2);background:transparent;color:var(--txt);border-radius:8px;padding:10px 16px;font:700 13px Manrope,system-ui,sans-serif;cursor:pointer}
.gallery-filters button[aria-pressed=true]{background:var(--acc);color:var(--ink);border-color:var(--acc)}
.gallery-section .film-card[hidden]{display:none}
@media(max-width:850px){.gallery-section .film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-section .film-frame{height:310px}}
@media(max-width:520px){.gallery-section .film-grid{grid-template-columns:1fr}.gallery-section .film-frame{height:400px}}

/* === 30.09: szersza strona + jednolity header (jeden pasek na całą szerokość, także w panelu) === */
html body header[data-zwid-site-header]{max-width:none!important;padding-left:max(44px,calc((100% - 1440px)/2 + 44px))!important;padding-right:max(44px,calc((100% - 1440px)/2 + 44px))!important}
body.panel #app>.topbar.workspace-chrome{display:flex!important;align-items:center;justify-content:space-between;border-bottom:1px solid var(--zsh-line,#3b3229)}
body.panel #app>.topbar.workspace-chrome>header[data-zwid-site-header]{flex:1 1 auto;width:auto!important;border-bottom:0!important;padding-left:32px!important;padding-right:20px!important}
body.panel #app>.topbar.workspace-chrome>header[data-zwid-site-header] .zsh-studio{display:none!important}
body.panel .workspace-account-row{flex:0 0 auto;width:auto!important;max-width:none!important;margin:0!important;padding-right:32px}
body.panel .workspace-account-row>.rozdziel{display:none}
@media(max-width:1360px){
  body.panel #app>.topbar.workspace-chrome>header[data-zwid-site-header] .zsh-nav{display:none}
}
@media(max-width:1000px){
  body.panel #app>.topbar.workspace-chrome{flex-wrap:wrap}
  body.panel #app>.topbar.workspace-chrome>header[data-zwid-site-header]{padding-left:20px!important}
  body.panel .workspace-account-row{padding:0 20px 10px}
}
body.panel #app>.topbar.workspace-chrome{background:var(--zsh-bg,#14120f)!important}
body.panel #app>.topbar.workspace-chrome>header[data-zwid-site-header]{background:transparent!important}
/* jedna siatka dla headera i treści: max 1440 px, marginesy 44 / 28 / 20 px */
html body{--zwid-pad:44px}
@media(max-width:1100px){html body{--zwid-pad:28px}}
@media(max-width:760px){html body{--zwid-pad:20px}}
html body header[data-zwid-site-header]{padding-left:max(var(--zwid-pad),calc((100% - 1440px)/2 + var(--zwid-pad)))!important;padding-right:max(var(--zwid-pad),calc((100% - 1440px)/2 + var(--zwid-pad)))!important}
html body:not(.panel) :is(.wrap:not(.prawny),.kh-wrap,.kh-header,.kh-footer){max-width:1440px!important;padding-left:var(--zwid-pad)!important;padding-right:var(--zwid-pad)!important;box-sizing:border-box}
html body:not(.panel)>footer{max-width:1440px;padding-left:var(--zwid-pad)!important;padding-right:var(--zwid-pad)!important;box-sizing:border-box}
html body:not(.panel) .wrap.prawny{padding-left:var(--zwid-pad)!important;padding-right:var(--zwid-pad)!important}
