/* 5.11.2026: ZWID w spójnym wyglądzie z promptowy.com ("Gazeta") i kombAInem - polecenie Piotra.
   System promptowego: Figtree (tytuły 800, -.025em) + JetBrains Mono w etykietach, kąty proste, bez cieni,
   linie 1px, akcent 3px nad sekcją i kartą. Kolory ZWID zostają: ciepła czerń #14120f + pomarańcz #ff7654.
   Warstwa nad home-v2.css i site-header.css - znaczniki i skrypty bez zmian. Cofnięcie: usunąć link do tego pliku. */
:root{
  --h:'Figtree',system-ui,sans-serif;--t:'Figtree',system-ui,sans-serif;--m:'JetBrains Mono',ui-monospace,monospace;
  --line:#2e2922;--line2:#453d33;--muted:#c4b8a8;--dim:#9a8e7e;--card:#1b1814;--card2:#24201b;--bg2:#17150f;
}
/* :is(:root,#zwid-g1) liczy się jak identyfikator - wygrywa z !important w arkuszach podstron (klasy, :has) */
/* :is(*,#zwid-g1-x#zwid-g1-y#zwid-g1-z) daje każdemu elementowi siłę identyfikatora - wygrywa też z regułami panelu typu #genBtn */
:is(:root,#zwid-g1) body :is(*,#zwid-g1-x#zwid-g1-y#zwid-g1-z),:is(:root,#zwid-g1) body :is(*,#zwid-g1-x#zwid-g1-y#zwid-g1-z)::before,:is(:root,#zwid-g1) body :is(*,#zwid-g1-x#zwid-g1-y#zwid-g1-z)::after{border-radius:0!important;box-shadow:none!important}
:is(:root,#zwid-g1) body :is(.kropka,[class*="kropka"],.avatar,[class*="dot"],#zwid-g1-x#zwid-g1-y#zwid-g1-z#zwid-g1-w){border-radius:50%!important}
.znak .k,.zsh-znak .k{rx:0}
body{font-family:var(--t);font-size:17px;line-height:1.6}
html body h1,html body h2,html body h3{font-weight:800!important;letter-spacing:-.025em!important}
.lead{font-family:var(--h);font-weight:500}

/* Podstrony (sceny, branże, wiedza, pomoc, regulamin) mają kroje wpisane na sztywno (Recursive, Manrope) z wysoką
   specyficznością - tekst przełączamy wprost. Etykiety mono zostają mono (reguła niżej). */
html:is(:root,#zwid-g1) body:not(.glowna) :is(p,li,dd,dt,td,th,blockquote,figcaption,summary,label,input,textarea,select,small,em,strong,b,a,button,span,div){font-family:'Figtree',system-ui,sans-serif!important}
html:is(:root,#zwid-g1) body:not(.glowna) :is(h1,h2,h3,h4,h5,h6){font-family:'Figtree',system-ui,sans-serif!important}
html:is(:root,#zwid-g1) body :is(.mono,[class*="mono"],[class*="kicker"],[class*="eyebrow"],[class*="crumb"],.nadtytul,.kh-meta,.kh-kicker,.note:not(.login-form-pane *),.et,.etykieta,.pole-et,.krok-nr,.meta,.zaufanie,.teraz .wrap,.demo-opis,td.n,th,time,code,pre,kbd,samp,.brutto,.jednostka,.rail-grupa,.ust-nazwa,.licznik-opisu,.zadanie-wybrane),html:is(:root,#zwid-g1) body :is(.mono,[class*="mono"],[class*="kicker"],[class*="eyebrow"],[class*="crumb"],.nadtytul,.kh-meta,.kh-kicker,.note:not(.login-form-pane *),.et,.etykieta,.pole-et,.krok-nr,.meta,.zaufanie,.teraz .wrap,.demo-opis,td.n,th,time,code,pre,kbd,samp,.brutto,.jednostka,.rail-grupa,.ust-nazwa,.licznik-opisu,.zadanie-wybrane) *{font-family:'JetBrains Mono',ui-monospace,monospace!important}

/* przyciski: prostokąty, pełny akcent albo obrys 1px, bez podskoku */
.btn{font-family:var(--h);font-weight:700;transition:background .15s,border-color .15s}
.btn:hover,.btn:active{transform:none}
.btn.o{border-color:var(--line2)}

/* etykiety i liczby: mono, uppercase */
.et,.etykieta,.pole-et,.krok-nr,.demo-opis .meta,.zaufanie,.teraz .wrap{font-family:var(--m);letter-spacing:.1em}
.etykieta{border:0;padding:0;margin-bottom:22px;color:var(--muted)}
.etykieta::before{width:10px;height:10px;background:var(--acc)}
.zaufanie span::before{content:"";display:inline-block;width:6px;height:6px;background:var(--acc);margin-right:8px;vertical-align:2px}

/* nagłówek strony: pełne tło zamiast mgły, logo i menu w kroju Figtree */
.zwid-site-header,.gora{background:#14120f!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.zsh-brand,.zsh-name,.logo{font-family:var(--h)!important;font-weight:800!important;letter-spacing:.01em!important}
.zsh-link,.menu a{font-family:var(--h)!important;font-weight:600!important;letter-spacing:0!important;text-transform:none}
.zsh-link[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--acc)!important}
.zsh-studio,.zsh-login-btn{font-family:var(--h)!important;font-weight:700!important}

/* sekcje: akcent 3px nad nagłówkiem sekcji, tła bez gradientów */
.sekcja{border-top:1px solid var(--line)}
.sekcja.alt{background:transparent}
.naglowek{border-top:3px solid var(--acc);padding-top:16px}
.naglowek h2{font-size:clamp(28px,3.2vw,40px);line-height:1.08}
.hero h1{letter-spacing:-.03em;line-height:1.02}
.koniec{background:var(--card)!important;background-image:none!important;border-top:3px solid var(--acc)}

/* karty: linia akcentu nad kartą, bez unoszenia */
.demo,.krok,.film,.pakiet,.panelk,.cena-karta,.czat,.branza{border-color:var(--line2)}
.demo,.krok,.panelk{border-top:3px solid var(--acc)}
.film{border-top:2px solid var(--line2)}
.film:hover{transform:none;border-color:var(--acc)}
.branza:hover{border-color:var(--acc)}
.krok-obraz{background:#100e0b}

/* telefon: tekst 18px, tytuły 24-34px, bez przewijania w bok */
@media (max-width:760px){
  html,body{overflow-x:clip}
  body{font-size:18px}
  .naglowek h2{font-size:clamp(24px,7vw,34px)}
}

/* 5.11: chowany nagłówek (static/zwid-g1.js dodaje body.schowany przy przewijaniu w dół) */
header.zwid-site-header.zsh-v2,.topbar.workspace-chrome{transition:transform .25s ease;will-change:transform}
body.schowany header.zwid-site-header.zsh-v2,body.schowany .topbar.workspace-chrome{transform:translateY(-110%)}
body.panel #rail{transition:transform .25s ease}
body.schowany.panel #rail{transform:translateY(calc(-1 * var(--zw-hdr,0px)))}
@media (prefers-reduced-motion:reduce){header.zwid-site-header.zsh-v2,.topbar.workspace-chrome{transition:none}}

/* 5.11: "Moja piątka" v2 (/rodzina5.js) - na telefonie pływający pasek "Stwórz film" zasłaniał ostatnią pozycję */
@media (max-width:760px){html body nav.rdz6{padding-bottom:96px!important}}

/* 5.11 noc: /wiedza - równe miniatury 16:9, zdjęcia na pełny kadr, 3 kolumny na szerokim ekranie */
html body .kh-card-image{aspect-ratio:16/9!important}
html body .kh-card-image:has(img[src*="/guides/guide-"]){padding:0!important;border-bottom:3px solid var(--line2)!important}
html body .kh-card-image:has(img[src*="/guides/guide-"]) img{object-fit:cover!important;border:0!important}
html body .kh-card-image:has(img[src*="/guides/guide-"]) .kh-card-index{left:0!important;top:0!important;bottom:auto!important;padding:7px 10px!important;background:#14120f;color:var(--acc,#ff7654)!important}
html body .kh-guide-card{transition:border-color .15s}
html body .kh-guide-card:hover{border-color:var(--acc,#ff7654)!important}
html body .kh-guide-card:hover .kh-card-image{border-bottom-color:var(--acc,#ff7654)!important}
html body .kh-guide-card img{transition:transform .4s ease}
html body .kh-guide-card:hover .kh-card-image img{transform:scale(1.03)}
@media (min-width:1200px){html body .kh-guides{grid-template-columns:repeat(3,1fr)!important;column-gap:22px!important}}
@media (prefers-reduced-motion:reduce){html body .kh-guide-card img{transition:none}html body .kh-guide-card:hover .kh-card-image img{transform:none}}