/* Strona główna — makieta L65-249 (bez sekcji wydarzeń). Sekcje reużywają .cp-section-head,
   .cp-panel, .cp-stats, .cp-chip, .cp-btn i .cp-tiles/.cp-tile z components.css/catalog.css/news.css;
   tu tylko układ hero, panelu statystyk 2×2 i kafli informacyjnych (typy/kolory/wydania/tagi). */

/* hero: eyebrow + H1 + lead + CTA po lewej, panel statystyk po prawej.
   UWAGA: `.cp-hero` współdzieli element z `.cp-container` (front-page.php: `<section class="cp-hero
   cp-container">`) — tu WYŁĄCZNIE padding-top/padding-bottom. Skrót `padding:… 0 …` nadpisywałby
   poziomy gutter z `.cp-container` (ten sam element, ta sama specyficzność, home.css ładowany PO
   base.css), przesuwając lewą krawędź hero względem sekcji niżej. */
.cp-hero{padding-top:32px;padding-bottom:56px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px;align-items:end}
.cp-hero__intro{display:flex;flex-direction:column;gap:24px}
.cp-hero__h1{font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.06;letter-spacing:-.01em}
.cp-hero__lead{max-width:60ch}
.cp-hero__cta{display:flex;gap:12px;flex-wrap:wrap;padding-top:4px}

/* panel statystyk: jedna ramka dookoła, nagłówek, potem STAŁA siatka 2×2 (niezależna od treści
   — bez tego ryzyko przesunięcia układu przy różnej liczbie cyfr w licznikach) */
.cp-hero__panel{border:1px solid var(--cp-line-2);background:var(--cp-panel)}
.cp-hero__panel-head{margin:0;padding:14px 16px;border-bottom:1px solid var(--cp-line-2);font-family:var(--cp-font-head);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cp-text-mute)}
.cp-stats--home{border:0;background:none;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
.cp-stats--home>div{padding:22px 18px;border-right:1px solid var(--cp-line-2);border-bottom:1px solid var(--cp-line-2)}
.cp-stats--home>div:nth-child(2n){border-right:0}
.cp-stats--home>div:nth-child(n+3){border-bottom:0}

/* wyróżnione karty: reużywa .cp-tile (catalog.css) w siatce 4→3→2 */
.cp-home-tiles[data-view="grid"]{grid-template-columns:repeat(4,minmax(0,1fr))}

/* kafle informacyjne (typy kart, kolory): .cp-panel + treść własna, siatka 4→2→1 */
.cp-info-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cp-facts-tile{display:flex;flex-direction:column;gap:10px;height:100%;padding:18px;color:inherit}
.cp-facts-tile:hover{border-color:var(--cp-accent-line);color:inherit}
.cp-facts-tile__name{font-family:var(--cp-font-head);font-weight:600;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--cp-accent)}
.cp-facts-tile__desc{margin:0;font-size:13px;line-height:1.65;color:var(--cp-text-mute);flex:1}
.cp-facts-tile__count{font-family:var(--cp-font-head);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cp-text-dim)}
.cp-facts-tile.cp-facts-tile--color{border-top:2px solid var(--cp-ink)}
.cp-facts-tile--color .cp-facts-tile__colorhead{display:flex;align-items:center;gap:9px}
.cp-facts-tile--color .cp-facts-tile__name{color:var(--cp-ink)}
.cp-facts-tile__pl{font-family:var(--cp-font-head);font-size:12px;letter-spacing:.06em;color:var(--cp-text-mute)}

/* tagi: etykieta grupy + chipsy (.cp-chip z components.css) */
.cp-tag-groups{display:flex;flex-direction:column;gap:18px}
.cp-tag-group{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:baseline;padding-bottom:14px;border-bottom:1px solid var(--cp-line-1)}
.cp-tag-group__label{font-family:var(--cp-font-head);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cp-text-mute)}
.cp-tag-group__chips{display:flex;flex-wrap:wrap;gap:8px}

/* wydania: .cp-panel + nazwa/liczba, siatka 3→2→1 */
.cp-set-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cp-set-tile{display:flex;flex-direction:column;gap:8px;height:100%;padding:18px;color:inherit}
.cp-set-tile:hover{border-color:var(--cp-accent-line);color:inherit}
.cp-set-tile__name{font-family:var(--cp-font-head);font-weight:600;font-size:15px;line-height:1.3;color:var(--cp-text-hi)}
.cp-set-tile__count{font-family:var(--cp-font-head);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cp-text-mute)}

@media (max-width:1024px){
  .cp-hero{grid-template-columns:minmax(0,1fr);align-items:start}
  .cp-home-tiles[data-view="grid"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cp-info-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp-set-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp-tag-group{grid-template-columns:minmax(0,1fr);gap:8px}
}
@media (max-width:640px){
  .cp-hero{padding-top:24px;padding-bottom:40px;gap:32px}
  .cp-home-tiles[data-view="grid"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp-info-tiles{grid-template-columns:minmax(0,1fr)}
  .cp-set-tiles{grid-template-columns:minmax(0,1fr)}
  .cp-stats--home{grid-template-columns:1fr}
  .cp-stats--home>div{border-right:0}
  .cp-stats--home>div:nth-child(n){border-bottom:1px solid var(--cp-line-2)}
  .cp-stats--home>div:last-child{border-bottom:0}
}

/* aktualności: 4 wpisy w jednym rzędzie na desktopie, 2 na ≤1024px, 1 na ≤640px */
.cp-news-grid--home{grid-template-columns:repeat(4,minmax(0,1fr))}
/* FAQ: akordeon w dwóch niezależnych kolumnach (cp_details_columns) na całą szerokość sekcji — akapity dalej 72ch; jedna kolumna na ≤900px */
.cp-prose--faq{max-width:none}
.cp-faq-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-items:start}
.cp-prose .cp-faq-cols details{max-width:none}
@media (max-width:1024px){.cp-news-grid--home{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.cp-faq-cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.cp-news-grid--home{grid-template-columns:minmax(0,1fr)}}