/* ==========================================================================
   OSP KORZENNA - arkusz serwisu
   Kolory wzięte z godła jednostki: czerwień tarczy, czerń obwódki, złoto hełmu.
   ========================================================================== */

/* FONTY (self-hosted, latin + latin-ext) */
@font-face{font-family:'Questrial';src:url('/fonts/questrial-400-latin-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Questrial';src:url('/fonts/questrial-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';src:url('/fonts/inter-400_700-latin-ext.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';src:url('/fonts/inter-400_700-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Marck Script';src:url('/fonts/marck-400-latin-ext.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Marck Script';src:url('/fonts/marck-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root {
  --czerwien:     #C8102E;
  --czerwien-ciem:#9C0C23;
  --czerwien-tlo: #FCEEF0;
  --grafit:       #16181D;
  --grafit-2:     #23272F;
  --grafit-3:     #3A404A;
  --zloto:        #D9A22B;
  --papier:       #FFFFFF;
  --tlo:          #F3F4F6;
  --tlo-2:        #E9EBEF;
  --tekst:        #191C22;
  --tekst-2:      #5C6472;
  --tekst-3:      #8A93A2;
  --linia:        #DFE3E9;

  --naglowki: 'Questrial', system-ui, sans-serif;
  --tekstowy: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --r: 10px;
  --r-duzy: 16px;
  --cien: 0 1px 2px rgba(22, 24, 29, .06), 0 6px 18px rgba(22, 24, 29, .06);
  --cien-mocny: 0 10px 34px rgba(22, 24, 29, .14);
  --ease: cubic-bezier(.22, 1, .36, 1);
}

/* ---- RESET ---- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  font-family: var(--tekstowy);
  font-size: 16px;
  line-height: 1.62;
  color: var(--tekst);
  background: var(--tlo);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img, svg, iframe { max-width: 100%; display: block; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; }
input, textarea, select { font: inherit; color: inherit; }
h1, h2, h3, h4 { font-family: var(--naglowki); font-weight: 700; line-height: 1.1; letter-spacing: .002em; }
:focus-visible { outline: 3px solid var(--czerwien); outline-offset: 2px; border-radius: 4px; }

.kontener { width: min(1440px, 100%); margin-inline: auto; padding-inline: clamp(16px, 3.5vw, 40px); }

/* ==========================================================================
   PASEK GÓRNY
   ========================================================================== */
.pasek-gora { background: var(--grafit); color: #fff; }
.pasek-gora__in {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; min-height: 32px; flex-wrap: wrap;
}
.haslo {
  font-family: 'Marck Script', 'Segoe Script', cursive;
  font-size: 16px; font-weight: 400; line-height: 1.25; color: #98A2B1;
}
.pasek-gora__prawa { display: flex; align-items: center; gap: 12px; }
.alarmy { display: flex; align-items: baseline; gap: 8px; font-size: 12.5px; color: #8B95A5; }
.alarmy__et { letter-spacing: .04em; text-transform: uppercase; font-size: 11px; }
.alarmy a { font-family: var(--naglowki); font-size: 14.5px; color: #E8ECF2; transition: color .18s; }
.alarmy a:hover { color: #FF6B80; }
.alarmy__kropka { color: #4A5361; }

.szukaj-ikona {
  display: grid; place-items: center; width: 26px; height: 26px;
  border-radius: 999px; color: #8B95A5;
  transition: background .18s, color .18s;
}
.szukaj-ikona:hover { background: rgba(255, 255, 255, .12); color: #fff; }
.szukaj-ikona[aria-expanded="true"] { background: var(--czerwien); color: #fff; }

.szukajka--gora { border-top: 1px solid rgba(255, 255, 255, .1); }
.szukajka__in { display: flex; gap: 8px; padding-block: 10px; }
.szukajka input {
  flex: 1; min-width: 0; padding: 10px 16px; border-radius: 999px;
  border: 1px solid var(--linia); background: var(--papier);
  font-size: 14px; color: var(--tekst); outline: none;
}
.szukajka input:focus { border-color: var(--czerwien); }
.szukajka button {
  padding: 0 20px; border-radius: 999px;
  background: var(--czerwien); color: #fff;
  font-family: var(--naglowki); font-size: 13.5px; transition: background .18s;
}
.szukajka button:hover { background: var(--czerwien-ciem); }

/* ==========================================================================
   SZYLD I MENU: godło na osi strony, pozycje po obu stronach
   Siatka 1fr-auto-1fr daje obu bokom tyle samo miejsca, więc różna długość
   nazw nie przesuwa herbu ani o piksel. Lewa strona dosuwa się do godła
   od lewej, prawa od prawej.
   ========================================================================== */
.szyld {
  position: sticky; top: 0; z-index: 60;
  background: var(--papier); border-bottom: 1px solid var(--linia);
}
/* wysokość nagłówka potrzebna heroskowi na zapas u góry; liczona w skrypcie */
:root { --wys-naglowka: 132px; }
.szyld__in {
  display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; gap: clamp(12px, 2vw, 28px);
  padding-block: 10px;
}

.szyld__marka { display: flex; align-items: center; justify-content: center; }
.szyld__godlo { width: 64px; height: auto; transition: transform .2s var(--ease); }
.szyld__marka:hover .szyld__godlo { transform: scale(1.04); }

.nawi__strona { display: flex; align-items: center; gap: 12px; min-width: 0; }
.nawi__strona--lewa { justify-content: flex-end; }
.nawi__strona--prawa { justify-content: flex-start; }

.nawi__lista { display: flex; list-style: none; flex-wrap: nowrap; align-items: center; }
.nawi__poz { position: relative; }
.nawi__poz > a, .nawi__grupa {
  display: flex; align-items: center; gap: 5px;
  padding: 9px 11px; border-radius: 7px;
  font-family: var(--naglowki); font-size: 14px; font-weight: 400;
  letter-spacing: .01em; color: var(--tekst-2); white-space: nowrap;
  transition: color .18s, background .18s;
}
.nawi__poz > a:hover, .nawi__grupa:hover { color: var(--grafit); background: var(--tlo); }
.nawi__poz.jest > a { color: var(--czerwien); }
.nawi__strz { opacity: .5; transition: transform .2s; flex: none; }
.nawi__poz:hover .nawi__strz { transform: rotate(180deg); }

.nawi__pod {
  position: absolute; top: 100%; left: 50%; transform: translate(-50%, -6px);
  z-index: 5; min-width: 205px; list-style: none;
  background: var(--papier); border: 1px solid var(--linia);
  border-radius: var(--r); padding: 6px; box-shadow: var(--cien-mocny);
  opacity: 0; visibility: hidden;
  transition: opacity .18s, transform .18s var(--ease), visibility .18s;
}
.nawi__poz:hover .nawi__pod,
.nawi__poz:focus-within .nawi__pod { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.nawi__poz.rozwiniete .nawi__pod { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.nawi__pod a {
  display: block; padding: 9px 13px; border-radius: 7px;
  font-size: 13.5px; color: var(--tekst-2); white-space: nowrap;
  transition: background .16s, color .16s;
}
.nawi__pod a:hover, .nawi__pod a.jest { background: var(--czerwien-tlo); color: var(--czerwien); }

.podatek {
  display: inline-flex; align-items: center; gap: 8px; flex: none;
  padding: 5px 11px 5px 7px;
  border: 1px solid var(--linia); border-radius: 9px;
  transition: border-color .18s, background .18s;
}
.podatek:hover { border-color: var(--czerwien); background: var(--czerwien-tlo); }
.podatek img { width: 30px; height: auto; flex: none; }
.podatek b {
  display: block; font-family: var(--naglowki);
  font-size: 11.5px; font-weight: 400; color: var(--grafit); white-space: nowrap;
}
.podatek > span > span {
  display: block; margin-top: 1px; font-size: 9.5px; color: var(--tekst-3); white-space: nowrap;
}

.nawi__ham { display: none; }
.nawi__mobil { display: none; }

/* ==========================================================================
   UKŁAD STRONY
   ========================================================================== */
.uklad {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: clamp(22px, 2.6vw, 40px);
  align-items: start;
  padding-block: clamp(26px, 3vw, 44px);
}
.uklad-wpis {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: clamp(24px, 3vw, 44px);
  align-items: start;
  padding-block: clamp(26px, 3vw, 44px);
}
.tresc-glowna { min-width: 0; }

.naglowek-sekcji {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 14px; flex-wrap: wrap;
  padding-bottom: 12px; margin-bottom: 20px;
  border-bottom: 2px solid var(--grafit);
}
.naglowek-sekcji h1, .naglowek-sekcji h2 {
  font-size: clamp(24px, 2.4vw, 32px);
  text-transform: uppercase; letter-spacing: .01em;
}
.naglowek-sekcji p { font-size: 13.5px; color: var(--tekst-2); }

/* ==========================================================================
   HERO: pas na pełną szerokość, zdjęcie wpisu jako tło, przewijany
   Wysokość jest STAŁA (nie 100vh) - pas ma zapowiadać treść, a nie zajmować
   cały ekran, zanim ktokolwiek zobaczy pierwszy wpis.
   ========================================================================== */
.hero {
  position: relative; overflow: hidden;
  height: clamp(420px, 56vw, 660px);
  background: var(--grafit);
}
.hero__slajdy { position: absolute; inset: 0; }

.hero__slajd {
  position: absolute; inset: 0;
  opacity: 0; visibility: hidden;
  transition: opacity .55s var(--ease), visibility .55s;
}
.hero__slajd.jest { opacity: 1; visibility: visible; }

.hero__foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* nakładka od dołu: tekst musi być czytelny na każdym zdjęciu, także jasnym */
.hero__slajd::after {
  content: ''; position: absolute; inset: 0;
  background:
    linear-gradient(to top, rgba(10,11,14,.93) 0%, rgba(10,11,14,.6) 38%, rgba(10,11,14,.12) 72%),
    linear-gradient(to right, rgba(10,11,14,.55), rgba(10,11,14,0) 60%);
}

.hero__tresc {
  position: relative; z-index: 2;
  display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;
  height: 100%; padding-bottom: clamp(46px, 5vw, 66px); color: #fff;
}
.hero__etyk {
  display: inline-block; margin-bottom: 11px;
  padding: 5px 13px; border-radius: 999px; background: var(--czerwien);
  font-family: var(--naglowki); font-size: 12px;
  letter-spacing: .07em; text-transform: uppercase;
}
.hero__tyt {
  font-family: var(--naglowki);
  font-size: clamp(25px, 3.6vw, 46px); font-weight: 400; line-height: 1.06;
  letter-spacing: .005em; text-wrap: balance; max-width: 19ch;
}
.hero__tyt a { color: #fff; }
.hero__tyt a:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; }
.hero__lead {
  margin-top: 11px; max-width: 56ch;
  font-size: clamp(14px, 1.15vw, 16px); line-height: 1.6; color: rgba(255,255,255,.84);
}
.hero__stopka { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 16px; }
.hero__data {
  font-size: 12.5px; font-weight: 600; letter-spacing: .05em;
  text-transform: uppercase; color: rgba(255,255,255,.62);
}
.hero__cta {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 20px; border-radius: 999px;
  background: rgba(255,255,255,.14); color: #fff;
  font-family: var(--naglowki); font-size: 14px;
  transition: background .18s, gap .18s;
}
.hero__cta:hover { background: var(--czerwien); gap: 12px; }

.hero__strzalka {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
  display: grid; place-items: center; width: 44px; height: 44px;
  border-radius: 999px; background: rgba(10,11,14,.42); color: #fff;
  backdrop-filter: blur(3px);
  opacity: 0; transition: opacity .2s, background .18s;
}
.hero:hover .hero__strzalka, .hero__strzalka:focus-visible { opacity: 1; }
.hero__strzalka:hover { background: var(--czerwien); }
.hero__strzalka--lewo { left: clamp(10px, 2vw, 26px); }
.hero__strzalka--prawo { right: clamp(10px, 2vw, 26px); }

.hero__spod { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; }
.hero__kropki { display: flex; gap: 7px; padding-bottom: 18px; }
.hero__kropka { padding: 6px 0; }
.hero__kropka span {
  display: block; width: 26px; height: 3px; border-radius: 3px;
  background: rgba(255,255,255,.35); transition: background .18s, width .18s;
}
.hero__kropka:hover span { background: rgba(255,255,255,.65); }
.hero__kropka.jest span { width: 42px; background: var(--czerwien); }

@media (prefers-reduced-motion: reduce) {
  .hero__slajd { transition: none; }
}

/* ==========================================================================
   O JEDNOSTCE
   ========================================================================== */
.ojedn { background: var(--papier); border-bottom: 1px solid var(--linia); }
.ojedn__in {
  display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 60px); align-items: center;
  padding-block: clamp(30px, 4vw, 56px);
}
.ojedn__nad {
  font-size: 12px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--czerwien); margin-bottom: 10px;
}
.ojedn__tekst h2 {
  font-size: clamp(25px, 2.8vw, 38px); line-height: 1.08;
  text-transform: uppercase; color: var(--grafit); text-wrap: balance;
}
.ojedn__lead { margin-top: 14px; font-size: 16px; line-height: 1.72; color: var(--tekst-2); max-width: 60ch; }
.ojedn__akcje { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }

.ojedn__liczby { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; list-style: none; background: var(--linia); border: 1px solid var(--linia); border-radius: var(--r-duzy); overflow: hidden; }
.ojedn__liczby li { background: var(--papier); padding: 20px 18px; }
.ojedn__liczby b {
  display: block; font-family: var(--naglowki);
  font-size: clamp(32px, 3.4vw, 46px); font-weight: 700; line-height: 1;
  color: var(--czerwien); letter-spacing: -.01em;
}
.ojedn__liczby span {
  display: block; margin-top: 5px;
  font-size: 12.5px; font-weight: 600; letter-spacing: .05em;
  text-transform: uppercase; color: var(--tekst-2);
}

/* ==========================================================================
   WYJAZDY ALARMOWE
   ========================================================================== */
.wyj { background: var(--grafit); color: #fff; padding-block: clamp(32px, 4vw, 56px); }
.wyj__glowa { margin-bottom: 26px; }
.wyj__glowa h2 { font-size: clamp(24px, 2.6vw, 34px); text-transform: uppercase; }
.wyj__glowa p { margin-top: 7px; font-size: 14px; color: #97A1B0; }

.wyj__wykres {
  display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
  gap: clamp(6px, 1vw, 16px); align-items: end;
  height: 230px; padding-top: 26px;
}
.wyj__rok { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: flex-end; }
.wyj__ile { font-family: var(--naglowki); font-size: clamp(15px, 1.4vw, 19px); color: #C3CAD6; margin-bottom: 6px; }
.wyj__slup {
  position: relative; width: min(100%, 58px); height: var(--h);
  border-radius: 7px 7px 0 0; background: var(--grafit-3);
  transition: background .2s;
}
.wyj__rok:hover .wyj__slup, .wyj__rok:focus-within .wyj__slup { background: var(--czerwien); }
.wyj__rok--teraz .wyj__slup { background: var(--czerwien); }
.wyj__rok--teraz:hover .wyj__slup { background: var(--czerwien-ciem); }
.wyj__etyk { margin-top: 9px; font-size: 12.5px; font-weight: 600; color: #8B95A5; }
.wyj__rok--teraz .wyj__etyk { color: #fff; }

.wyj__opis {
  position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%);
  display: flex; flex-direction: column; gap: 2px;
  min-width: 210px; padding: 11px 14px; border-radius: 10px;
  background: #fff; color: var(--tekst); font-size: 12.5px;
  box-shadow: var(--cien-mocny);
  opacity: 0; visibility: hidden; transition: opacity .16s, visibility .16s;
  pointer-events: none; z-index: 5;
}
.wyj__opis > b { font-family: var(--naglowki); font-size: 17px; color: var(--czerwien); }
.wyj__opis span { display: flex; justify-content: space-between; gap: 10px; color: var(--tekst-2); }
.wyj__opis span b { color: var(--tekst); }
.wyj__rok:hover .wyj__opis, .wyj__rok:focus-within .wyj__opis { opacity: 1; visibility: visible; }

.wyj__tabela { width: 100%; border-collapse: collapse; margin-top: 30px; font-size: 14px; }
.wyj__tabela th, .wyj__tabela td { padding: 9px 12px; text-align: right; border-bottom: 1px solid rgba(255,255,255,.09); }
.wyj__tabela thead th {
  font-size: 11.5px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: #8B95A5;
}
.wyj__tabela tbody th { text-align: left; font-family: var(--naglowki); font-size: 18px; color: #fff; }
.wyj__tabela td { color: #B7BFCB; }
.wyj__tabela tr.jest td, .wyj__tabela tr.jest th { color: #fff; }
.wyj__tabela tr.jest td b { color: var(--czerwien-jasny, #FF6B80); }
.tylko-dla-czytnika { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ==========================================================================
   PAS BLOKÓW (Ciekawostki, św. Florian)
   ========================================================================== */
.pasb { padding-block: clamp(28px, 3.4vw, 48px); }
.pasb .kontener { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: clamp(16px, 2vw, 28px); align-items: start; }
.pasb__blok {
  background: var(--papier); border: 1px solid var(--linia);
  border-radius: var(--r-duzy); padding: 20px 22px;
}
.pasb__tyt {
  display: flex; align-items: center; gap: 9px;
  font-size: 19px; letter-spacing: .04em; text-transform: uppercase; color: var(--grafit);
  padding-bottom: 12px; margin-bottom: 16px; border-bottom: 1px solid var(--linia);
}
.pasb__tyt::before { content: ''; width: 4px; height: 18px; border-radius: 2px; background: var(--czerwien); flex: none; }
/* Ciekawostki to zestaw banerów-odnośników: w kolumnie szły jeden pod drugim,
   tutaj układają się w siatkę i mieszczą na jednym ekranie. */
.pasb__tresc {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 10px; align-items: center; justify-items: center;
  font-size: 14px; color: var(--tekst-2); text-align: center;
}
.pasb__tresc p { margin: 0; }
.pasb__tresc br { display: none; }
.pasb__tresc img { border-radius: 8px; transition: transform .2s var(--ease); }
.pasb__tresc a:hover img { transform: translateY(-2px); }
/* blok z jednym dużym zdjęciem (kapliczka, sztandar) nie ma się rozpychać
   na całą wysokość ekranu - to ilustracja, nie plakat do czytania */
.pasb__tresc > p:only-child { grid-column: 1 / -1; }
.pasb__tresc img { max-height: 300px; width: auto; object-fit: contain; }

/* ==========================================================================
   FILMY
   ========================================================================== */
.filmy { padding-bottom: clamp(28px, 3.4vw, 48px); }
.filmy__glowa { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding-bottom: 12px; margin-bottom: 18px; border-bottom: 2px solid var(--grafit); }
.filmy__glowa h2 { font-size: clamp(23px, 2.4vw, 31px); text-transform: uppercase; }
.filmy__wiecej { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 700; color: var(--czerwien); }
.filmy__wiecej:hover { text-decoration: underline; }
.filmy__siatka { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(14px, 1.6vw, 22px); }
.filmy__ramka { border-radius: var(--r-duzy); overflow: hidden; background: var(--grafit); }
.filmy__ramka iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; display: block; }

/* ==========================================================================
   PAS PLAKATÓW NAD STOPKĄ
   ========================================================================== */
.plakaty { background: var(--tlo-2); padding-block: clamp(30px, 3.6vw, 50px); }
.plakaty__tyt {
  font-size: clamp(21px, 2.2vw, 28px); text-transform: uppercase;
  text-align: center; color: var(--grafit); margin-bottom: 24px;
}
.plakaty__siatka { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; align-items: start; }
.plakat {
  background: var(--papier); border: 1px solid var(--linia);
  border-radius: var(--r); padding: 12px; text-align: center;
  transition: transform .2s var(--ease), box-shadow .2s;
}
.plakat:hover { transform: translateY(-3px); box-shadow: var(--cien); }
.plakat__tresc img { margin-inline: auto; border-radius: 6px; }
.plakat__tresc p { margin: 0; }
.plakat figcaption {
  margin-top: 10px; font-size: 12px; font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; color: var(--tekst-2);
}

/* ==========================================================================
   SIATKA KAFLI
   ========================================================================== */
.siatka {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: clamp(14px, 1.6vw, 22px);
}
.kafel {
  background: var(--papier);
  border: 1px solid var(--linia);
  border-radius: var(--r-duzy);
  overflow: hidden;
  transition: transform .22s var(--ease), box-shadow .22s, border-color .22s;
}
.kafel:hover { transform: translateY(-3px); box-shadow: var(--cien); border-color: #CFD5DE; }
.kafel__link { display: flex; flex-direction: column; height: 100%; }
/* 2:1, bo tyle mają zdjęcia klubu - wycinanie 3:2 z panoramy obcinało boki
   i rozciągało kadr w pionie, przez co wszystko wychodziło miękko */
.kafel__foto { display: block; aspect-ratio: 2 / 1; overflow: hidden; background: var(--tlo-2); }
.kafel__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.kafel:hover .kafel__foto img { transform: scale(1.05); }
.kafel__foto--bez { display: grid; place-items: center; background: var(--czerwien-tlo); }
.kafel__foto--bez .kafel__godlo { width: 74px; height: auto; opacity: .5; transform: none !important; }
.kafel__body { display: flex; flex-direction: column; gap: 7px; padding: 15px 17px 19px; flex: 1; }
.kafel__data {
  font-size: 11.5px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--czerwien);
}
.kafel__tyt {
  display: block;
  font-family: var(--naglowki);
  font-size: 21px; font-weight: 600; line-height: 1.14;
  color: var(--tekst); text-wrap: pretty;
}
.kafel__lead { font-size: 13.8px; line-height: 1.55; color: var(--tekst-2); }

/* ==========================================================================
   KOLUMNY BOCZNE
   ========================================================================== */
.bok { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.blok {
  background: var(--papier);
  border: 1px solid var(--linia);
  border-radius: var(--r-duzy);
  padding: 16px;
  overflow: hidden;
}
.blok__tyt {
  display: flex; align-items: center; gap: 9px;
  font-size: 17.5px; font-weight: 700; letter-spacing: .045em;
  text-transform: uppercase; color: var(--grafit);
  padding-bottom: 10px; margin-bottom: 12px;
  border-bottom: 1px solid var(--linia);
}
.blok__tyt::before {
  content: ''; width: 4px; height: 17px; flex: none;
  border-radius: 2px; background: var(--czerwien);
}
.blok__tresc { font-size: 14px; line-height: 1.6; color: var(--tekst-2); }
.blok__tresc p { margin-bottom: 9px; }
.blok__tresc p:last-child { margin-bottom: 0; }
.blok__tresc img { margin-inline: auto; border-radius: 8px; max-height: 420px; width: auto; object-fit: contain; }
/* Kilka grafik w blokach to małe GIF-y z czasów Joomli (numery alarmowe mają
   110 x 80 px). Rozciągnięte na szerokość kolumny robiły się rozmytą plamą,
   więc zostają w swojej rozdzielczości. */
.blok__tresc img[src$=".gif"] { max-width: 110px; }
.blok__tresc a { color: var(--czerwien); font-weight: 600; }
.blok__tresc a:hover { text-decoration: underline; }
.blok__tresc strong { color: var(--tekst); }
.blok__tresc table { width: 100% !important; height: auto !important; }
.blok__tresc td { width: auto !important; }
.blok__tresc .film { display: block; margin-bottom: 10px; }

/* statystyka wyjazdów */
.blok--stat .stat__suma {
  display: flex; align-items: baseline; gap: 9px;
  padding-bottom: 11px; margin-bottom: 11px;
  border-bottom: 1px solid var(--linia);
}
.stat__suma b {
  font-family: var(--naglowki); font-size: 40px; font-weight: 700;
  line-height: 1; color: var(--czerwien);
}
.stat__suma span {
  font-size: 11.5px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--tekst-2);
}
.stat__lista { list-style: none; display: flex; flex-direction: column; gap: 7px; }
.stat__lista li {
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  font-size: 13.5px; color: var(--tekst-2);
}
.stat__lista li::after {
  content: ''; order: 1; flex: 1;
  border-bottom: 1px dotted var(--linia); transform: translateY(-3px);
}
.stat__lista li b { order: 2; font-family: var(--naglowki); font-size: 19px; color: var(--tekst); }

/* ==========================================================================
   PODSTRONA - nagłówek
   ========================================================================== */
.podstrona-gora {
  background: var(--grafit);
  color: #fff;
  padding-block: clamp(24px, 3vw, 40px);
}
.podstrona-gora h1 {
  font-size: clamp(28px, 3.4vw, 46px);
  text-transform: uppercase; letter-spacing: .01em;
}
.podstrona-gora p { margin-top: 8px; color: rgba(255, 255, 255, .68); font-size: 14.5px; }

.okruszki {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin-bottom: 10px;
  font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
  color: rgba(255, 255, 255, .55);
}
.okruszki a { color: rgba(255, 255, 255, .8); }
.okruszki a:hover { color: #fff; text-decoration: underline; }

/* ==========================================================================
   WPIS
   ========================================================================== */
.wpis__gora { position: relative; background: var(--grafit); color: #fff; overflow: hidden; }
.wpis__tlo {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; opacity: .34;
}
.wpis__gora--foto::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(15, 17, 21, .96), rgba(15, 17, 21, .58));
}
.wpis__gora-in {
  position: relative; z-index: 2;
  padding-block: clamp(30px, 4.6vw, 76px);
  max-width: 60rem;
}
.wpis__gora-in h1 {
  font-size: clamp(29px, 4vw, 52px); line-height: 1.05; text-wrap: balance;
}
.wpis__meta {
  display: flex; gap: 16px; flex-wrap: wrap; margin-top: 14px;
  font-size: 13px; font-weight: 600; letter-spacing: .04em;
  text-transform: uppercase; color: rgba(255, 255, 255, .66);
}

.tresc {
  background: var(--papier);
  border: 1px solid var(--linia);
  border-radius: var(--r-duzy);
  padding: clamp(20px, 2.6vw, 40px);
  min-width: 0;
  font-size: 16.5px; line-height: 1.75; color: #262B33;
}
.tresc > *:first-child { margin-top: 0 !important; }
.tresc p { margin-bottom: 1.05em; }
.tresc h1, .tresc h2, .tresc h3, .tresc h4 {
  margin: 1.5em 0 .5em; color: var(--grafit);
  text-transform: uppercase; letter-spacing: .01em;
}
.tresc h1 { font-size: clamp(26px, 2.6vw, 34px); }
.tresc h2 { font-size: clamp(23px, 2.2vw, 30px); }
.tresc h3 { font-size: clamp(20px, 1.8vw, 25px); }
.tresc h4 { font-size: 19px; }
.tresc a { color: var(--czerwien); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.tresc a:hover { color: var(--czerwien-ciem); }
.tresc img { border-radius: var(--r); margin-inline: auto; }
.tresc ul, .tresc ol { margin: 0 0 1.05em 1.3em; }
.tresc li { margin-bottom: .35em; }
.tresc strong, .tresc b { color: var(--grafit); }
.tresc hr { margin: 1.8em 0; border: 0; border-top: 1px solid var(--linia); }
.tresc > hr:first-child,
.tresc > hr:last-child,
.tresc hr + hr { display: none; }
.tresc blockquote {
  margin: 1.4em 0; padding: 4px 0 4px 18px;
  border-left: 4px solid var(--czerwien); color: var(--tekst-2);
}
.tresc mark { background: #FDF0B8; padding: 1px 4px; border-radius: 4px; }
.tresc iframe { border: 0; border-radius: var(--r); }

/* tabele z Worda: nie mogą rozpychać strony */
.tresc-tab { overflow-x: auto; margin-bottom: 1.1em; -webkit-overflow-scrolling: touch; }
.tresc-tab table { width: auto !important; height: auto !important; max-width: none; border-collapse: collapse; }
.tresc-tab td, .tresc-tab th { width: auto !important; height: auto !important; padding: 6px 10px; vertical-align: top; }

/* plakietka po znaczniku [important] ze starego szablonu */
.tresc-plakietka {
  display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 8px 16px; border-radius: 999px;
  background: var(--czerwien-tlo); border: 1px solid #F2D3D8;
}
.tresc-plakietka > b {
  font-family: var(--naglowki); font-size: 13px; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; color: var(--czerwien);
}
.tresc-plakietka > span { font-weight: 600; color: var(--grafit); }

.tresc-przycisk {
  display: inline-block; padding: 9px 18px; border-radius: 999px;
  background: var(--czerwien); color: #fff !important;
  font-weight: 600; text-decoration: none !important;
}

/* wstawka filmu z YouTube */
.film { display: block; margin: 1.2em 0; }
.film iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: var(--r); }
.blok__tresc .film iframe { border-radius: 8px; }

/* galeria zdjęć pod treścią wpisu */
.galeria { margin: 26px 0 4px; }
.galeria__tyt {
  display: flex; align-items: center; gap: 9px;
  font-family: var(--naglowki); font-size: 19px; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; color: var(--grafit);
  padding-bottom: 10px; margin-bottom: 14px; border-bottom: 1px solid var(--linia);
}
.galeria__tyt span {
  padding: 2px 9px; border-radius: 999px; background: var(--czerwien);
  font-family: var(--tekstowy); font-size: 12px; color: #fff;
}
.galeria__siatka { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }
.gfot { position: relative; display: block; overflow: hidden; border-radius: var(--r); background: var(--tlo-2); }
.gfot img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; transition: transform .4s var(--ease); }
.gfot:hover img { transform: scale(1.06); }
.gfot__podpis {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 16px 10px 8px; font-size: 12px; color: #fff;
  background: linear-gradient(to top, rgba(10,11,14,.86), rgba(10,11,14,0));
}

/* powiększenie zdjęcia */
.lupa {
  position: fixed; inset: 0; z-index: 90;
  display: grid; place-items: center; padding: 20px;
  background: rgba(12, 13, 17, .93);
}
.lupa img { max-width: 100%; max-height: 88vh; border-radius: var(--r); }
.lupa__podpis { margin-top: 12px; color: #D6DBE3; font-size: 14px; text-align: center; }
.lupa__zamknij, .lupa__strzalka {
  position: absolute; display: grid; place-items: center;
  width: 46px; height: 46px; border-radius: 999px;
  background: rgba(255,255,255,.14); color: #fff; font-size: 20px;
  transition: background .18s;
}
.lupa__zamknij:hover, .lupa__strzalka:hover { background: var(--czerwien); }
.lupa__zamknij { top: 16px; right: 16px; }
.lupa__strzalka--lewo { left: 16px; top: 50%; transform: translateY(-50%); }
.lupa__strzalka--prawo { right: 16px; top: 50%; transform: translateY(-50%); }
.lupa__licznik { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); color: #98A2B1; font-size: 13px; }

.udostepnij {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--linia);
  font-size: 13.5px;
}
.udostepnij > span { font-weight: 700; color: var(--tekst-2); }
.udostepnij a, .udostepnij button {
  padding: 7px 14px; border-radius: 999px;
  border: 1px solid var(--linia); background: var(--tlo);
  font-size: 13px; font-weight: 600; color: var(--tekst-2);
  text-decoration: none; transition: background .18s, color .18s, border-color .18s;
}
.udostepnij a:hover, .udostepnij button:hover {
  background: var(--czerwien); border-color: var(--czerwien); color: #fff;
}

/* rozdziały (Historia, M.D.P. Kiedyś) */
.rozdzialy { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.spis {
  background: var(--papier); border: 1px solid var(--linia);
  border-radius: var(--r-duzy); padding: 18px 22px;
}
.spis > b {
  display: block; margin-bottom: 10px;
  font-size: 12.5px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--tekst-2);
}
.spis ol { display: flex; flex-wrap: wrap; gap: 7px; list-style: none; counter-reset: spis; }
.spis li { counter-increment: spis; }
.spis a {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 6px 14px; border-radius: 999px;
  background: var(--tlo); border: 1px solid var(--linia);
  font-size: 13.5px; font-weight: 600; color: var(--tekst-2);
  transition: background .18s, color .18s, border-color .18s;
}
.spis a:hover { background: var(--czerwien); border-color: var(--czerwien); color: #fff; }

.rozdzial { scroll-margin-top: 70px; }
.rozdzial__tyt {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 12px;
  font-size: clamp(21px, 2vw, 27px); text-transform: uppercase; color: var(--grafit);
}
.rozdzial__tyt::after { content: ''; flex: 1; height: 2px; background: var(--linia); }
.tresc--rozdzial { padding: clamp(18px, 2.2vw, 32px); }

/* mini lista wpisów w kolumnie */
.mini-lista { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.mini-lista a { display: flex; gap: 11px; align-items: flex-start; }
.mini-lista img { width: 84px; height: 42px; flex: none; object-fit: cover; border-radius: 7px; }
.mini-lista b {
  display: block; font-family: var(--naglowki); font-size: 16.5px;
  font-weight: 600; line-height: 1.17; color: var(--tekst);
}
.mini-lista em {
  display: block; margin-top: 3px; font-style: normal;
  font-size: 11.5px; font-weight: 600; letter-spacing: .04em;
  text-transform: uppercase; color: var(--tekst-3);
}
.mini-lista a:hover b { color: var(--czerwien); }

/* ==========================================================================
   STRONICOWANIE
   ========================================================================== */
.strony {
  display: flex; align-items: center; justify-content: center;
  gap: 10px; flex-wrap: wrap; margin-top: 28px;
}
.strony__lista { display: flex; gap: 5px; list-style: none; }
.strony__lista a, .strony__lista b, .strony__krok {
  display: grid; place-items: center; min-width: 38px; height: 38px;
  padding-inline: 12px; border-radius: 9px;
  border: 1px solid var(--linia); background: var(--papier);
  font-size: 14px; font-weight: 600; color: var(--tekst-2);
  transition: background .18s, color .18s, border-color .18s;
}
.strony__krok { display: inline-flex; align-items: center; gap: 7px; }
.strony__lista a:hover, .strony__krok:hover {
  background: var(--grafit); border-color: var(--grafit); color: #fff;
}
.strony__lista b { background: var(--czerwien); border-color: var(--czerwien); color: #fff; }
.strony__kropki { display: grid; place-items: center; min-width: 26px; color: var(--tekst-3); }

/* ==========================================================================
   KONTAKT I FORMULARZ
   ========================================================================== */
.uklad-kontakt {
  display: grid; grid-template-columns: minmax(0, 1fr) 320px;
  gap: clamp(22px, 3vw, 40px); align-items: start;
  padding-block: clamp(26px, 3vw, 44px);
}
.kontakt-tresc {
  background: var(--papier); border: 1px solid var(--linia);
  border-radius: var(--r-duzy); padding: clamp(20px, 2.6vw, 34px);
}
.kontakt-wstep { font-size: 15.5px; line-height: 1.7; color: var(--tekst-2); margin-bottom: 22px; }
.kontakt-wstep b { color: var(--tekst); }

.form__pola { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form label { display: flex; flex-direction: column; gap: 6px; }
.form__szer { grid-column: 1 / -1; }
.form label > span { font-size: 13px; font-weight: 700; color: var(--tekst-2); }
.form input[type=text], .form input[type=email], .form textarea {
  padding: 11px 14px; border-radius: var(--r);
  border: 1px solid var(--linia); background: var(--tlo);
  font-size: 15px; outline: none; transition: border-color .18s, background .18s;
}
.form input:focus, .form textarea:focus { border-color: var(--czerwien); background: var(--papier); }
.form textarea { resize: vertical; min-height: 130px; }
.form__miod { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form__zgoda {
  flex-direction: row !important; align-items: flex-start; gap: 10px;
  margin: 16px 0 18px; font-size: 13.5px; color: var(--tekst-2);
}
.form__zgoda input { width: 18px; height: 18px; flex: none; margin-top: 2px; accent-color: var(--czerwien); }
.form__ok, .form__blad { margin-top: 14px; padding: 11px 15px; border-radius: var(--r); font-size: 14px; }
.form__ok { background: #E6F6EC; color: #17683A; }
.form__blad { background: var(--czerwien-tlo); color: var(--czerwien-ciem); }

.przycisk {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 26px; border-radius: 999px;
  background: var(--czerwien); color: #fff;
  font-family: var(--naglowki); font-size: 17px; font-weight: 600;
  letter-spacing: .05em; text-transform: uppercase;
  transition: background .18s, transform .18s;
}
.przycisk:hover { background: var(--czerwien-ciem); }
.przycisk:active { transform: translateY(1px); }
.przycisk--pusty { background: none; color: var(--grafit); border: 2px solid var(--grafit); }
.przycisk--pusty:hover { background: var(--grafit); color: #fff; }

.kontakt-bok { display: flex; flex-direction: column; gap: 16px; }
.kontakt-dane { font-style: normal; font-size: 15px; line-height: 1.7; color: var(--tekst-2); }
.kontakt-mail { color: var(--czerwien); font-weight: 600; word-break: break-word; }
.kontakt-krs { margin-top: 8px; font-size: 13.5px; color: var(--tekst-2); }
.kontakt-alarm { display: flex; align-items: baseline; gap: 10px; margin-bottom: 6px; }
.kontakt-alarm a { font-family: var(--naglowki); font-size: 30px; font-weight: 700; color: var(--czerwien); }
.kontakt-alarm span { font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--tekst-2); }

.szukaj-duza { display: flex; gap: 10px; margin-top: 18px; max-width: 620px; flex-wrap: wrap; }
.szukaj-duza input {
  flex: 1; min-width: 220px; padding: 12px 18px; border-radius: 999px;
  border: 1px solid transparent; background: rgba(255, 255, 255, .12);
  color: #fff; font-size: 15px; outline: none;
}
.szukaj-duza input::placeholder { color: rgba(255, 255, 255, .5); }
.szukaj-duza input:focus { border-color: var(--czerwien); background: rgba(255, 255, 255, .18); }

.pusto {
  padding: 40px 24px; text-align: center; color: var(--tekst-2);
  background: var(--papier); border: 1px dashed var(--linia); border-radius: var(--r-duzy);
}

/* ==========================================================================
   404
   ========================================================================== */
.brak { padding-block: clamp(50px, 8vw, 110px); text-align: center; }
.brak img { margin: 0 auto 20px; opacity: .85; }
.brak h1 { font-size: clamp(28px, 4vw, 44px); text-transform: uppercase; }
.brak p { max-width: 46ch; margin: 12px auto 0; color: var(--tekst-2); }
.brak__akcje { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 24px; }

/* ==========================================================================
   STOPKA
   ========================================================================== */
.stopka { background: var(--grafit); color: #C3CAD6; margin-top: clamp(30px, 4vw, 60px); }
.stopka__partnerzy {
  padding-block: clamp(26px, 3vw, 38px);
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}
.stopka__partnerzy-tyt {
  margin-bottom: 15px; color: #fff; font-size: 12px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
}
.stopka__partnerzy-lista {
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px;
}
.stopka__partner {
  display: flex; min-width: 0; height: 84px; align-items: center; justify-content: center;
  padding: 10px 12px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px; background: #fff;
}
a.stopka__partner { transition: transform .2s var(--ease), border-color .2s, box-shadow .2s; }
a.stopka__partner:hover {
  transform: translateY(-2px); border-color: rgba(255, 255, 255, .34);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
}
.stopka__partner img {
  display: block; width: auto; height: auto; max-width: 100%; max-height: 62px;
  object-fit: contain;
}
.stopka__in {
  display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: clamp(20px, 3vw, 44px);
  padding-block: clamp(34px, 4vw, 56px);
}
.stopka__marka { display: flex; gap: 14px; align-items: flex-start; }
.stopka__marka img { width: 58px; height: auto; flex: none; }
.stopka__marka b {
  display: block; font-family: var(--naglowki); font-size: 22px;
  font-weight: 700; line-height: 1.15; color: #fff; text-transform: uppercase;
}
.stopka__marka p { margin-top: 8px; font-size: 13.5px; color: #97A1B0; max-width: 34ch; }
.stopka__kol h2 {
  font-size: 16px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: #fff; margin-bottom: 13px;
}
.stopka__kol address { font-style: normal; font-size: 14px; line-height: 1.65; }
.stopka__kol ul { list-style: none; display: flex; flex-direction: column; gap: 6px; }
.stopka__kol a { font-size: 14px; color: #C3CAD6; transition: color .18s; }
.stopka__kol a:hover { color: #fff; text-decoration: underline; }
.stopka__krs { margin-top: 9px; font-size: 13.5px; }
.stopka__krs b { color: #fff; }
.stopka__alarm { display: flex; align-items: baseline; gap: 9px; margin-bottom: 5px; }
.stopka__alarm a { font-family: var(--naglowki); font-size: 27px; font-weight: 700; color: #fff; }
.stopka__alarm span { font-size: 12px; letter-spacing: .05em; text-transform: uppercase; color: #8B95A5; }
.stopka__fb {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 12px;
  padding: 8px 15px; border-radius: 999px;
  background: rgba(255, 255, 255, .08); font-size: 13.5px; font-weight: 600; color: #fff;
  transition: background .18s;
}
.stopka__fb:hover { background: #1877F2; }
.stopka__dol { border-top: 1px solid rgba(255, 255, 255, .09); }
.stopka__dol-in {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap; padding-block: 15px;
  font-size: 12.5px; color: #7E8899;
}
.footer__made a { color: #A8B2C0; }
.footer__made a:hover { color: #fff; text-decoration: underline; }

/* ==========================================================================
   RESPONSYWNOŚĆ
   ========================================================================== */
@media (max-width: 1000px) {
  .ojedn__in { grid-template-columns: minmax(0, 1fr); }
  .wyj__wykres { height: 190px; }
}

@media (max-width: 1100px) {
  .uklad { grid-template-columns: minmax(0, 1fr); }
  .uklad .bok { flex-direction: row; flex-wrap: wrap; }
  .uklad .bok .blok { flex: 1 1 260px; }
}

@media (max-width: 1080px) {
  .uklad-wpis, .uklad-kontakt { grid-template-columns: minmax(0, 1fr); }
  .uklad-wpis .bok--wpis, .kontakt-bok { flex-direction: row; flex-wrap: wrap; }
  .uklad-wpis .bok--wpis .blok, .kontakt-bok .blok { flex: 1 1 280px; }
  .stopka__in { grid-template-columns: 1fr 1fr; }
  .stopka__partnerzy-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1450px) {
  /* nazwy zaczynają się zderzać - schodzimy z odstępów, zanim cokolwiek
     zacznie się łamać na dwie linie */
  .nawi__poz > a, .nawi__grupa { padding: 9px 8px; font-size: 13.5px; }
  .szyld__in { gap: 12px; }
}

@media (max-width: 1320px) {
  .podatek > span > span { display: none; }
  .szyld__godlo { width: 56px; }
  .nawi__poz > a, .nawi__grupa { padding: 8px 6px; font-size: 13px; }
  .znak-ksrg { width: 30px; }
}

@media (max-width: 1200px) {
  /* Menu po bokach przestaje się mieścić: godło wraca na lewą stronę,
     a całe menu chowa się pod jeden przycisk. Ten sam próg dla obu boków,
     żeby układ nie rozpadał się etapami. */
  /* trzy elementy w rzędzie: znak KSRG, marka i hamburger - przy dwóch
     kolumnach hamburger spadał do drugiej linii */
  .szyld__in { grid-template-columns: auto 1fr auto; gap: 12px; }
  .nawi__strona--prawa { display: none; }
  .szyld__marka { justify-content: flex-start; }
  .szyld__godlo { width: 46px; }
  /* boki chowają się na telefonie, ale znak KSRG zostaje przy godle */
  .nawi__strona--lewa { display: flex; }
  .nawi__strona--lewa nav { display: none; }
  .nawi__strona--lewa { order: -1; }

  .nawi__ham {
    display: flex; align-items: center; gap: 10px; justify-self: end;
    padding: 10px 4px; color: var(--grafit);
    font-family: var(--naglowki); font-size: 14.5px;
    letter-spacing: .04em; text-transform: uppercase;
  }
  .nawi__ikona { display: flex; flex-direction: column; gap: 4px; }
  .nawi__ikona i {
    display: block; width: 22px; height: 2.5px; border-radius: 2px; background: var(--grafit);
    transition: transform .22s var(--ease), opacity .18s;
  }
  .szyld.otwarte .nawi__ikona i:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
  .szyld.otwarte .nawi__ikona i:nth-child(2) { opacity: 0; }
  .szyld.otwarte .nawi__ikona i:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

  .nawi__mobil { display: none; border-top: 1px solid var(--linia); padding-bottom: 12px; }
  .szyld.otwarte .nawi__mobil { display: block; }
  .nawi__lista--mobil { flex-direction: column; align-items: stretch; }
  .nawi__lista--mobil .nawi__poz > a,
  .nawi__lista--mobil .nawi__grupa { padding: 12px 4px; justify-content: space-between; width: 100%; }
  .nawi__lista--mobil .nawi__pod {
    position: static; opacity: 1; visibility: visible; transform: none;
    display: none; background: var(--tlo); box-shadow: none; border: 0; margin: 0 4px 8px;
  }
  .nawi__lista--mobil .nawi__poz.rozwiniete .nawi__pod { display: block; }
  .nawi__lista--mobil .nawi__poz.rozwiniete .nawi__strz { transform: rotate(180deg); }
  .nawi__mobil .szukajka { display: flex; gap: 8px; margin-top: 10px; }
  .nawi__mobil .szukajka input { flex: 1; }
}

@media (max-width: 700px) {
  .form__pola { grid-template-columns: 1fr; }
  .stopka__in { grid-template-columns: 1fr; }
  .stopka__partnerzy-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stopka__partner { height: 76px; }
  .siatka { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
  .ojedn__liczby { grid-template-columns: 1fr 1fr; }
  /* wykres przy tylu latach nie mieści się w szerokość telefonu, więc
     przewija się w bok, a pod nim i tak jest ta sama tabela */
  .wyj__wykres { grid-auto-columns: 54px; overflow-x: auto; padding-bottom: 6px; }
  .wyj__opis { left: 0; transform: none; }
  .wyj__tabela th, .wyj__tabela td { padding: 8px 6px; font-size: 13px; }
  .plakaty__siatka { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}

@media (max-width: 460px) {
  .szyld__godlo { width: 40px; }
  .nawi__ham em { display: none; }
  .siatka { grid-template-columns: 1fr; }
  .uklad .bok .blok, .uklad-wpis .bok--wpis .blok, .kontakt-bok .blok { flex-basis: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  html { scroll-behavior: auto; }
}

/* ==========================================================================
   NAGŁÓWEK NA ZDJĘCIU (tylko strony z hero)
   Pasek górny i szyld leżą NA zdjęciu, więc tracą tło i dostają jasne napisy.
   Zdjęcie musi zaczynać się od samej góry strony, dlatego hero wjeżdża pod
   nagłówek ujemnym marginesem, a treść w środku dostaje zapas na jego wysokość.
   Po przewinięciu poza hero nagłówek wraca do białego tła (klasa .przyklejony),
   inaczej białe napisy zniknęłyby na jasnej treści.
   ========================================================================== */
.z-hero .pasek-gora,
.z-hero .szyld {
  background: transparent; border-color: transparent;
  position: relative; z-index: 60;
}
.z-hero .szyld { border-bottom: 1px solid rgba(255, 255, 255, .16); }
.z-hero .pasek-gora { border-bottom: 1px solid rgba(255, 255, 255, .1); }

.z-hero .nawi__poz > a,
.z-hero .nawi__grupa { color: rgba(255, 255, 255, .88); }
.z-hero .nawi__poz > a:hover,
.z-hero .nawi__grupa:hover { color: #fff; background: rgba(255, 255, 255, .14); }
.z-hero .nawi__poz.jest > a { color: #fff; }
.z-hero .nawi__poz.jest > a::after {
  content: ''; position: absolute; left: 11px; right: 11px; bottom: 4px;
  height: 2px; border-radius: 2px; background: var(--czerwien);
}
.z-hero .nawi__ham { color: #fff; }
.z-hero .nawi__ikona i { background: #fff; }
.z-hero .znak-ksrg { filter: brightness(0) invert(1); opacity: .8; }
.z-hero .podatek { border-color: rgba(255, 255, 255, .3); }
.z-hero .podatek b { color: #fff; }
.z-hero .podatek > span > span { color: rgba(255, 255, 255, .7); }
.z-hero .podatek:hover { background: rgba(255, 255, 255, .14); border-color: #fff; }
.z-hero .hero { margin-top: calc(-1 * var(--wys-naglowka, 132px)); }
.z-hero .hero__tresc { padding-top: var(--wys-naglowka, 132px); }

/* po zjechaniu poniżej hero nagłówek odzyskuje tło */
.szyld.przyklejony {
  position: fixed; top: 0; left: 0; right: 0;
  background: var(--papier); border-bottom: 1px solid var(--linia);
  box-shadow: 0 2px 14px rgba(22, 24, 29, .1);
  animation: naglowek-wjazd .22s var(--ease);
}
@keyframes naglowek-wjazd { from { transform: translateY(-100%); } to { transform: none; } }
.z-hero .szyld.przyklejony .nawi__poz > a,
.z-hero .szyld.przyklejony .nawi__grupa { color: var(--tekst-2); }
.z-hero .szyld.przyklejony .nawi__poz > a:hover { color: var(--grafit); background: var(--tlo); }
.z-hero .szyld.przyklejony .nawi__poz.jest > a { color: var(--czerwien); }
.z-hero .szyld.przyklejony .znak-ksrg { filter: none; opacity: .85; }
.z-hero .szyld.przyklejony .podatek { border-color: var(--linia); }
.z-hero .szyld.przyklejony .podatek b { color: var(--grafit); }
.z-hero .szyld.przyklejony .podatek > span > span { color: var(--tekst-3); }
.z-hero .szyld.przyklejony .nawi__ham { color: var(--grafit); }
.z-hero .szyld.przyklejony .nawi__ikona i { background: var(--grafit); }

/* znak KSRG przy lewej krawędzi nagłówka; para dla plakietki 1,5% po prawej */
.znak-ksrg { width: 34px; height: auto; flex: none; opacity: .85; transition: opacity .18s; }
.znak-ksrg:hover { opacity: 1; }
@media (max-width: 1180px) { .znak-ksrg { width: 30px; } }

@media (max-width: 700px) {
  /* na telefonie strzałki są bez sensu (jest przesuwanie palcem), a pas
     musi zostawić miejsce na pierwszy wpis pod spodem */
  .hero { height: clamp(380px, 78vw, 470px); }
  .hero__strzalka { display: none; }
  .hero__tresc { padding-bottom: 42px; }
  .hero__lead { display: none; }
}

/* O jednostce — układ dopasowany do nowego hero. */
.unit-intro{background:#fff;font-family:Inter,Arial,sans-serif;color:#182632}
.unit-intro__inner{width:88%;max-width:1600px;margin:0 auto;padding:76px 0 80px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);align-items:center}
.unit-intro__eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 24px;font-size:12px;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:#98272c}
.unit-intro__eyebrow>span{width:26px;height:2px;background:#ad2b30;flex:none}
.unit-intro h2{font-family:Inter,Arial,sans-serif;font-size:clamp(30px,3vw,46px);font-weight:600;line-height:1.16;letter-spacing:-.04em;text-transform:none;margin:0;text-wrap:balance}
.unit-intro h2>.unit-intro__title-accent{color:#5b6873}
.unit-intro__lead{font-size:17px;line-height:1.75;margin:25px 0 0;color:#35434f;max-width:62ch}
.unit-intro__detail{font-size:15px;line-height:1.8;margin:16px 0 0;color:#687480;max-width:66ch}
.unit-intro__president{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:16px;width:min(390px,100%);margin-top:25px;padding:10px 13px 10px 10px;border:1px solid #dce3e7;border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(24,38,50,.06);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.unit-intro__president:hover{border-color:#c8a1a3;box-shadow:0 12px 28px rgba(24,38,50,.1);transform:translateY(-2px)}.unit-intro__president-photo{position:relative;width:76px;height:76px;overflow:hidden;border-radius:50%;background:#e8ecef;border:3px solid #fff;box-shadow:0 0 0 2px #a52629}.unit-intro__president-photo img{position:absolute;max-width:none;width:800px;height:auto;left:-17px;top:-112px}.unit-intro__president-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.unit-intro__president-copy strong{font-size:16px;line-height:1.25;color:#1d2a34}.unit-intro__president-copy span{font-size:12px;line-height:1.4;color:#7a8790}.unit-intro__president-arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f8ecec;color:#a52629;font-size:15px}.unit-intro__president:hover .unit-intro__president-arrow{background:#a52629;color:#fff}
.unit-intro__links{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:30px}
.unit-intro__primary{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:14px 20px;background:#a52629;color:white;border:1px solid #a52629;font-size:14px;font-weight:500;border-radius:4px;line-height:1.5}
.unit-intro__primary:hover{background:#8f2024;color:#fff}
.unit-intro__history{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:500;color:#24333f;padding:10px 0;border-bottom:1px solid #c5cdd4}
.unit-intro__history:hover{color:#a52629;border-color:#a52629}
.unit-intro__facts{background:#14212c;color:#fff;padding:28px 34px 22px;border-radius:8px;border:1px solid #243340}
.unit-intro__facts-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff20;padding-bottom:22px;color:#cbd3db;font-size:13px;line-height:1.5}
.unit-intro__facts-head img{width:43px;height:44px;object-fit:contain}
.unit-intro__numbers{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:0}
.unit-intro__numbers>div{display:flex;flex-direction:column;padding:26px 0;gap:9px;min-width:0}
.unit-intro__numbers>div:nth-child(even){padding-left:26px;border-left:1px solid #ffffff16}
.unit-intro__numbers>div:nth-child(n+3){border-top:1px solid #ffffff16}
.unit-intro__numbers dt{font-size:13px;line-height:1.5;color:#b8c4ce;font-weight:400}
.unit-intro__numbers dd{order:-1;font-size:clamp(35px,3.4vw,53px);font-weight:500;line-height:1.08;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:0;color:#fff}
.unit-intro__numbers dd.unit-intro__ksrg{display:flex;align-items:center;height:58px}
.unit-intro__numbers dd.unit-intro__ksrg img{width:72px;height:72px;max-width:100%;object-fit:contain;filter:brightness(0) invert(1);clip-path:polygon(0 0,100% 0,100% 74%,65% 74%,65% 100%,0 100%)}
.unit-intro__facts-link{display:flex;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid #ffffff20;color:#d6dfe6;font-size:13px;line-height:1.5}
.unit-intro__facts-link:hover{color:white}
.unit-intro a:focus-visible{outline:3px solid #e64f54;outline-offset:5px}
@media(max-width:1000px){.unit-intro__inner{gap:35px;grid-template-columns:1.1fr 1fr;padding:55px 0}.unit-intro__facts{padding:23px}.unit-intro__links{gap:18px}.unit-intro__primary{padding:13px 16px}}
@media(max-width:760px){.unit-intro__inner{width:88%;grid-template-columns:1fr;gap:32px;padding:40px 0 44px}.unit-intro h2{font-size:clamp(29px,7vw,39px)}.unit-intro__eyebrow{font-size:11px;margin-bottom:18px}.unit-intro__lead{font-size:16px;margin-top:21px}.unit-intro__detail{font-size:15px}.unit-intro__president{grid-template-columns:64px minmax(0,1fr) auto;margin-top:22px}.unit-intro__president-photo{width:64px;height:64px}.unit-intro__president-photo img{left:-23px;top:-119px}.unit-intro__facts{padding:23px 25px}.unit-intro__numbers dd{font-size:44px}.unit-intro__numbers dd.unit-intro__ksrg{height:50px}.unit-intro__numbers dd.unit-intro__ksrg img{width:62px;height:62px}.unit-intro__numbers>div:nth-child(even){padding-left:21px}.unit-intro__links{gap:20px}}

.unit-intro .count-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Aktualności — redakcyjny układ pod hero. Klasa life-feed__eyebrow jest
   wspólnym wzorcem małej etykiety nad nagłówkiem dla kolejnych sekcji. */
.life-feed__header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:4px 0 23px;margin-bottom:26px;border-bottom:1px solid #ccd5dc;font-family:Inter,Arial,sans-serif}
.life-feed__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9a272b}.life-feed__eyebrow::before{content:'';width:25px;height:2px;background:#a52629;flex:none}
.life-feed__header h1{margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(28px,3.1vw,43px);font-weight:600;line-height:1.12;letter-spacing:-.045em;text-transform:none;color:#17242e}.life-feed__header>p{margin:0 0 4px;font-size:13px;line-height:1.5;color:#697580;white-space:nowrap}
.life-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;font-family:Inter,Arial,sans-serif}.life-card{min-width:0;border:1px solid #dce2e6;background:#fff;transition:transform .22s var(--ease),box-shadow .22s,border-color .22s}.life-card:hover{transform:translateY(-3px);border-color:#bdc8cf;box-shadow:0 12px 32px rgba(21,32,42,.1)}.life-card__link{display:flex;height:100%;flex-direction:column;color:#1c2933}.life-card__photo{display:block;overflow:hidden;aspect-ratio:2 / 1;background:#e8edf0}.life-card__photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}.life-card:hover .life-card__photo img{transform:scale(1.045)}.life-card__photo--empty{display:grid;place-items:center;background:#f5e9e9}.life-card__photo--empty .life-card__crest{width:72px;height:auto;opacity:.48}.life-card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px 20px 21px}.life-card__meta{display:flex;gap:10px;align-items:center;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#78838c}.life-card__meta span{display:flex;align-items:center;gap:10px}.life-card__meta span::before{content:'';width:3px;height:3px;border-radius:50%;background:#a52629}.life-card__title{font-size:21px;font-weight:600;line-height:1.22;letter-spacing:-.025em;text-wrap:balance;color:#1d2a34}.life-card__lead{font-size:14px;line-height:1.6;color:#64707a}
.life-card--lead{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border-color:#cfd8de}.life-card--lead .life-card__link{display:contents}.life-card--lead .life-card__photo{grid-column:1;grid-row:1;aspect-ratio:auto;min-height:320px}.life-card--lead .life-card__body{grid-column:2;grid-row:1;justify-content:center;padding:38px clamp(25px,4vw,52px);background:#f6f8f9}.life-card--lead .life-card__title{font-size:clamp(26px,2.6vw,39px);line-height:1.15;letter-spacing:-.04em}.life-card--lead .life-card__lead{font-size:15px;line-height:1.7}.life-card__read{display:inline-flex;align-items:center;gap:22px;margin-top:10px;font-size:14px;font-weight:600;color:#a52629}.life-card__read span{font-size:17px}
@media(max-width:1050px){.life-feed{gap:16px}.life-card--lead .life-card__photo{min-height:260px}.life-card--lead .life-card__body{padding:28px}.life-card__body{padding:16px}.life-card__title{font-size:19px}}
@media(max-width:760px){.life-feed__header{align-items:start;flex-direction:column;gap:8px;margin-bottom:20px}.life-feed__header>p{white-space:normal}.life-feed{grid-template-columns:1fr;gap:15px}.life-card--lead{grid-column:auto;display:block}.life-card--lead .life-card__link{display:flex}.life-card--lead .life-card__photo{min-height:0;aspect-ratio:2 / 1}.life-card--lead .life-card__body{padding:22px;background:#f6f8f9}.life-card--lead .life-card__title{font-size:27px}.life-card__title{font-size:20px}.life-card__body{padding:17px}.life-card__lead{font-size:14px}}

/* Stałe informacje przy aktualnościach. */
.life-sidebar{display:flex;flex-direction:column;gap:18px;min-width:0;font-family:Inter,Arial,sans-serif}
.life-sidebar__card{padding:24px;background:#fff;border:1px solid #dce3e7;border-radius:7px;color:#1d2a34}.life-sidebar__card--116{background:#15232f;color:#fff;border-color:#223542}
.life-sidebar__eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:#9a272b}.life-sidebar__card--116 .life-sidebar__eyebrow{color:#dce6ec}.life-sidebar__eyebrow::before{content:'';width:20px;height:2px;background:#a52629;flex:none}
.life-sidebar h2{margin:0;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:600;line-height:1.18;letter-spacing:-.035em;text-transform:none;color:#1d2a34}.life-sidebar__card--116 h2{color:#fff}.life-sidebar__card--116 h2 span{color:#ee7678}
.life-sidebar__tax-copy{margin:14px 0 20px;font-size:14px;line-height:1.65;color:#c3ced6}.life-sidebar__krs{display:flex;flex-direction:column;gap:5px;padding:15px 0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}.life-sidebar__krs span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#aebdc7}.life-sidebar__krs strong{font-size:21px;font-weight:600;letter-spacing:.04em;color:#fff}.life-sidebar__tax-link{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;font-size:13px;font-weight:600;color:#fff}.life-sidebar__tax-link:hover{color:#f08b8d}
.life-sidebar__content{margin-top:17px;color:#66737e;font-size:14px;line-height:1.6}.life-sidebar__content p{margin:0}.life-sidebar__content img{display:block;width:100%!important;height:auto!important;margin:0;border-radius:4px}.life-sidebar__content a{color:#a52629;font-weight:600}.life-sidebar__content a:hover{text-decoration:underline}
@media(max-width:1000px){.life-sidebar__card{padding:20px}.life-sidebar h2{font-size:22px}}

/* Zwarta siatka aktualności i wspólna szerokość z sekcją „Poznaj nas”. */
.uklad{width:88%;max-width:1600px;padding-inline:0}
.life-feed{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.life-card__body{padding:16px}.life-card__title{font-size:19px}.life-card__lead{font-size:13px;line-height:1.55}
.life-sidebar__card{background:#14212c;color:#fff;border-color:#223542}.life-sidebar__card h2{color:#fff}.life-sidebar__content{color:#c7d1d8}.life-sidebar__content img{border-radius:4px}.life-sidebar__card--129 .life-sidebar__eyebrow{color:#dce6ec}.life-sidebar__card--129 .life-sidebar__eyebrow::before{background:#a52629}
@media(max-width:1180px){.life-feed{grid-template-columns:repeat(2,minmax(0,1fr))}.uklad{width:min(1440px,100%);padding-inline:clamp(16px,3.5vw,40px)}.uklad .life-sidebar{flex-direction:row;flex-wrap:wrap}.uklad .life-sidebar__card{flex:1 1 280px}}
@media(max-width:760px){.life-feed{grid-template-columns:1fr}.uklad{width:100%;padding-inline:clamp(16px,3.5vw,40px)}.uklad .life-sidebar{flex-direction:column}.life-card__body{padding:17px}.life-card__title{font-size:20px}}

/* Wspólna czerwień OSP: akcenty łączą sekcje, a jasne tła zostają spokojne. */
.life-feed__header{border-bottom:1px solid #ccd5dc}
.life-card{border-top:3px solid transparent}
.life-card:hover{border-top-color:#b2292e}
.wyj{border-top:4px solid #b2292e;background:linear-gradient(120deg,#1b1820 0%,#14212c 62%,#271b22 100%)}
.wyj__glowa h2::before,.filmy__glowa h2::before{content:'';display:inline-block;width:8px;height:26px;margin:0 12px -4px 0;border-radius:2px;background:#c22b31}
.pasb{border-top:1px solid #ead4d5}
.pasb__blok{border-top:3px solid #b2292e}
.filmy__glowa{border-bottom-color:#b2292e}
.plakaty{border-top:4px solid #b2292e}

/* Paginacja aktualności: niska, czytelna i spójna z kartami wpisów. */
.strony{justify-content:space-between;gap:14px;margin:34px 0 4px;padding-top:22px;border-top:1px solid #d7dfe4;font-family:Inter,Arial,sans-serif}
.strony__lista{gap:7px;order:2}
.strony__lista a,.strony__lista b,.strony__krok{min-width:40px;height:40px;border-radius:5px;border-color:#ccd6dc;background:#fff;color:#42505a;font-size:13px;font-weight:600}
.strony__krok{order:1;padding-inline:14px;color:#263640}
.strony__krok:last-child{order:3}
.strony__lista a:hover,.strony__krok:hover{background:#a52629;border-color:#a52629;color:#fff;transform:translateY(-1px)}
.strony__lista b{background:#a52629;border-color:#a52629;color:#fff;box-shadow:0 5px 13px rgba(165,38,41,.22)}
.strony__kropki{color:#8a969f}
@media(max-width:560px){.strony{justify-content:center;gap:10px}.strony__lista{order:1;width:100%;justify-content:center}.strony__krok{order:2}.strony__krok:last-child{order:3}}

/* Jasne panele przy aktualnościach i w sekcji służby. */
.unit-intro__facts{background:#fff;color:#1d2a34;border-color:#d7e0e5;box-shadow:0 12px 34px rgba(24,38,50,.08)}
.unit-intro__facts-head{color:#5d6a73;border-bottom-color:#e0e6e9}
.unit-intro__facts-head img{filter:none}
.unit-intro__numbers>div:nth-child(even),.unit-intro__numbers>div:nth-child(n+3){border-color:#e0e6e9}
.unit-intro__numbers dt{color:#687680}
.unit-intro__numbers dd{color:#1b2a34}
.unit-intro__numbers dd.unit-intro__ksrg img{filter:none}
.unit-intro__facts-link{color:#55636d;border-top-color:#e0e6e9}
.unit-intro__facts-link:hover{color:#a52629}
.life-sidebar__card,.life-sidebar__card--116{background:#fff;color:#26343d;border-color:#d7e0e5;box-shadow:0 8px 26px rgba(24,38,50,.06)}
.life-sidebar__card h2,.life-sidebar__card--116 h2{color:#1d2a34}
.life-sidebar__card--116 h2 span{color:#a52629}
.life-sidebar__card--116 .life-sidebar__eyebrow,.life-sidebar__card--129 .life-sidebar__eyebrow{color:#9a272b}
.life-sidebar__tax-copy,.life-sidebar__content{color:#5d6b75}
.life-sidebar__krs{border-color:#e0e6e9}
.life-sidebar__krs span{color:#71808a}
.life-sidebar__krs strong{color:#1d2a34}
.life-sidebar__tax-link{color:#a52629}
.life-sidebar__tax-link:hover{color:#7f1d21}
.life-sidebar__tax-brand{display:flex;align-items:center;justify-content:center;min-height:94px;margin:-24px -24px 20px;padding:13px 22px;background:#f3f6f8;border-radius:7px 7px 0 0;border-bottom:1px solid #dce3e7}.life-sidebar__tax-brand img{width:min(182px,100%);height:auto;max-height:68px;object-fit:contain}.life-sidebar__card--116 .life-sidebar__eyebrow{margin-bottom:10px}.life-sidebar__card--116 h2{font-size:25px;line-height:1.18}.life-sidebar__card--116 .life-sidebar__tax-copy{margin:13px 0 18px}
@media(max-width:1000px){.life-sidebar__tax-brand{margin:-20px -20px 18px}}

/* Aktualności jako zwarta lista redakcyjna zamiast katalogu kafli. */
.life-feed{display:flex;flex-direction:column;gap:0}
.life-card{border:0;border-bottom:1px solid #d8e0e5;background:transparent;box-shadow:none;transition:background .2s ease}
.life-card:first-child{border-top:1px solid #d8e0e5}
.life-card:hover{transform:none;border-top-color:transparent;border-bottom-color:#c9d3d9;box-shadow:none;background:#fff}
.life-card__link{display:grid;grid-template-columns:clamp(170px,18vw,235px) minmax(0,1fr);align-items:center;min-height:150px}
.life-card__photo{aspect-ratio:16 / 10;height:100%;min-height:148px}
.life-card__photo img{height:100%}
.life-card__body{justify-content:center;gap:8px;padding:19px 24px}
.life-card__meta{font-size:11px}
.life-card__title{font-size:clamp(18px,1.45vw,22px);line-height:1.24}
.life-card__lead{max-width:70ch;font-size:13px;line-height:1.55;color:#64717a}
@media(max-width:760px){.life-card__link{grid-template-columns:118px minmax(0,1fr);min-height:116px}.life-card__photo{min-height:114px;aspect-ratio:1 / 1}.life-card__body{gap:6px;padding:13px 0 13px 15px}.life-card__title{font-size:17px}.life-card__lead{display:none}.life-card__meta span{display:none}}
@media(max-width:430px){.life-card__link{grid-template-columns:94px minmax(0,1fr);min-height:100px}.life-card__photo{min-height:98px}.life-card__body{padding-left:12px}.life-card__title{font-size:16px}}

/* Wybrany wariant „Fotoreportaż”: wszystkie wpisy mają ten sam format. */
.life-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:340px;gap:11px}
.life-card,.life-card:first-child{position:relative;overflow:hidden;min-height:0;border:0;background:#17232d;box-shadow:none}
.life-card:hover{background:#17232d;border:0;box-shadow:none}
.life-card__link{display:block;position:relative;height:100%;min-height:0;color:#fff}
.life-card__photo{position:absolute;inset:0;height:auto;min-height:0;aspect-ratio:auto;background:#263743}
.life-card__photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,18,26,.96) 0%,rgba(9,18,26,.52) 45%,rgba(9,18,26,.03) 78%)}
.life-card__photo img{width:100%;height:100%;object-fit:cover}
.life-card__photo--empty{display:grid}.life-card__photo--empty .life-card__crest{width:76px;height:auto;align-self:center;justify-self:center;opacity:.45}
.life-card__body{position:absolute;right:0;bottom:0;left:0;z-index:1;display:flex;gap:9px;padding:23px;color:#fff}
.life-card__meta{color:#d5dde2}
.life-card__meta span::before{background:#ef5558}
.life-card__title{position:relative;align-self:flex-start;font-size:20px;line-height:1.24;color:#fff}
.life-card__title::after{content:'';position:absolute;right:0;bottom:-4px;left:0;height:1px;background:rgba(255,255,255,.9);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}
.life-card__lead{display:none}
.life-card:hover .life-card__title{color:#fff;text-decoration:none}
.life-card:hover .life-card__title::after{transform:scaleX(1)}
@media(max-width:1180px){.life-feed{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:325px}}
@media(max-width:680px){.life-feed{grid-template-columns:1fr;grid-auto-rows:285px;gap:12px}.life-card__body{padding:19px}.life-card__title{font-size:19px}.life-card__meta span{display:flex}}

/* Prosty podpis prezesa, bez wyglądu kafla. */
.unit-intro__president{display:flex;align-items:center;gap:15px;width:auto;margin-top:25px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
.unit-intro__president:hover{border:0;box-shadow:none;transform:none}
.unit-intro__president-photo{width:62px;height:62px;border:1px solid #d7dee3;box-shadow:none}
.unit-intro__president-photo--crop img{width:600px;left:calc(var(--president-x) * -.75);top:calc(var(--president-y) * -.75)}
.unit-intro__president-photo--file img{inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:var(--foto-x,50%) var(--foto-y,50%);transform:scale(var(--foto-zoom,1));transform-origin:var(--foto-x,50%) var(--foto-y,50%)}
.unit-intro__president-photo--initials{display:grid;place-items:center;background:#eef1f3;font-size:16px;font-weight:700;letter-spacing:.04em;color:#a52629}
.unit-intro__president-copy strong{font-size:16px}.unit-intro__president-copy span{font-size:13px}

/* Sidebar zaczyna się na wysokości pierwszego rzędu aktualności. */
@media(min-width:1181px){.uklad>.life-sidebar{margin-top:124px}}

/* Pełne statystyki bieżącego roku są widoczne od razu, tak jak na starej
   stronie. Nie trzeba najeżdżać na wykres ani szukać tabeli niżej. */
.unit-intro__numbers>div.unit-intro__current{grid-column:1/-1;padding:23px 0;border-top:1px solid #e0e6e9;border-left:0}
.unit-intro__current dt{margin-bottom:14px;font-weight:600;color:#364650}
.unit-intro__numbers dd.unit-intro__current-grid{display:grid;order:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0;background:#e0e6e9;font-size:inherit;line-height:normal;letter-spacing:normal}
.unit-intro__current-grid>span{display:flex;min-width:0;flex-direction:column;gap:5px;padding:13px 11px;background:#fff}
.unit-intro__current-grid b{font-size:clamp(25px,2.2vw,35px);font-weight:600;line-height:1;color:#a52629;font-variant-numeric:tabular-nums}
.unit-intro__current-grid small{font-size:11px;line-height:1.35;font-weight:600;color:#687680}
.unit-intro__numbers>div.unit-intro__alltime{grid-column:1/-1;padding:22px 0;border-left:0;border-top:1px solid #e0e6e9}
.filmy__siatka{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.filmy__siatka{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.unit-intro__numbers dd.unit-intro__current-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filmy__siatka{grid-template-columns:1fr}}

/* Wyjazdy alarmowe — jasny język wizualny sekcji „Poznaj nas” i aktualności. */
.wyj{padding-block:clamp(50px,6vw,82px);border-top:1px solid #dce3e7;background:#f6f8f9;color:#1d2a34;font-family:Inter,Arial,sans-serif}
.wyj>.kontener{width:88%;max-width:1600px}
.wyj__glowa{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px;padding-bottom:23px;border-bottom:1px solid #ccd5dc}
.wyj__glowa>div{min-width:0}
.wyj__glowa .life-feed__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:12px;font-weight:600;line-height:normal;letter-spacing:.1em;text-transform:uppercase;color:#9a272b}
.wyj__glowa h2{margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(28px,3.1vw,43px);font-weight:600;line-height:1.12;letter-spacing:-.045em;text-transform:none;color:#17242e}
.wyj__glowa h2::before{content:none}
.wyj__glowa>p{max-width:510px;margin:0 0 4px;font-size:14px;line-height:1.65;color:#687680;text-align:right}
.wyj__wykres{height:285px;padding:40px 28px 22px;border:1px solid #dce3e7;border-radius:8px;background:#fff;box-shadow:0 10px 30px rgba(24,38,50,.055)}
.wyj__ile{color:#687680}
.wyj__slup{background:#dfe5e9}
.wyj__rok:hover .wyj__slup,.wyj__rok:focus-within .wyj__slup{background:#bd3438}
.wyj__rok--teraz .wyj__slup{background:#a52629}
.wyj__rok--teraz:hover .wyj__slup{background:#8f2024}
.wyj__etyk{color:#6f7c86}
.wyj__rok--teraz .wyj__etyk{color:#8f2024;font-weight:700}
.wyj__opis{border:1px solid #dce3e7;background:#fff;color:#1d2a34;box-shadow:0 14px 34px rgba(24,38,50,.14)}
.wyj__opis> b{color:#a52629}
.wyj__tabela-wrap{margin-top:22px;overflow-x:auto;border:1px solid #dce3e7;border-radius:8px;background:#fff}
.wyj__tabela{min-width:650px;margin-top:0;border-collapse:collapse;background:#fff;color:#1d2a34}
.wyj__tabela th,.wyj__tabela td{padding:12px 16px;border-bottom:1px solid #e3e8eb}
.wyj__tabela thead th{background:#eef2f4;color:#65727c}
.wyj__tabela tbody th{font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:600;color:#263640}
.wyj__tabela td{color:#5d6b75}
.wyj__tabela tbody tr:last-child th,.wyj__tabela tbody tr:last-child td{border-bottom:0}
.wyj__tabela tr.jest{background:#fbf1f1}
.wyj__tabela tr.jest th,.wyj__tabela tr.jest td{color:#263640}
.wyj__tabela tr.jest td b{color:#a52629}
@media(max-width:760px){.wyj>.kontener{width:100%;padding-inline:clamp(16px,3.5vw,40px)}.wyj__glowa{align-items:flex-start;flex-direction:column;gap:10px}.wyj__glowa>p{text-align:left}.wyj__wykres{height:250px;padding:34px 16px 18px}.wyj__opis{display:none}}

/* Paginacja aktualności — lekka nawigacja redakcyjna bez ciężkich kafelków. */
.strony{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:40px 0 8px;padding:22px 0 0;border-top:1px solid #d7dfe4;font-family:Inter,Arial,sans-serif}
.strony__srodek{display:flex;flex-direction:column;align-items:center;gap:8px;order:2}
.strony__status{margin:0;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#7a8790}
.strony__status b{color:#a52629}
.strony__lista{display:flex;align-items:center;gap:3px;margin:0}
.strony__lista a,.strony__lista b{display:grid;place-items:center;min-width:32px;height:32px;padding:0 7px;border:0;border-radius:0;background:transparent;color:#5c6973;font-size:13px;font-weight:600;transition:color .18s ease,background-color .18s ease}
.strony__lista a:hover{background:#f2e7e8;color:#8f2024;transform:none}
.strony__lista b{position:relative;background:transparent;color:#17242e;box-shadow:none}
.strony__lista b::after{content:'';position:absolute;right:7px;bottom:1px;left:7px;height:2px;background:#a52629}
.strony__kropki{display:grid;place-items:center;min-width:24px;color:#9aa4ab}
.strony__krok{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:max-content;min-width:0;height:auto;padding:11px 15px;border:1px solid #d3dce1;border-radius:999px;background:#fff;color:#2d3b45;font-size:12px;font-weight:600;transition:border-color .2s ease,color .2s ease,background-color .2s ease}
.strony__krok:first-child{order:1;justify-self:start}
.strony__krok:last-child{order:3;justify-self:end}
.strony__krok:hover{border-color:#a52629;background:#fff;color:#a52629;transform:none}
.strony__krok svg{transition:transform .2s ease}
.strony__krok:first-child:hover svg{transform:translateX(-2px)}
.strony__krok:last-child:hover svg{transform:translateX(2px)}
.strony__krok--disabled{border-color:transparent;background:transparent;color:#a7b0b6;cursor:default}
@media(max-width:620px){.strony{grid-template-columns:1fr 1fr;gap:16px 10px}.strony__srodek{grid-column:1/-1;grid-row:1}.strony__krok:first-child{grid-column:1;grid-row:2}.strony__krok:last-child{grid-column:2;grid-row:2}.strony__lista{max-width:100%;flex-wrap:wrap;justify-content:center}}

/* Dalsze strony aktualności zachowują ten sam nagłówek co cały nowy serwis. */
.archive-home-page{background:#f4f6f7;color:#182632;font-family:Inter,Arial,sans-serif}.archive-home-page .osp-selected--subpage{position:relative;z-index:30;background:transparent}.archive-home-page .osp-selected--subpage .stage{position:absolute;top:34px;right:0;left:0;z-index:40;min-height:118px;padding:16px 0;background:transparent}.archive-home-page .osp-selected--subpage.v3 .header:not(.is-sticky){position:relative;inset:auto;width:92%;margin-inline:auto;background:#a52629}.archive-home-hero{display:flex;min-height:430px;background:linear-gradient(120deg,#091722,#132633);color:#fff}.archive-home-hero__inner{display:flex;flex-direction:column;justify-content:flex-end;padding-block:185px 55px}.archive-home-hero .life-feed__eyebrow{color:#f1b9bb}.archive-home-hero .life-feed__eyebrow::before{background:#e55053}.archive-home-hero h1{max-width:850px;margin:0;font:600 clamp(42px,5.4vw,76px)/1 Inter,Arial,sans-serif;letter-spacing:-.06em;text-transform:none;color:#fff}.archive-home-hero__inner>p:last-child{margin:20px 0 0;font-size:16px;line-height:1.7;color:rgba(235,241,245,.8)}.archive-home-page>.uklad{padding-top:clamp(58px,7vw,92px)}
@media(max-width:700px){.archive-home-page .osp-selected--subpage .stage{min-height:108px;padding:12px 0}.archive-home-page .osp-selected--subpage.v3 .header:not(.is-sticky){width:94%}.archive-home-hero{min-height:490px}.archive-home-hero__inner{padding-top:180px;padding-bottom:48px}.archive-home-hero h1{font-size:46px}}
@media(max-width:520px){.archive-home-page .osp-selected--subpage .stage{min-height:98px;padding:9px 0}.archive-home-page .osp-selected--subpage.v3 .header:not(.is-sticky){width:94%;min-height:80px;padding:12px 13px}.archive-home-page .osp-selected--subpage.v3 .header:not(.is-sticky) .tax-badge{display:none}.archive-home-page .osp-selected--subpage.v3 .header:not(.is-sticky) .brand small{display:none}.archive-home-hero h1{font-size:41px}}

/* Wyjazdy: fotografia i bieżący rok tworzą jedną kompozycję, a archiwum
   jest ciągłym wykresem zamiast kolejnej siatki podobnych paneli. */
.wyj{background:#fff;border-top:1px solid #e1e6e9}
.wyj__feature{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);min-height:440px;overflow:hidden;border-radius:8px;background:#18252f}
.wyj__foto{position:relative;min-width:0;min-height:440px;margin:0;overflow:hidden}
.wyj__foto::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,24,.04) 50%,rgba(10,18,24,.64) 100%);pointer-events:none}
.wyj__foto img{width:100%;height:100%;object-fit:cover;object-position:center 56%;transition:transform .8s var(--ease)}
.wyj__feature:hover .wyj__foto img{transform:scale(1.018)}
.wyj__foto figcaption{position:absolute;z-index:1;bottom:23px;left:25px;padding:8px 11px;background:rgba(13,22,29,.7);color:#fff;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}
.wyj__teraz{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,58px);color:#fff}
.wyj__teraz-label{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 26px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.16);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#b8c4cc}
.wyj__teraz-label b{font-size:14px;color:#fff}
.wyj__teraz-suma{display:flex;align-items:flex-end;gap:14px;margin:0 0 33px}
.wyj__teraz-suma strong{font-size:clamp(70px,7vw,106px);font-weight:500;line-height:.76;letter-spacing:-.075em;color:#fff;font-variant-numeric:tabular-nums}
.wyj__teraz-suma span{font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:#d5dde2}
.wyj__teraz-liczby{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0}
.wyj__teraz-liczby>div{display:flex;min-width:0;flex-direction:column;gap:7px;padding:0 14px;border-left:1px solid rgba(255,255,255,.16)}
.wyj__teraz-liczby>div:first-child{padding-left:0;border-left:0}
.wyj__teraz-liczby>div:last-child{padding-right:0}
.wyj__teraz-liczby dt{font-size:10px;line-height:1.35;color:#aebbc4}
.wyj__teraz-liczby dd{order:-1;margin:0;font-size:26px;font-weight:600;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.wyj__historia{margin-top:40px}
.wyj__historia-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}
.wyj__historia-head h3{margin:0;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:600;color:#1d2a34}
.wyj__legenda{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:10px;color:#6d7a84}
.wyj__legenda>span{display:flex;align-items:center;gap:6px}
.wyj__kolor{width:8px;height:8px;border-radius:50%;background:#a52629}
.wyj__kolor--miejscowe{background:#536875}
.wyj__kolor--falszywe{background:#c6ced3}
.wyj__wiersze{border-top:1px solid #dce3e7}
.wyj__wiersz{display:grid;grid-template-columns:64px minmax(170px,1fr) 210px 48px;align-items:center;gap:22px;min-height:58px;border-bottom:1px solid #e2e7ea}
.wyj__rok-label{font-size:15px;font-weight:600;color:#263640}
.wyj__tor{height:9px;overflow:hidden;border-radius:999px;background:#edf1f3}
.wyj__bar{display:flex;width:var(--szer);height:100%;min-width:2px;overflow:hidden;border-radius:999px}
.wyj__bar>i{display:block;flex:var(--v) 0 0;min-width:0}
.wyj__bar-pozar{background:#a52629}.wyj__bar-miejscowe{background:#536875}.wyj__bar-falszywe{background:#c6ced3}
.wyj__mini{display:flex;justify-content:flex-end;gap:15px;font-size:10px;font-weight:600;color:#71808a;font-variant-numeric:tabular-nums}
.wyj__razem{text-align:right;font-size:18px;font-weight:600;color:#a52629;font-variant-numeric:tabular-nums}
@media(max-width:980px){.wyj__feature{grid-template-columns:1.25fr 1fr}.wyj__wiersz{grid-template-columns:58px minmax(130px,1fr) 170px 42px;gap:15px}}
@media(max-width:760px){.wyj__feature{grid-template-columns:1fr}.wyj__foto{min-height:300px}.wyj__foto::after{background:linear-gradient(0deg,rgba(10,18,24,.55),transparent 60%)}.wyj__teraz{padding:29px}.wyj__historia-head{align-items:flex-start;flex-direction:column}.wyj__wiersz{grid-template-columns:48px minmax(100px,1fr) 38px;gap:12px;min-height:64px}.wyj__mini{grid-column:2/4;grid-row:2;justify-content:flex-start;margin-top:-15px}.wyj__razem{grid-column:3;grid-row:1}.wyj__teraz-suma strong{font-size:82px}}
@media(max-width:430px){.wyj__teraz-liczby{grid-template-columns:1fr}.wyj__teraz-liczby>div{display:grid;grid-template-columns:1fr auto;align-items:baseline;padding:10px 0;border:0;border-top:1px solid rgba(255,255,255,.12)}.wyj__teraz-liczby dt{font-size:11px}.wyj__teraz-liczby dd{order:0;font-size:22px}.wyj__legenda{gap:10px}}

/* Każdy historyczny rok prowadzi do pełnej, uporządkowanej kroniki akcji. */
.wyj__wiersz{grid-template-columns:64px minmax(170px,1fr) 190px 44px 126px;gap:18px}
.wyj__akcje-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:7px 11px;border:1px solid #d2dbe0;border-radius:999px;background:#fff;color:#34434d;font-size:11px;font-weight:600;white-space:nowrap;transition:border-color .2s ease,color .2s ease,background-color .2s ease}
.wyj__akcje-link:hover{border-color:#a52629;background:#fbf2f2;color:#a52629}
.wyj__akcje-link svg{flex:none;transition:transform .2s ease}
.wyj__akcje-link:hover svg{transform:translateX(2px)}
.wyj__akcje-brak{min-width:0}
@media(max-width:980px){.wyj__wiersz{grid-template-columns:58px minmax(120px,1fr) 150px 38px 116px;gap:12px}.wyj__mini{gap:10px}.wyj__akcje-link{padding-inline:9px}}
@media(max-width:760px){.wyj__wiersz{grid-template-columns:48px minmax(0,1fr) 38px;grid-template-rows:auto auto auto;gap:8px 12px;min-height:0;padding:13px 0 15px}.wyj__mini{grid-column:2/4;grid-row:2;justify-content:flex-start;margin-top:0}.wyj__akcje-link{grid-column:2/4;grid-row:3;justify-self:start}.wyj__akcje-brak{display:none}}

/* Kronika akcji — otwarta oś czasu zamiast surowego tekstu z Joomli. */
.uklad-wpis--akcje{display:block;max-width:1180px;padding-block:clamp(34px,5vw,70px)}
.akcje-kronika{min-width:0;color:#22313b;font-family:Inter,Arial,sans-serif}
.akcje-kronika__intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:50px;padding-bottom:28px;border-bottom:1px solid #ced7dc}
.akcje-kronika__eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:#8f2024}
.akcje-kronika__eyebrow span{width:22px;height:2px;background:#a52629}
.akcje-kronika__intro h2{margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(29px,4vw,50px);font-weight:600;line-height:1.08;letter-spacing:-.05em;color:#17242e}
.akcje-kronika__intro>div>p:last-child{max-width:650px;margin:15px 0 0;font-size:15px;line-height:1.7;color:#687680}
.akcje-kronika__liczba{display:flex;align-items:flex-end;gap:12px;margin:0 0 5px;color:#1d2a34}
.akcje-kronika__liczba strong{font-size:clamp(48px,6vw,74px);font-weight:500;line-height:.8;letter-spacing:-.065em;color:#a52629;font-variant-numeric:tabular-nums}
.akcje-kronika__liczba span{font-size:10px;font-weight:600;line-height:1.45;letter-spacing:.07em;text-transform:uppercase;color:#72808a}
.akcje-kronika__miesiace{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:4px;overflow:visible;padding:18px 0;border-bottom:1px solid #e0e6e9}
.akcje-kronika__miesiace a{display:flex;min-width:0;align-items:center;justify-content:center;gap:5px;padding:8px 4px;border-radius:999px;color:#52616b;font-size:10px;font-weight:600;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
.akcje-kronika__miesiace a:hover{background:#f4e8e9;color:#8f2024}
.akcje-kronika__miesiace b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#edf1f3;color:#6f7c85;font-size:10px;font-variant-numeric:tabular-nums}
.akcje-kronika__lista{display:flex;flex-direction:column}
.akcje-miesiac{scroll-margin-top:24px;padding:45px 0 5px;border-bottom:1px solid #d9e0e4}
.akcje-miesiac:last-child{border-bottom:0}
.akcje-miesiac__glowa{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:baseline;gap:19px;margin-bottom:4px}
.akcje-miesiac__glowa>span{font-size:12px;font-weight:600;color:#a52629;font-variant-numeric:tabular-nums}
.akcje-miesiac__glowa h2{margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(24px,2.7vw,34px);font-weight:600;line-height:1.2;letter-spacing:-.035em;text-transform:none;color:#1c2a34}
.akcje-miesiac__glowa p{margin:0;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#849099}
.akcje-os{margin:0;padding:0;list-style:none}
.akcja{display:grid;grid-template-columns:56px 19px minmax(0,1fr);gap:19px;min-width:0}
.akcja__data{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;padding-top:28px;color:#2d3b45;font-variant-numeric:tabular-nums}
.akcja__data strong{font-size:18px;font-weight:600;line-height:1}
.akcja__data--zakres strong{font-size:15px;letter-spacing:-.04em}
.akcja__data span{font-size:10px;font-weight:600;text-transform:uppercase;color:#8a969e}
.akcja__punkt{position:relative;display:block}
.akcja__punkt::before{content:'';position:absolute;top:35px;left:50%;z-index:1;width:8px;height:8px;border:2px solid #a52629;border-radius:50%;background:#fff;transform:translateX(-50%)}
.akcja__punkt::after{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d6dee2;transform:translateX(-50%)}
.akcja:first-child .akcja__punkt::after{top:35px}
.akcja:last-child .akcja__punkt::after{bottom:calc(100% - 39px)}
.akcja__tresc{min-width:0;padding:24px 0 25px;border-bottom:1px solid #e2e7ea}
.akcja:last-child .akcja__tresc{border-bottom:0}
.akcja__czas{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.045em;color:#7b8790;font-variant-numeric:tabular-nums}
.akcja__czas svg{color:#a52629}
.akcja__tresc h3{margin:0;font-family:Inter,Arial,sans-serif;font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.015em;text-transform:none;color:#1e2c36}
.akcja__informacje{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0;font-size:13px;line-height:1.55;color:#66737d}
.akcja__informacje span{color:#b1bac0}
.akcja__szczegoly{margin-top:10px}
.akcja__szczegoly summary{display:inline-flex;align-items:center;gap:7px;list-style:none;color:#7a272a;font-size:11px;font-weight:600;cursor:pointer}
.akcja__szczegoly summary::-webkit-details-marker{display:none}
.akcja__szczegoly summary span{display:grid;place-items:center;width:17px;height:17px;border:1px solid #d5b6b8;border-radius:50%;font-size:13px;line-height:1;transition:transform .18s ease,background-color .18s ease,color .18s ease}
.akcja__szczegoly[open] summary span{background:#a52629;color:#fff;transform:rotate(45deg)}
.akcja__szczegoly p{max-width:850px;margin:10px 0 0;padding:12px 15px;border-left:2px solid #d7a4a6;background:#faf5f5;font-size:12px;line-height:1.65;color:#5b6871}
.akcje-kronika>.udostepnij{margin-top:42px}
@media(max-width:1050px){.akcje-kronika__miesiace{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:6px}}
@media(max-width:700px){.uklad-wpis--akcje{width:100%;padding-inline:clamp(16px,5vw,32px)}.akcje-kronika__intro{grid-template-columns:1fr;gap:24px}.akcje-kronika__liczba{justify-self:start}.akcje-miesiac{padding-top:36px}.akcje-miesiac__glowa{grid-template-columns:38px minmax(0,1fr);gap:12px}.akcje-miesiac__glowa p{grid-column:2}.akcja{grid-template-columns:38px 12px minmax(0,1fr);gap:12px}.akcja__data{flex-direction:column;align-items:flex-end;gap:2px;padding-top:27px}.akcja__tresc{padding-top:23px}.akcja__tresc h3{font-size:16px}.akcja__punkt::before{top:32px;width:7px;height:7px}.akcja:first-child .akcja__punkt::after{top:32px}.akcja:last-child .akcja__punkt::after{bottom:calc(100% - 36px)}}
@media(max-width:700px){.akcja__data--zakres strong{font-size:12px}}
@media(max-width:700px){.akcje-kronika__miesiace{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 4px}.akcje-kronika__miesiace a{font-size:10px}}

/* Filmy mają własną, lekką sekcję. Slider dochodzi do prawej krawędzi
   ekranu, a jego karty są nieco większe od dawnej siatki trzech kolumn. */
.filmy{overflow:hidden;padding-block:clamp(52px,6vw,82px);border-top:1px solid #dce3e7;background:#f5f7f8;font-family:Inter,Arial,sans-serif}
.filmy__glowa{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;width:88%;max-width:1600px;padding:0 0 23px;margin:0 auto 28px;border-bottom:1px solid #ccd5dc}
.filmy__glowa>div:first-child{min-width:0}
.filmy__glowa h2{margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(28px,3.1vw,43px);font-weight:600;line-height:1.12;letter-spacing:-.045em;text-transform:none;color:#17242e}
.filmy__glowa h2::before{content:none}
.filmy__glowa .life-feed__eyebrow{margin-bottom:10px}
.filmy__narzedzia{display:flex;align-items:center;justify-content:flex-end;gap:13px;flex-wrap:wrap}
.filmy__licznik{font-size:11px;font-weight:600;letter-spacing:.06em;color:#73808a;font-variant-numeric:tabular-nums;white-space:nowrap}
.filmy__sterowanie{display:flex;align-items:center;gap:7px}
.filmy__sterowanie button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ccd6dc;border-radius:50%;background:#fff;color:#30404a;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease}
.filmy__sterowanie button:hover{border-color:#a52629;background:#a52629;color:#fff;transform:translateY(-1px)}
.filmy__sterowanie [data-filmy-pauza]{font-size:12px}
.filmy__wiecej{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #ccd6dc;border-radius:999px;background:#fff;color:#34434d;font-size:11px;font-weight:600;white-space:nowrap;transition:border-color .2s ease,color .2s ease,background-color .2s ease}
.filmy__wiecej:hover{border-color:#a52629;background:#fbf2f2;color:#a52629;text-decoration:none}
.filmy__okno{--filmy-lewa:max(6vw,calc((100vw - 1600px)/2));width:calc(100% - var(--filmy-lewa));margin-left:var(--filmy-lewa);overflow:hidden;padding:3px 0 20px}
.filmy__tor{display:flex;align-items:stretch;gap:clamp(16px,1.6vw,24px);transform:translate3d(0,0,0);will-change:transform}
.filmy__ramka{position:relative;flex:0 0 clamp(350px,34vw,560px);overflow:hidden;border:1px solid #d5dde2;border-radius:8px;background:#15212b;box-shadow:0 10px 28px rgba(21,33,43,.09);transition:border-color .2s ease,box-shadow .2s ease}
.filmy__ramka:hover{border-color:#aebbc3;box-shadow:0 14px 34px rgba(21,33,43,.14)}
.filmy__ramka iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#15212b}
.filmy__start{position:relative;display:block;width:100%;padding:0;border:0;background:#15212b;color:#fff;overflow:hidden}
.filmy__start::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,15,21,.34),transparent 55%);transition:background-color .25s ease}
.filmy__start img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transform:scale(1.003);transition:transform .6s var(--ease),filter .25s ease}
.filmy__start:hover img{transform:scale(1.035);filter:brightness(.9)}
.filmy__play{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(165,38,41,.92);color:#fff;box-shadow:0 8px 24px rgba(9,15,20,.28);transform:translate(-50%,-50%);transition:transform .22s ease,background-color .22s ease}
.filmy__start:hover .filmy__play{background:#8f2024;transform:translate(-50%,-50%) scale(1.07)}
.filmy__numer{position:absolute;top:12px;left:12px;z-index:2;display:grid;place-items:center;min-width:34px;height:27px;padding:0 8px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(10,18,24,.74);color:#fff;font-size:10px;font-weight:600;letter-spacing:.06em;pointer-events:none;backdrop-filter:blur(7px)}
@media(max-width:820px){.filmy__glowa{align-items:flex-start;flex-direction:column}.filmy__narzedzia{justify-content:flex-start}.filmy__ramka{flex-basis:clamp(330px,72vw,500px)}}
@media(max-width:560px){.filmy{padding-block:44px}.filmy__glowa{width:100%;padding-inline:clamp(16px,5vw,28px);gap:20px}.filmy__narzedzia{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;width:100%}.filmy__sterowanie{justify-self:start}.filmy__wiecej{grid-column:2;grid-row:1/3;justify-self:end}.filmy__okno{--filmy-lewa:clamp(16px,5vw,28px)}.filmy__ramka{flex-basis:calc(100vw - 46px)}}

/* ==========================================================================
   NOWA STOPKA — układ wspólny z realizacjami klikamy.net
   ========================================================================== */
@font-face{font-family:'Red Hat Display';src:url('/fonts/redhat-latin-ext.woff2') format('woff2');font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Red Hat Display';src:url('/fonts/redhat-latin.woff2') format('woff2');font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.stopka{margin-top:0;background:#0a0d11;color:#fff;font-family:'Red Hat Display',var(--tekstowy),sans-serif}
.stopka__plyta{padding:clamp(40px,4.4vw,64px) 0 clamp(26px,2.8vw,38px);background:#0e1116;overflow:hidden}
.stopka__glowna{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(480px,1.7fr) minmax(230px,.78fr);gap:clamp(34px,4.5vw,76px);align-items:start}

.stopka__marka{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.stopka__znak{display:flex;align-items:center;gap:15px}
.stopka__marka .stopka__herb{width:clamp(66px,5vw,78px);height:auto;flex:none;transition:transform .3s var(--ease)}
.stopka__marka:hover .stopka__herb{transform:scale(1.035)}
.stopka__znak-tekst{display:flex;flex-direction:column;gap:4px}
.stopka__rok{font:400 25px/1 'Marck Script',cursive;color:rgba(255,255,255,.5)}
.stopka__znak-tekst strong{font:600 14px/1.3 'Red Hat Display',sans-serif;text-transform:uppercase;color:#fff}
.stopka__dane{display:flex;flex-direction:column;gap:5px;font:500 13px/1.45 'Red Hat Display',sans-serif;color:rgba(255,255,255,.52);font-style:normal}
.stopka__dane a{color:inherit;transition:color .18s}.stopka__dane a:hover{color:#fff}.stopka__marka .stopka__dane b{display:inline;font:700 13px/1.45 'Red Hat Display',sans-serif;text-transform:none;color:rgba(255,255,255,.84)}
.stopka__alarmy{display:flex;gap:8px;flex-wrap:wrap}
.stopka__alarmy a{display:flex;align-items:baseline;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.54);transition:border-color .18s,background .18s,color .18s}
.stopka__alarmy strong{font:700 17px/1 'Red Hat Display',sans-serif;color:#fff}
.stopka__alarmy span{font:700 9px/1 'Red Hat Display',sans-serif;text-transform:uppercase;letter-spacing:.045em}
.stopka__alarmy a:hover{border-color:rgba(200,16,46,.8);background:rgba(200,16,46,.1);color:#fff}
.stopka__facebook{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,255,255,.13);font:600 12px/1 'Red Hat Display',sans-serif;color:rgba(255,255,255,.68);transition:background .18s,border-color .18s,color .18s}
.stopka__facebook svg{width:17px;height:17px;fill:currentColor}.stopka__facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}

.stopka__nawigacja{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.stopka__kolumna{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.stopka__kolumna h2,.stopka__lokalizacja h2{margin:0 0 6px;font:800 10px/1 'Red Hat Display',sans-serif;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.42)}
.stopka__kolumna a{position:relative;font:500 13px/1.35 'Red Hat Display',sans-serif;color:rgba(255,255,255,.6);transition:color .18s,padding-left .18s}
.stopka__kolumna a::before{content:"";position:absolute;left:0;top:.45em;width:0;height:6px;background:var(--czerwien);transition:width .18s}
.stopka__kolumna a:hover{padding-left:14px;color:#fff}.stopka__kolumna a:hover::before{width:6px}

.stopka__lokalizacja{min-width:0}
.stopka__mapa{height:142px;margin-bottom:13px;border:1px solid rgba(255,255,255,.12);overflow:hidden;background-color:#171b22;background-image:linear-gradient(32deg,transparent 46%,rgba(255,255,255,.045) 47%,rgba(255,255,255,.045) 50%,transparent 51%),linear-gradient(142deg,transparent 46%,rgba(255,255,255,.035) 47%,rgba(255,255,255,.035) 50%,transparent 51%);background-size:58px 58px,74px 74px}
.stopka__mapa iframe{width:100%;height:100%;border:0;display:block}
.stopka__mapa-start{display:flex;width:100%;height:100%;align-items:center;justify-content:center;gap:12px;text-align:left;background:rgba(14,17,22,.56);transition:background .2s}
.stopka__mapa-start:hover{background:rgba(200,16,46,.12)}
.stopka__mapa-pin{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:var(--czerwien);color:#fff;box-shadow:0 8px 24px rgba(200,16,46,.28)}
.stopka__mapa-pin svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.stopka__mapa-start>span:last-child{display:flex;flex-direction:column;gap:2px}
.stopka__mapa-start b{font:700 13px/1.2 'Red Hat Display',sans-serif;color:#fff}
.stopka__mapa-start small{font:500 11px/1.2 'Red Hat Display',sans-serif;color:rgba(255,255,255,.5)}
.stopka__lokalizacja>p{font:500 12.5px/1.5 'Red Hat Display',sans-serif;color:rgba(255,255,255,.5)}
.stopka__trasa{display:inline-flex;gap:6px;margin-top:7px;font:600 11.5px/1.3 'Red Hat Display',sans-serif;color:rgba(255,255,255,.72);transition:color .18s}.stopka__trasa:hover{color:#fff}

.stopka__partnerzy{margin-top:clamp(28px,3vw,42px);padding-top:clamp(20px,2.2vw,28px);border-top:1px solid rgba(255,255,255,.07)}
.stopka__partnerzy>p{margin-bottom:13px;text-align:center;font:700 10px/1 'Red Hat Display',sans-serif;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.34)}
.stopka__partnerzy-lista{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(8px,1vw,14px)}
.stopka__partner{display:grid;place-items:center;height:clamp(52px,5.2vw,60px);min-width:clamp(82px,9vw,126px);padding:0 clamp(12px,1.5vw,18px);background:#fff;opacity:.82;overflow:hidden;transition:opacity .18s,transform .18s}
.stopka__partner img{display:block;width:auto;height:auto;max-width:100%;max-height:26px;object-fit:contain}.stopka__partner--wysoki img{max-height:42px}.stopka__partner--kwadrat img{max-height:46px}
a.stopka__partner:hover{opacity:1;transform:translateY(-1px)}

.stopka__dol{background:#07090c;border-top:1px solid rgba(255,255,255,.06)}
.stopka__dol-wew{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,26px);flex-wrap:wrap;padding-block:clamp(15px,1.7vw,20px)}
.stopka__dol-wew>span{font:500 11.5px/1.5 'Red Hat Display',sans-serif;color:rgba(255,255,255,.32)}
.stopka__dol-prawa{display:flex;align-items:center;gap:clamp(14px,2vw,24px);flex-wrap:wrap}
.stopka__prawne{display:flex;align-items:center;gap:clamp(12px,1.6vw,22px)}
.stopka__prawne a{font:500 11.5px/1.5 'Red Hat Display',sans-serif;color:rgba(255,255,255,.32);transition:color .18s}.stopka__prawne a:hover{color:#fff}

/* Podpis studia skopiowany 1:1 ze stopki ULKS Korzenna. */
.footer__made{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;text-decoration:none;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:background .3s,border-color .3s,transform .3s}
.footer__made:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22);transform:scale(1.03)}
.footer__made:hover span{text-decoration:none}.footer__made-label{font:400 11.5px/1 'Red Hat Display',sans-serif;color:rgba(255,255,255,.45)}
.footer__made-logo{width:16px;height:16px;object-fit:contain;display:block;flex-shrink:0}.footer__made-name{font:500 11.5px/1 'Red Hat Display',sans-serif;color:rgba(255,255,255,.85)}
.footer__made:hover .footer__made-name{color:#fff}

.ciast{position:fixed;left:0;right:0;bottom:0;z-index:1400;display:flex;align-items:center;gap:clamp(12px,1.6vw,20px);padding:14px clamp(16px,4vw,54px);background:#0e1116;color:#fff;border-top:1px solid rgba(255,255,255,.1);box-shadow:inset 4px 0 0 var(--czerwien)}
.ciast[hidden]{display:none}.ciast>img{width:34px;height:34px;flex:none;object-fit:contain}
.ciast p{max-width:78ch;font:400 12.5px/1.55 'Red Hat Display',sans-serif;color:rgba(255,255,255,.72)}.ciast p b{color:#fff;font-weight:800}
.ciast>a{margin-left:auto;white-space:nowrap;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.25);font:600 11.5px/1 'Red Hat Display',sans-serif;text-transform:uppercase;letter-spacing:.03em;color:rgba(255,255,255,.62)}
.ciast>a:hover{color:#fff;border-color:var(--czerwien)}
.ciast button{flex:none;padding:11px 22px;background:var(--czerwien);color:#fff;font:800 11.5px/1 'Red Hat Display',sans-serif;text-transform:uppercase;letter-spacing:.03em;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px));transition:background .18s}.ciast button:hover{background:var(--czerwien-ciem)}
.ciast.znika{opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s}

.prawne{width:min(920px,calc(100% - 32px));margin:clamp(34px,5vw,70px) auto;padding:clamp(24px,4vw,52px);background:#fff;border:1px solid var(--linia)}
.prawne__data{margin-bottom:30px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-3)}
.prawne h2{margin:34px 0 10px;font-size:clamp(20px,2vw,25px)}.prawne h2:first-of-type{margin-top:0}
.prawne p,.prawne li{color:var(--tekst-2);font-size:15px;line-height:1.75}.prawne p+p{margin-top:12px}.prawne ul{margin:12px 0 0 20px}
.prawne a{color:var(--czerwien);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

@media(max-width:1120px){
  .stopka__glowna{grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr)}
  .stopka__lokalizacja{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,.7fr) 1fr auto;gap:16px 22px;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}
  .stopka__lokalizacja h2{grid-column:1/-1}.stopka__mapa{grid-row:2/4;margin:0}.stopka__lokalizacja>p{align-self:end}.stopka__trasa{align-self:start;margin:0}
}
@media(max-width:760px){
  .stopka__glowna{grid-template-columns:1fr}.stopka__nawigacja{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.stopka__kolumna:last-child{grid-column:1/-1}
  .stopka__lokalizacja{grid-column:auto;grid-template-columns:1fr}.stopka__mapa{grid-row:auto;height:160px}
  .stopka__dol-wew{align-items:flex-start}.ciast{flex-wrap:wrap;gap:10px 14px;padding:14px clamp(14px,4vw,20px)}
  .ciast>img{width:28px;height:28px}.ciast p{flex:1 1 calc(100% - 44px);font-size:12px}.ciast>a{order:3;margin-left:0}.ciast button{order:4;margin-left:auto}
}
@media(max-width:430px){
  .stopka__nawigacja{grid-template-columns:1fr 1fr;gap:26px 18px}.stopka__partner{min-width:calc(50% - 5px);padding-inline:10px}
  .stopka__dol-prawa{width:100%;justify-content:space-between}.stopka__prawne{flex-direction:column;align-items:flex-start;gap:5px}
}

/* Źródłowe materiały rocznych kronik: wykresy oraz lata zachowane jako skany. */
.akcje-zrodla{margin-top:clamp(52px,7vw,88px);padding-top:clamp(34px,4.5vw,54px);border-top:1px solid #d9e0e4;font-family:Inter,Arial,sans-serif}
.akcje-zrodla:first-child{margin-top:0;padding-top:0;border-top:0}
.akcje-zrodla__head{max-width:760px;margin-bottom:clamp(24px,3.5vw,38px)}
.akcje-zrodla__head .akcje-kronika__eyebrow{margin-bottom:12px}
.akcje-zrodla__head h2{margin:0;font:600 clamp(29px,4vw,48px)/1.08 Inter,Arial,sans-serif;letter-spacing:-.05em;color:#17242e;text-transform:none}
.akcje-zrodla__head>p:last-child{margin:15px 0 0;font-size:15px;line-height:1.7;color:#687680}
.akcje-zrodla__siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(18px,3vw,34px)}
.akcje-zrodla--jedno .akcje-zrodla__siatka{grid-template-columns:minmax(0,760px);justify-content:center}
.akcje-zrodla__karta{min-width:0;margin:0}
.akcje-zrodla__karta .gfot{padding:clamp(10px,1.5vw,16px);border:1px solid #dce3e7;border-radius:4px;background:#f5f7f8;box-shadow:0 15px 40px rgba(20,33,43,.07)}
.akcje-zrodla__karta .gfot img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;background:#fff;transform:none}
.akcje-zrodla__karta .gfot:hover img{transform:none}
.akcje-zrodla__karta figcaption{margin-top:9px;font-size:11px;font-weight:600;letter-spacing:.045em;text-align:center;text-transform:uppercase;color:#849099}
@media(max-width:700px){.akcje-zrodla__siatka{grid-template-columns:1fr}.akcje-zrodla__head h2{font-size:31px}}