/* pki.eu v3 — nagłówek strony kategorii, hybryda „teraz + B” (869f7deet, Szymon 3.11; makiety artboardy „Teraz” i „B”).
   Dotąd: okruszki → H1 → podkategorie na pełną szerokość → wiersz wyników → dopiero tu lewa kolumna KATEGORIE. Za dużo pustego
   miejsca nad listą. Teraz (CategoryTemplate.ProductsInGridOrLines): lewa kolumna (fasety + drzewo) startuje od góry, obok
   okruszków i H1; w prawej kolumnie okruszki → JEDEN rząd: H1 i obok niego (na prawo) podkategorie — ten sam rail tekstowy
   _PkiSubcats (‹ ›, przeciąganie, narożnik ⌜⌟ menu z pkieu-v3.css „PODKATEGORIE”), NIE pigułki → opis → wiersz wyników → siatka.
   Osobny plik (po pkieu-v3.css; nadpisuje .cat-hero / .subcats / .leftcol tylko na .category-page — strona wyników
   wyszukiwania i inne .cols-2 bez zmian). ≤ 860 px: lewej kolumny nie ma, rail wraca pod H1 jak dotąd. */
.category-page .cat-hero{display:flex;align-items:center;gap:var(--sp-6);margin:var(--sp-2) 0 var(--sp-4);}
/* H1 nie ściska raila do zera: długa nazwa („Literatura starożytna, średniowieczna i nowożytna”) łamie się do 2 linii */
.category-page .cat-hero h1{flex:0 0 auto;max-width:55%;}
/* rail bierze resztę rzędu; ujemny margines = padding pierwszego linku (narożnik rysuje się w paddingu), jak przy railu pod H1 */
.category-page .cat-hero .subcats{flex:1 1 auto;min-width:0;margin:0 0 0 calc(-1 * var(--sc-px));}
.category-page .cat-desc{margin:calc(-1 * var(--sp-2)) 0 var(--sp-4);font-size:var(--fs-base);max-width:720px;}
@media (min-width:861px){
  /* etykieta KATEGORIE / „Zawęź wyniki” w linii z H1: okruszki 12,5 px × 1,6 + 4 px dołu, 8 px marginesu rzędu, H1 28 px × 1,25
     → środek H1 ≈ 49,5 px od góry kolumny; etykieta 15 px × 1,25 → start ≈ 40 px */
  .category-page .leftcol{padding-top:40px;}
  .category-page .leftcol > .facet-cats:first-child{margin-top:0;}
}
@media (max-width:860px){
  .category-page .cat-hero{display:block;}
  .category-page .cat-hero h1{max-width:none;}
  .category-page .cat-hero .subcats{margin:var(--sp-3) 0 0 calc(-1 * var(--sc-px));}
  /* okruszki są już w kolumnie (własny odstęp) — bez dodatkowego padding-top siatki .cols-2 z pkieu-v3.css */
  .category-page .cols-2{padding-top:0;}
}