/* pki.eu v3 — menu „Kategorie” na desktopie, układ C (Szymon 5.11; widok _PkiCategoryTree.cshtml, skrypt pkieu-menu.js):
   LEWO krótka kolumna grup (czcionka pozycji paska menu, bez przewijania), PRAWO kategorie aktywnej grupy z podkategoriami w kolumnach
   CSS (kategorie spływają w dół kolumn w kolejności drzewa, bez dziur); wysokość panelu = wysokość treści (min. lewa kolumna,
   prawa strona max. okno − nagłówek, wtedy przewija się tylko ona). Tylko ≥ 861 px — szuflada mobile to płaska lista .mg-list
   (pkieu-v3.css). Tokeny V3, bez nowych kolorów; etykiety jak .mg-title / .sec-head h2. */
.mgc{display:none;}
@media (min-width:861px){
  .mgc{--mgc-w:270px;display:flex;align-items:stretch;}
  .mgc-nav{flex:none;width:var(--mgc-w);padding:var(--sp-3) var(--sp-2) var(--sp-4);border-right:1px solid var(--line);}
  .mgc-top{display:flex;flex-direction:column;padding:0 0 var(--sp-2);margin-bottom:var(--sp-2);border-bottom:1px solid var(--line);}
  .mgc-top .mg-h{display:flex;align-items:center;gap:var(--sp-2);padding:8px var(--sp-3);border-radius:var(--r);font-family:var(--head);font-weight:700;font-size:var(--fs-sm);letter-spacing:var(--ls-ui);text-transform:uppercase;line-height:1.3;}
  .mgc-top .mg-h:hover{background:var(--wash);}
  .mgc-groups{list-style:none;margin:0;padding:0;}
  .mgc-g{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;padding:10px var(--sp-3);border:0;background:none;border-radius:var(--r);cursor:pointer;text-align:left;
    font-family:var(--head);font-weight:700;font-size:var(--fs-sm);letter-spacing:var(--ls-ui);text-transform:uppercase;color:var(--ink);line-height:1.3;}
  .mgc-g .mgc-chev{color:var(--line2);font-size:var(--fs-base);}
  .mgc-g:hover,.mgc-g:focus-visible{color:var(--red);}
  .mgc-g.on{background:var(--wash);color:var(--red);}
  .mgc-g.on .mgc-chev{color:var(--red);}
  .mgc-pane{flex:1;min-width:0;padding:var(--sp-5) var(--sp-6) var(--sp-6);max-height:calc(100vh - 90px);overflow-y:auto;scrollbar-width:thin;}
  .mgc-grp{display:none;}
  .mgc-grp.on{display:block;}
  .mgc-h{font-family:var(--head);font-weight:700;font-size:var(--fs-sm);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--red);padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:var(--sp-5);}
  .mgc-h a{color:inherit;}
  .mgc-h a:hover,.mgc-h a:focus-visible{text-decoration:underline;}
  /* kolumny CSS, nie siatka wierszy: wysoka kategoria nie rozpycha wiersza, krótkie nie wiszą z dziurami */
  .mgc-cats{columns:3;column-gap:var(--sp-6);}
  .mgc-c{break-inside:avoid;padding-bottom:var(--sp-5);}
  .mgc-cl{display:block;font-size:var(--fs-base);font-weight:700;color:var(--ink);line-height:1.35;}
  .mgc-cl:hover,.mgc-cl:focus-visible,.mgc-cl.cur{color:var(--red);}
  .mgc-subs{list-style:none;margin:var(--sp-2) 0 0;padding:0;}
  .mgc-subs li a{display:block;padding:3px 0;font-size:var(--fs-md);line-height:1.4;color:var(--body);}
  .mgc-subs li a:hover,.mgc-subs li a:focus-visible{color:var(--red);}
  .mgc-more{color:var(--link);}
}