.img-wrapper-120h{height:120px;padding-bottom:0;}
.img-wrapper-170h{height:170px;padding-bottom:0;}
.hero-section.hero-no-bg,.hero-section-v2.hero-no-bg,.hero-section-v3.hero-no-bg,.hero-section-v4.hero-no-bg,.hero-section-v5.hero-no-bg{background-color:transparent;}
body.archive .hero-section:not(.archive-heading-section),body.archive .hero-section-v2,body.archive .hero-section-v3,body.archive .hero-section-v4,body.archive .hero-section-v5{border-bottom:1px solid var(--color-border-light);}
.hero-section{background-color:var(--color-bg-light);}
.hero-grid{grid-template-columns:1fr 2fr 1fr 1fr;gap:20px;}
.hero-grid > div:nth-child(3) .article-vertical.badge-on-image{position:relative;}
.hero-grid > div:nth-child(3) .article-vertical.badge-on-image .img-wrapper{position:relative;}
.column-header{color:var(--color-news-title);border-bottom:2px solid var(--color-primary);display:none;}
@media (max-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;column-gap:20px;row-gap:15px;align-items:start;}
.hero-grid > div:nth-child(1){display:contents;}
.hero-grid > div:nth-child(2){order:2;grid-column:span 2;}
.hero-grid > div:nth-child(3){display:contents;}
.hero-grid > div:nth-child(4){display:contents;}
.hero-grid > div:nth-child(4) > div.flex{display:contents;}
.hero-grid .article-horizontal.has-image,.hero-grid .article-vertical.badge-on-image{order:3;}
.hero-grid .article-horizontal.has-image .article-mobile-image{display:block;width:120px;height:80px;flex-shrink:0;border-radius:var(--news-border-radius);object-fit:cover;}
.hero-grid .article-vertical.badge-on-image{flex-direction:row;gap:15px;align-items:center;}
.hero-grid .article-vertical.badge-on-image .img-wrapper{width:120px;height:80px;padding-bottom:0;flex-shrink:0;}
.hero-grid .article-vertical.badge-on-image > div:last-child{padding-top:0;display:flex;flex-direction:column;}
.hero-grid > 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 .article-horizontal-has-image-title{font-size:var(--hero-fs-body);}
}
.slider-title{font-size:var(--hero-fs-title);line-height:1.3;}
@media (max-width:1024px){.overlay-gradient.p-32{padding:24px;}
.slider-title{font-size:var(--hero-fs-title,21px);}
}
@media (max-width:768px){.news-title-base{font-size:var(--fs-news-title-base);}
.px-0-mobile{padding-left:0 !important;padding-right:0 !important;}
.hero-section{background-color:var(--color-white);}
.hero-section.section-py{padding-top:0;}
.hero-grid{grid-template-columns:1fr;gap:0;}
.hero-grid > div:nth-child(1){order:2;margin-top:15px;margin-bottom:15px;display:flex;}
.hero-grid > div:nth-child(2){order:1;grid-column:span 1;margin-bottom:0;}
.hero-grid > div:nth-child(3){order:3;gap:15px;display:flex;}
.hero-grid > div:nth-child(4){order:4;margin-top:15px;display:block;}
.hero-grid .article-horizontal-has-image-title{font-size:var(--hero-fs-body);}
.hero-grid > div:nth-child(4) > div.flex{display:flex;}
.hero-grid > div:nth-child(3) .article-vertical{flex-direction:row;gap:15px;align-items:center;}
.hero-grid > div:nth-child(3) .article-vertical .img-wrapper{width:120px;height:80px;padding-bottom:0;flex-shrink:0;}
.hero-grid > div:nth-child(3) .article-vertical > div:last-child{padding-top:0;display:flex;flex-direction:column;}
.hero-grid > 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;}
.overlay-gradient.p-32 p,.overlay-gradient .text-13{display:none;}
.overlay-gradient.p-32{padding:24px 16px;}
.article-featured{border-radius:0;}
.slider-title{font-size:var(--hero-fs-title,19px);}
.hero-grid > div:nth-child(4){background-color:transparent !important;padding:0 !important;}
}
.hero-cards-wrapper{grid-template-columns:repeat(3,1fr);gap:20px;}
.hero-bottom-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px;}
@media (max-width:1024px){.hero-cards-wrapper{grid-template-columns:1fr 1fr;gap:15px;}
.hero-cards-wrapper .article-vertical.card-white{flex-direction:row;gap:15px;align-items:center;background-color:transparent;border-radius:0;}
.hero-cards-wrapper .article-vertical.card-white .img-wrapper{width:120px;height:80px;padding-bottom:0;flex-shrink:0;border-radius:var(--news-border-radius) !important;}
.hero-cards-wrapper .article-vertical.card-white > div:last-child{padding:0;}
.hero-cards-wrapper .card-vertical-white-v2-title{font-size:var(--hero-fs-body);}
.hero-bottom-grid{grid-template-columns:1fr 1fr;gap:15px;}
.hero-bottom-grid .article-horizontal.card-white{background-color:transparent;border-radius:0;padding:0;gap:15px;}
.hero-bottom-grid .img-80x80{width:120px;height:80px;}
.hero-bottom-grid .article-horizontal-white-title{font-size:var(--hero-fs-body);}
.hero-bottom-grid .article-horizontal .text-date{color:var(--color-news-date);font-weight:500;font-size:var(--hero-fs-meta);margin-top:6px;}
}
@media (max-width:768px){.hero-cards-wrapper{grid-template-columns:1fr;gap:15px;}
.hero-bottom-grid{grid-template-columns:1fr;gap:15px;margin-top:15px;}
.hero-bottom-grid .article-horizontal.card-white{background-color:transparent;border-radius:0;padding:0 15px;gap:15px !important;}
.hero-bottom-grid .img-80x80{width:120px !important;height:90px !important;}
.article-horizontal,.article-vertical{padding:0 15px;}
.hero-grid-v2.hero-v2-flat .hero-cards-wrapper .article-vertical .article-content .text-primary,.hero-bottom-grid .flex-col .text-primary{color:var(--color-news-date);font-weight:500;text-transform:none;letter-spacing:normal;font-size:var(--hero-fs-meta);margin-top:6px;margin-bottom:0;order:2;}
}
.badge-v3{padding:4px 10px;font-size:var(--hero-fs-meta);}
.container.hero-width-override{max-width:var(--hero-max-width,var(--container-width));}
.hero-solid{flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:24px;border-radius:var(--news-border-radius);color:var(--color-white,#fff);}
.hero-solid-title{font-size:var(--hero-fs-solid-title,20px);color:var(--color-white,#fff);margin-bottom:8px;text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color 0.15s ease;}
@media (max-width:1024px){.hero-solid-title{font-size:var(--hero-fs-solid-title,19px);}
}
@media (max-width:768px){.hero-solid-title{font-size:var(--hero-fs-solid-title,16px);}
}
@media (max-width:1024px){.hero-solid,.hero-s5-b{min-height:0 !important;}
}
@media (hover:hover){article:hover .news-title-base.hero-solid-title{color:var(--color-white,#fff);}
.hero-solid-title:hover{text-decoration-color:currentColor;}
}
.hero-solid-meta{font-size:var(--hero-fs-meta);color:var(--white-80,rgba(255,255,255,0.8));}
.hero-solid-badge{margin-bottom:8px;align-self:flex-start;color:var(--color-white,#fff);border-color:rgba(255,255,255,.7);}
.hero-v7-right-mobile-cat{display:none;}
@media (max-width:768px){/* Pierwszy news — duży, na całą szerokość, jak "main" w S1/S2/V2
   (na życzenie klienta) — S3 na desktopie jest CELOWO płaską,
   równorzędną szachownicą (patrz template-parts/hero/s3.php), więc
   TYLKO na mobile wyróżniamy pierwszą kartę przez :first-child —
   zero zmian w PHP/desktopie. */
/* Boksy kolorowe zaraz po głównym newsie. */
/* Pozostałe karty ze zdjęciem — lista pozioma, jak w V2-V9. */
}
@media (max-width:768px){/* Pierwsza karta (a) — duża, na całą szerokość, jak "main" gdzie
   indziej (na życzenie klienta) — S6 na desktopie jest CELOWO bez
   dominującego artykułu (3 równe kafle zdjęciowe), więc TYLKO na
   mobile wyróżniamy pierwszą kartę. */
}
.hero-list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--color-border-light);}
.hero-list-item-content{flex:1;min-width:0;}
.hero-list-item-badge{display:inline-block;margin-bottom:8px;}
.hero-list-item-title{font-size:var(--hero-fs-body);margin-bottom:0;}
.hero-list-item-thumb{flex-shrink:0;}
@media (max-width:768px){.hero-featured-block-title{margin-bottom:0;}
}
@media (max-width:768px){body.archive .hero-section.archive-heading-section.pt-32{padding-top:20px;}
}
@media (max-width:768px){.hero-section-title{margin-left:15px;margin-right:15px;}
}
.hero-section .hero-list-panel{box-sizing:border-box;padding:24px;border-radius:8px;}
.hero-section .hero-list-panel--dark{background-color:var(--color-bg-dark);}
.hero-section .hero-list-panel--dark .news-title-base{color:var(--color-white);}
.hero-section .hero-list-panel--dark article:hover .news-title-base{color:var(--color-primary);}
.hero-section .hero-list-panel--dark .text-date{color:var(--color-news-date);}
.hero-section .hero-list-panel.hero-list-panel--dark .article-horizontal + .article-horizontal{border-top-color:color-mix(in srgb,var(--color-white) 18%,transparent);}
.hero-section .hero-list-panel--light{--card-light-bg:var(--color-bg-light);background-color:var(--card-light-bg);}
.hero-section:not(.hero-no-bg) .hero-list-panel--light{--card-light-bg:var(--color-white);}
@media (max-width:768px){.hero-section .hero-list-panel{padding:0;border-radius:0;background-color:transparent;}
.hero-section .hero-list-panel--dark .news-title-base{color:var(--color-news-title);}
.hero-section .hero-list-panel--dark article:hover .news-title-base{color:var(--color-primary);}
}
