.hero-v1-column-header-title{font-size:var(--hero-fs-18);}
@media (max-width:1024px){.hero-v1-column-header-title{font-size:var(--hero-fs-18,17px);}
}
@media (max-width:768px){.hero-v1-column-header-title{font-size:var(--hero-fs-18,16px);}
}
/* Wysokość bloku wyróżnionego artykułu w kolumnie 2 (7.59.20, poprawka
   regresu po usunięciu slidera w 7.59.8 — patrz DOCS.md). Obrazek w
   tpl_hero_featured_block() jest position:absolute (img-fill-absolute),
   więc NIE generuje własnej wysokości w normalnym przepływie —
   `.hero-v1-main`/`.article-featured` muszą dostać jawną wysokość z
   zewnątrz, inaczej kolumna zapada się do 0 (widoczne zwłaszcza przy
   ≤1024px, gdzie `.hero-grid` dostaje `align-items:start` zamiast
   domyślnego stretch — patrz reguła niżej w tym pliku). Ten sam
   mechanizm i te same trzy progi co Hero V2 (assets/css/hero-v2.css),
   wartości desktopowa/mobilna przywrócone z dawnych rozmiarów slidera
   (`.slider-image{height:540px}`/`{height:280px}`, usuniętych w 7.59.8
   razem z resztą CSS slidera) — środkowy próg (≤1024px) nowy, dawny
   slider nie miał osobnej wartości na tym zakresie. */
.hero-v1-main .article-featured{min-height:540px;}
@media (max-width:1024px){.hero-v1-main .article-featured{aspect-ratio:16/9;min-height:auto !important;}
}
@media (max-width:768px){.hero-v1-main .article-featured{aspect-ratio:16/9;}
}
.hero-grid.hero-v1-dark-sidebar > div:nth-child(4){background-color:var(--color-bg-dark);padding:24px;border-radius:8px;}
.hero-grid.hero-v1-dark-sidebar > div:nth-child(4) .column-header{color:var(--color-white);border-bottom-color:var(--color-primary);}
.hero-grid.hero-v1-dark-sidebar > div:nth-child(4) .news-title-base{color:var(--color-white);}
.hero-grid.hero-v1-dark-sidebar > div:nth-child(4) article:hover .news-title-base{color:var(--color-primary);}
.hero-grid.hero-v1-dark-sidebar > div:nth-child(4) .text-date{color:var(--color-news-date);}
@media (max-width:768px){.hero-grid.hero-v1-dark-sidebar > div:nth-child(3){order:3;gap:15px;}
.hero-grid.hero-v1-dark-sidebar > div:nth-child(3) .article-vertical{flex-direction:row;gap:15px;align-items:center;}
.hero-grid.hero-v1-dark-sidebar > div:nth-child(3) .article-vertical .img-wrapper{width:120px;height:80px;padding-bottom:0;flex-shrink:0;}
.hero-grid.hero-v1-dark-sidebar > div:nth-child(3) .article-vertical > div:last-child{padding-top:0;display:flex;flex-direction:column;}
.hero-grid.hero-v1-dark-sidebar > div:nth-child(3) .article-vertical.badge-on-image .badge{position:static;background-color:transparent;color:var(--color-news-date);padding:0;font-size:var(--hero-fs-meta);font-weight:500;text-transform:none;letter-spacing:normal;margin-top:0;max-width:none;overflow:visible;text-overflow:clip;white-space:normal;}
.hero-grid.hero-v1-dark-sidebar > div:nth-child(4){background-color:transparent;margin-top:15px;border-radius:0;padding:0;}
.hero-grid.hero-v1-dark-sidebar > div:nth-child(4) .news-title-base{color:var(--color-news-title);}
.hero-grid.hero-v1-dark-sidebar > div:nth-child(4) article:hover .news-title-base{color:var(--color-primary);}
}
@media (min-width:1025px){.hero-grid.swap-cols{grid-template-columns:2fr 1fr 1fr 1fr;}
.hero-grid.swap-cols > div:nth-child(1){order:2;}
.hero-grid.swap-cols > div:nth-child(2){order:1;}
.hero-grid.swap-cols > div:nth-child(3){order:3;}
.hero-grid.swap-cols > div:nth-child(4){order:4;}
}