/* Poppins — font lokalny, bez zależności od Google Fonts */
/* Poppins lokalnie nie jest dostępny — systemowy fallback musi obsługiwać pełne polskie znaki. */
:root{--czcionka:"Segoe UI",Arial,sans-serif}/* ==========================================================================
   PStrzeleczki — style.css
   Ciepła, ilustracyjna, dostępna (WCAG 2.1 AA) warstwa wizualna.
   ========================================================================== */

:root {
  /* Paleta — ciepła, przyjazna, ale stonowana ("premium" a nie krzykliwa) */
  --kolor-marka: #2f8f5e;
  --kolor-marka-ciemny: #1f6e46;
  --kolor-akcent: #e8a13a;
  --kolor-akcent-2: #f0b955;
  --kolor-rozowy: #e98c8c;
  --kolor-niebieski: #5b8fd6;

  --kolor-tekst: #22322b;
  --kolor-tekst-wygaszony: #5b6b62;
  --kolor-tlo: #fffdf8;
  --kolor-tlo-karta: #ffffff;
  --kolor-tlo-akcent: #eef6ef;
  --kolor-obwodka: #e3ddce;

  --kolor-slonce: #ffd873;
  --kolor-ziemia: #d9c9a3;
  --kolor-skora: #f3c9a1;
  --kolor-wlosy-1: #6b4226;
  --kolor-wlosy-2: #b5651d;
  --kolor-ubranie-1: #3a6ea5;
  --kolor-ubranie-2: #e07a9e;
  --kolor-rumience: #f28b82;

  --promien: 16px;
  --promien-duzy: 28px;
  --cien: 0 8px 24px rgba(47, 60, 40, 0.08);
  --cien-hover: 0 12px 28px rgba(47, 60, 40, 0.14);

  --czcionka: 'Poppins', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

  --czas-przejscia: 200ms;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--czcionka);
  color: var(--kolor-tekst);
  background: var(--kolor-tlo);
  line-height: 1.6;
  font-size: 1.0625rem;
}

img, svg { max-width: 100%; height: auto; }

a { color: var(--kolor-marka-ciemny); }
a:hover { color: var(--kolor-marka); }

h1, h2, h3 { line-height: 1.25; color: var(--kolor-tekst); }
h1 { font-size: clamp(2rem, 4vw, 3rem); margin: 0 0 0.5em; }
h2 { font-size: clamp(1.4rem, 2.5vw, 1.9rem); margin: 1.4em 0 0.6em; }
h3 { font-size: 1.15rem; margin: 0 0 0.4em; }

.kontener {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}
.kontener--waskie { max-width: 760px; }

.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* --- Dostępność: skip link i focus --- */
.skip-link {
  position: absolute;
  left: 12px;
  top: -60px;
  background: var(--kolor-marka-ciemny);
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  z-index: 1000;
  transition: top var(--czas-przejscia) ease;
}
.skip-link:focus { top: 12px; }

:focus-visible {
  outline: 3px solid var(--kolor-niebieski);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ==========================================================================
   Nagłówek / nawigacja
   ========================================================================== */
.naglowek {
  background: var(--kolor-tlo);
  border-bottom: 1px solid var(--kolor-obwodka);
  position: sticky;
  top: 0;
  z-index: 100;
}
.naglowek__wewnetrzny {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 14px 24px;
}
.logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--kolor-tekst);
  margin-right: auto;
}
.logo__ikona { width: 40px; height: 40px; flex-shrink: 0; }
.logo__tekst { display: flex; flex-direction: column; line-height: 1.2; }
.logo__tekst strong { font-size: 1rem; }
.logo__tekst small { color: var(--kolor-tekst-wygaszony); font-size: 0.85rem; }

.nawigacja ul {
  display: flex;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nawigacja a {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration: none;
  color: var(--kolor-tekst);
  font-weight: 500;
  transition: background-color var(--czas-przejscia) ease, color var(--czas-przejscia) ease;
}
.nawigacja a:hover { background: var(--kolor-tlo-akcent); color: var(--kolor-marka-ciemny); }
.nawigacja a.aktywny { background: var(--kolor-marka); color: #fff; }

.przycisk-bip {
  border: 1.5px solid var(--kolor-obwodka);
  border-radius: 999px;
  padding: 8px 16px;
  text-decoration: none;
  color: var(--kolor-tekst);
  font-weight: 600;
  font-size: 0.9rem;
  white-space: nowrap;
}
.przycisk-bip:hover { border-color: var(--kolor-marka); color: var(--kolor-marka-ciemny); }

.menu-przelacznik {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
}
.menu-przelacznik__ikona,
.menu-przelacznik__ikona::before,
.menu-przelacznik__ikona::after {
  display: block;
  width: 24px;
  height: 2.5px;
  background: var(--kolor-tekst);
  border-radius: 2px;
  position: relative;
  transition: transform var(--czas-przejscia) ease;
}
.menu-przelacznik__ikona::before { content: ''; position: absolute; top: -7px; }
.menu-przelacznik__ikona::after { content: ''; position: absolute; top: 7px; }

@media (max-width: 880px) {
  .menu-przelacznik { display: block; }
  .nawigacja {
    position: absolute;
    top: 100%; left: 0; right: 0;
    background: var(--kolor-tlo);
    border-bottom: 1px solid var(--kolor-obwodka);
    display: none;
  }
  .nawigacja.otwarte { display: block; }
  .nawigacja ul { flex-direction: column; padding: 12px 24px 20px; gap: 2px; }
  .przycisk-bip { display: none; }
}


/* ==========================================================================
   Przyciski
   ========================================================================== */
.przycisk {
  display: inline-block;
  padding: 13px 26px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: transform var(--czas-przejscia) ease, box-shadow var(--czas-przejscia) ease, background-color var(--czas-przejscia) ease;
}
.przycisk--glowny { background: var(--kolor-marka); color: #fff; }
.przycisk--glowny:hover { background: var(--kolor-marka-ciemny); color: #fff; transform: translateY(-2px); box-shadow: var(--cien-hover); }
.przycisk--drugorzedny { background: var(--kolor-tlo-karta); color: var(--kolor-tekst); border: 1.5px solid var(--kolor-obwodka); }
.przycisk--drugorzedny:hover { border-color: var(--kolor-marka); color: var(--kolor-marka-ciemny); transform: translateY(-2px); }

.link-wiecej { font-weight: 600; text-decoration: none; }
.link-wiecej:hover { text-decoration: underline; }

/* ==========================================================================
   Hero
   ========================================================================== */
.hero { padding: 56px 0 40px; overflow: hidden; }
.hero__siatka {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 40px;
  align-items: center;
}
.hero__nadtytul {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--kolor-tekst-wygaszony);
  margin: 0 0 10px;
}
.hero h1 { margin-bottom: 0.4em; }
.tekst-akcent { color: var(--kolor-marka); }
.hero__lead { font-size: 1.15rem; color: var(--kolor-tekst-wygaszony); max-width: 46ch; }
.hero__cta { display: flex; gap: 14px; margin-top: 28px; flex-wrap: wrap; }

@media (max-width: 900px) {
  .hero__siatka { grid-template-columns: 1fr; }
  .hero__ilustracja { order: -1; max-width: 420px; margin: 0 auto; }
}


/* Delikatne animacje ilustracji hero */
.ilustracja-chmura { animation: unosic-sie 8s ease-in-out infinite; }
.ilustracja-chmura--2 { animation-duration: 10s; animation-delay: 1s; }
.ilustracja-lisc { transform-origin: center; animation: kolysac-sie 6s ease-in-out infinite; }
.ilustracja-lisc--2 { animation-duration: 7s; animation-delay: 0.5s; }
.ilustracja-slonce { animation: pulsowac 5s ease-in-out infinite; transform-origin: center; }
.ilustracja-samolot { animation: latac 9s ease-in-out infinite; }

@keyframes unosic-sie { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes kolysac-sie { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(4deg); } }
@keyframes pulsowac { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.04); } }
@keyframes latac { 0%, 100% { transform: translate(0,0) rotate(0deg); } 50% { transform: translate(10px,-14px) rotate(-6deg); } }

/* ==========================================================================
   Skróty (quick links)
   ========================================================================== */
.skroty { padding: 8px 0 48px; }
.skroty__siatka {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.karta-skrotu {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px;
  border-radius: var(--promien);
  text-decoration: none;
  color: var(--kolor-tekst);
  background: var(--kolor-tlo-akcent);
  transition: transform var(--czas-przejscia) ease, box-shadow var(--czas-przejscia) ease;
}
.karta-skrotu:hover { transform: translateY(-4px); box-shadow: var(--cien); }
.karta-skrotu__ikona { font-size: 1.6rem; line-height: 1; }
.karta-skrotu__tekst { display: flex; flex-direction: column; }
.karta-skrotu__tekst strong { font-size: 1.02rem; }
.karta-skrotu__tekst span:last-child { color: var(--kolor-tekst-wygaszony); font-size: 0.88rem; }

.karta-skrotu--niebieski { background: #eaf1fb; }
.karta-skrotu--zielony { background: var(--kolor-tlo-akcent); }
.karta-skrotu--pomaranczowy { background: #fdf2e2; }
.karta-skrotu--rozowy { background: #fbebeb; }

@media (max-width: 900px) {
  .skroty__siatka { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .skroty__siatka { grid-template-columns: 1fr; }
}


/* ==========================================================================
   Sekcje ogólne
   ========================================================================== */
.sekcja { padding: 48px 0; }
.sekcja--wprowadzenie { padding-bottom: 16px; }
.sekcja__nadtytul {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--kolor-marka-ciemny);
  margin: 0 0 8px;
}
.sekcja__naglowek {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.sekcja__naglowek h2 { margin: 0; }
.tekst-lead { font-size: 1.1rem; color: var(--kolor-tekst-wygaszony); }
.tekst-wygaszony { color: var(--kolor-tekst-wygaszony); }

.tresc-informacyjna h2 { border-top: 1px solid var(--kolor-obwodka); padding-top: 28px; }
.tresc-informacyjna h2:first-child { border-top: none; padding-top: 0; }
.tresc-do-uzupelnienia {
  padding: 16px 18px;
  border: 1.5px dashed var(--kolor-obwodka);
  border-radius: var(--promien);
  color: var(--kolor-tekst-wygaszony);
  font-style: italic;
  background: var(--kolor-tlo-akcent);
}

/* ==========================================================================
   Karty: aktualności / oddziały / dokumenty
   ========================================================================== */
.siatka-aktualnosci {
  list-style: none;
  margin: 0; padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.karta-aktualnosci {
  background: var(--kolor-tlo-karta);
  border: 1px solid var(--kolor-obwodka);
  border-radius: var(--promien);
  overflow: hidden;
  transition: transform var(--czas-przejscia) ease, box-shadow var(--czas-przejscia) ease;
}
.karta-aktualnosci:hover { transform: translateY(-4px); box-shadow: var(--cien); }
.karta-aktualnosci a { display: block; padding: 20px; text-decoration: none; color: inherit; }
.karta-aktualnosci time { font-size: 0.82rem; color: var(--kolor-tekst-wygaszony); }
.karta-aktualnosci h3, .karta-aktualnosci h2 { margin: 8px 0 6px; font-size: 1.1rem; }
.karta-aktualnosci p { margin: 0; color: var(--kolor-tekst-wygaszony); font-size: 0.95rem; }

@media (max-width: 900px) { .siatka-aktualnosci { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 620px) { .siatka-aktualnosci { grid-template-columns: 1fr; } }


.siatka-oddzialow {
  list-style: none; margin: 0; padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.karta-oddzialu {
  background: var(--kolor-tlo-akcent);
  border-radius: var(--promien);
  transition: transform var(--czas-przejscia) ease, box-shadow var(--czas-przejscia) ease;
}
.karta-oddzialu:hover { transform: translateY(-4px); box-shadow: var(--cien); }
.karta-oddzialu a { display: flex; flex-direction: column; gap: 10px; padding: 26px 22px; text-decoration: none; color: inherit; }
.karta-oddzialu h2 { margin: 0; font-size: 1.2rem; }

@media (max-width: 900px) { .siatka-oddzialow { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 560px) { .siatka-oddzialow { grid-template-columns: 1fr; } }


.lista-dokumentow { list-style: none; margin: 0 0 32px; padding: 0; }
.pozycja-dokumentu {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--kolor-obwodka);
  border-radius: var(--promien);
  margin-bottom: 10px;
  transition: box-shadow var(--czas-przejscia) ease;
}
.pozycja-dokumentu:hover { box-shadow: var(--cien); }
.pozycja-dokumentu__ikona { font-size: 1.4rem; }
.pozycja-dokumentu__tresc a { font-weight: 600; text-decoration: none; }
.pozycja-dokumentu__tresc a:hover { text-decoration: underline; }
.pozycja-dokumentu__tresc p { margin: 4px 0 0; color: var(--kolor-tekst-wygaszony); font-size: 0.92rem; }

.lista-zalacznikow { padding-left: 1.2em; }

/* ==========================================================================
   Kontakt
   ========================================================================== */
.kontakt__siatka { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; }
.mapa-wrapper { border-radius: var(--promien); overflow: hidden; border: 1px solid var(--kolor-obwodka); margin: 12px 0; }
.mapa-wrapper iframe { width: 100%; height: 280px; border: 0; display: block; }

@media (max-width: 900px) { .kontakt__siatka { grid-template-columns: 1fr; } }


.pole-formularza { margin-bottom: 18px; display: flex; flex-direction: column; gap: 6px; }
.pole-formularza label { font-weight: 600; font-size: 0.94rem; }
.pole-formularza input[type="text"],
.pole-formularza input[type="email"],
.pole-formularza input[type="password"],
.pole-formularza input[type="file"],
.pole-formularza select,
.pole-formularza textarea {
  font: inherit;
  padding: 11px 14px;
  border-radius: 10px;
  border: 1.5px solid var(--kolor-obwodka);
  background: var(--kolor-tlo-karta);
  color: var(--kolor-tekst);
}
.pole-formularza textarea { resize: vertical; }
.pole-formularza input:focus, .pole-formularza select:focus, .pole-formularza textarea:focus { border-color: var(--kolor-marka); }
.pole-formularza--checkbox { flex-direction: row; align-items: flex-start; gap: 10px; }
.pole-formularza--checkbox input { margin-top: 4px; }
.pole-formularza__podpowiedz { margin: 0; font-size: 0.85rem; color: var(--kolor-tekst-wygaszony); }
.pole-ukryte { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.komunikat { padding: 14px 16px; border-radius: 10px; margin-bottom: 18px; }
.komunikat--sukces { background: #e6f4ea; color: #1f6e46; }
.komunikat--blad { background: #fbe9e9; color: #a3372f; }
.komunikat--blad ul { margin: 6px 0 0; padding-left: 1.2em; }

/* ==========================================================================
   Stopka
   ========================================================================== */
.stopka { background: var(--kolor-tlo-akcent); margin-top: 60px; padding: 48px 0 24px; }
.stopka__siatka {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.stopka__naglowek { font-size: 1rem; margin: 0 0 14px; }
.stopka__lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.stopka__lista a { text-decoration: none; color: var(--kolor-tekst); }
.stopka__lista a:hover { color: var(--kolor-marka-ciemny); text-decoration: underline; }
.stopka__adres { font-style: normal; line-height: 1.8; }
.stopka__prawa {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid var(--kolor-obwodka);
  color: var(--kolor-tekst-wygaszony);
  font-size: 0.85rem;
  text-align: center;
}

@media (max-width: 720px) { .stopka__siatka { grid-template-columns: 1fr; gap: 28px; } }


/* ==========================================================================
   Animacje wjazdu (subtelne)
   ========================================================================== */
.animowany-wjazd {
  opacity: 0;
  transform: translateY(14px);
  animation: wjazd 700ms ease forwards;
}
.animowany-wjazd--opoznienie { animation-delay: 150ms; }

@keyframes wjazd {
  to { opacity: 1; transform: translateY(0); }
}

/* ==========================================================================
   prefers-reduced-motion: niemal statyczny interfejs
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .animowany-wjazd { opacity: 1; transform: none; }
}


/* --- DEMO MODE: neutralna warstwa testowa, bez ingerencji w docelową grafikę --- */
.demo-pasek {
  position: fixed;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px 7px 14px;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 999px;
  background: rgba(255,255,255,0.94);
  box-shadow: 0 8px 24px rgba(0,0,0,0.10);
  backdrop-filter: blur(8px);
  font-size: 0.82rem;
}
.demo-pasek__stan { font-weight: 600; }
.demo-pasek__akcje { margin: 0; }
.demo-pasek__zakoncz {
  border: 0;
  border-radius: 999px;
  padding: 5px 9px;
  background: var(--kolor-tlo-akcent);
  color: var(--kolor-tekst);
  font: inherit;
  cursor: pointer;
}
.demo-pasek__zakoncz:hover { text-decoration: underline; }

.tryb-demo {
  transition: background-color 0.35s ease, color 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .tryb-demo { transition: none; }
  .demo-pasek { backdrop-filter: none; }
}


@media (max-width: 600px) {
  .demo-pasek { max-width: calc(100vw - 24px); }
}


/* ==========================================================================
   V0 — docelowy kierunek wizualny strony głównej
   ========================================================================== */
.naglowek {
  background: var(--kolor-marka);
  border-bottom: 0;
  position: relative;
  color: #fff;
}
.naglowek__wewnetrzny {
  max-width: 1320px;
  min-height: 88px;
  gap: 20px;
  padding: 12px 28px;
}
.logo {
  color: #fff;
  margin-right: 12px;
  min-width: 315px;
}
.logo__ikona {
  width: 48px;
  height: 48px;
  filter: brightness(0) invert(1);
}
.logo__tekst strong {
  font-size: 1rem;
  line-height: 1.18;
  color: #fff;
  text-transform: uppercase;
}
.nawigacja ul { gap: 2px; }
.nawigacja a {
  color: #fff;
  padding: 11px 14px;
  font-weight: 600;
}
.nawigacja a:hover { background: rgba(255,255,255,.12); color: #fff; }
.nawigacja a.aktywny { background: #fff; color: var(--kolor-marka); }

.naglowek__narzedzia {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.narzedzie {
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
  color: #fff;
  background: rgba(255,255,255,.08);
  font-weight: 700;
}
.narzedzie:hover { background: rgba(255,255,255,.18); color: #fff; }
.narzedzie--facebook { font-size: 1.2rem; padding: 0; }
.narzedzie--ikona { font-size: 1.2rem; }
.narzedzie--bip { min-width: 76px; }

.hero {
  position: relative;
  padding: 34px 0 12px;
  min-height: 490px;
  background: linear-gradient(180deg, #c8efff 0%, #eff9ee 76%, #f7f3e6 100%);
  overflow: hidden;
}
.hero__siatka {
  max-width: 1320px;
  grid-template-columns: 1.02fr 1.15fr;
  gap: 18px;
  align-items: center;
  position: relative;
  z-index: 2;
}
.hero__tresc { padding: 28px 0 26px; z-index: 3; }
.hero__nadtytul {
  color: var(--kolor-marka);
  letter-spacing: .16em;
  margin-bottom: 12px;
}
.hero h1 {
  font-size: clamp(2.4rem, 4vw, 4rem);
  line-height: 1.05;
  letter-spacing: -.035em;
  margin-bottom: 20px;
}
.tekst-akcent { color: var(--kolor-marka); }
.hero__lead {
  font-size: 1.16rem;
  line-height: 1.45;
  color: #506a60;
}
.hero__cta { margin-top: 26px; gap: 12px; }
.hero__cta .przycisk {
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.hero__cta .przycisk--glowny span { margin-left: 18px; font-size: 1.25rem; }
.hero__ilustracja {
  align-self: stretch;
  display: flex;
  align-items: end;
  min-width: 0;
  margin-right: -40px;
}
.hero__ilustracja svg {
  width: 100%;
  max-height: 500px;
  filter: drop-shadow(0 20px 30px rgba(45,75,50,.10));
}
.hero::after {
  content: '';
  position: absolute;
  left: -5%;
  right: -5%;
  bottom: -50px;
  height: 105px;
  background: #fff;
  border-radius: 50% 50% 0 0 / 45% 45% 0 0;
  z-index: 1;
}

.skroty {
  position: relative;
  z-index: 4;
  padding: 0 0 26px;
  margin-top: -4px;
}
.skroty__siatka { max-width: 1320px; gap: 18px; }
.karta-skrotu {
  min-height: 104px;
  padding: 20px 22px;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.03);
  box-shadow: 0 8px 24px rgba(35,65,45,.05);
}
.karta-skrotu__ikona {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.55);
  font-size: 1.55rem;
}
.karta-skrotu__strzalka {
  margin-left: auto;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.55);
  font-family: Arial, sans-serif;
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
  color: var(--kolor-marka);
}

.aktualnosci-podglad { padding-top: 20px; }
.aktualnosci-layout {
  max-width: 1320px;
  display: grid;
  grid-template-columns: 1fr 310px;
  gap: 24px;
  align-items: stretch;
}
.aktualnosci-podglad .sekcja__naglowek { margin-bottom: 16px; }
.aktualnosci-podglad .sekcja__nadtytul { color: #6d86aa; }
.aktualnosci-podglad h2 { font-size: clamp(1.7rem, 2.8vw, 2.2rem); }
.siatka-aktualnosci { gap: 14px; }
.karta-aktualnosci { border-radius: 16px; }
.karta-aktualnosci a { padding: 18px; }
.cytat {
  min-height: 210px;
  border-radius: 22px;
  background: #edf8ed;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cytat__listek { font-size: 1.8rem; margin-bottom: 6px; }
.cytat blockquote {
  margin: 0 0 12px;
  color: var(--kolor-marka-ciemny);
  font-size: 1.02rem;
  font-weight: 600;
}
.cytat cite { color: var(--kolor-tekst-wygaszony); font-style: normal; font-size: .9rem; }
.cytat__serce { color: var(--kolor-marka); font-size: 1.7rem; margin-top: 8px; }

@media (max-width: 1080px) {
  .logo { min-width: 270px; }
  .nawigacja a { padding-inline: 9px; font-size: .92rem; }
  .naglowek__narzedzia { gap: 4px; }
  .narzedzie--bip { min-width: 58px; }
}

@media (max-width: 900px) {
  .naglowek__narzedzia { margin-left: 0; }
  .logo { min-width: 0; }
  .hero__siatka { grid-template-columns: 1fr; }
  .hero__ilustracja { order: -1; max-width: 680px; width: 100%; margin: -10px auto 0; }
  .hero__tresc { text-align: center; }
  .hero__lead { margin-inline: auto; }
  .hero__cta { justify-content: center; }
  .aktualnosci-layout { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .naglowek__wewnetrzny { padding: 10px 16px; }
  .naglowek__narzedzia { display: none; }
  .hero { padding-top: 16px; }
  .hero h1 { font-size: 2.35rem; }
  .hero__ilustracja { margin-inline: -8px; }
  .aktualnosci-layout { grid-template-columns: 1fr; }
}


@media (prefers-reduced-motion: reduce) {
  .hero__ilustracja svg { filter: none; }
}


/* MASTER V0 — dokładny kierunek kompozycji */
:root{--kolor-marka:#58a86c;--kolor-marka-ciemny:#3e8652;--kolor-tekst:#33453c;--kolor-tekst-wygaszony:#65766d;--kolor-tlo:#fffdf9;--kolor-obwodka:#e7e3d9;--czcionka:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body{background:#fffdf9}
.naglowek{position:absolute;top:24px;left:50%;width:min(1240px,calc(100% - 64px));transform:translateX(-50%);z-index:20;background:rgba(255,255,255,.97);border:1px solid rgba(62,82,69,.08);border-radius:22px;box-shadow:0 14px 36px rgba(54,73,60,.10)}
.naglowek__wewnetrzny{min-height:76px;padding:10px 18px 10px 22px;display:flex;align-items:center;gap:16px}
.logo{color:var(--kolor-tekst);margin-right:auto;min-width:275px}.logo:hover{color:var(--kolor-tekst)}
.logo__znak{width:54px;height:54px;flex:0 0 54px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#eaf5e9;color:var(--kolor-marka-ciemny);font-weight:900;font-size:.78rem}
.logo__tekst strong{font-size:.86rem;line-height:1.12;text-transform:none}
.nawigacja{flex:1}.nawigacja ul{justify-content:center;gap:0}.nawigacja a{padding:10px 10px;color:#42544b;font-size:.86rem;font-weight:700;border-radius:12px}.nawigacja a:hover{background:#f0f7ef;color:var(--kolor-marka-ciemny)}.nawigacja a.aktywny{background:transparent;color:var(--kolor-marka-ciemny)}
.naglowek__narzedzia{margin-left:0;gap:7px}.narzedzie{min-width:38px;height:38px;padding:0 10px;border:1px solid #e4e6df;background:#fff;color:#52625a;font-size:.78rem}.narzedzie:hover{background:#f3f8f1;color:var(--kolor-marka-ciemny)}.narzedzie--bip{min-width:52px}
.hero{min-height:650px;padding:150px 0 92px;position:relative;overflow:hidden;background:linear-gradient(180deg,#c9edf7 0%,#e9f7e9 66%,#f7f0dc 100%)}
.hero::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-72px;height:150px;background:#fffdf9;border-radius:50% 50% 0 0/60% 60% 0 0;z-index:3}
.hero__siatka{max-width:1240px;min-height:410px;display:grid;grid-template-columns:.9fr 1.25fr;gap:20px;align-items:center;position:relative;z-index:4}
.hero__tresc{max-width:555px;padding:20px 0 30px}.hero__nadtytul{margin:0 0 12px;color:#6b8e78;font-size:.78rem;letter-spacing:.17em;font-weight:900}.hero h1{margin:0 0 18px;font-size:clamp(2.55rem,4.15vw,4.35rem);line-height:1.02;letter-spacing:-.045em}.tekst-akcent{color:#5b9f69}.hero__lead{margin:0;max-width:47ch;color:#111;font-size:1.06rem;line-height:1.55}.hero__cta{margin-top:28px;gap:12px}.hero__cta .przycisk{min-height:52px;padding:12px 21px;font-size:.94rem}.przycisk--glowny{background:#58a86c}.przycisk--drugorzedny{background:rgba(255,255,255,.86);border-color:rgba(85,120,96,.20)}
.hero__ilustracja{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end;min-width:0;margin:0 -32px -22px 0;z-index:2}.hero__ilustracja svg{width:min(100%,720px);max-height:535px;object-fit:contain;filter:none}
.skroty{position:relative;z-index:8;margin-top:-32px;padding:0 0 48px}.skroty__siatka{max-width:1240px;grid-template-columns:repeat(4,1fr);gap:14px}.karta-skrotu{min-height:112px;padding:18px 17px;border:1px solid rgba(75,100,82,.05);border-radius:22px;box-shadow:0 12px 28px rgba(52,77,59,.09)}
.karta-skrotu__ikona{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem}.karta-skrotu__strzalka{margin-left:auto;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.55)}
.aktualnosci-podglad{padding:18px 0 70px}.aktualnosci-layout{max-width:1240px;grid-template-columns:minmax(0,1fr) 315px;gap:22px}.aktualnosci-podglad h2{font-size:clamp(1.8rem,2.7vw,2.35rem)}.siatka-aktualnosci{grid-template-columns:repeat(2,1fr)}.cytat{min-height:245px;border-radius:28px;background:#edf8ed;padding:30px 26px}.stopka{margin-top:0}
@media(max-width:1120px){.logo{min-width:225px}.nawigacja a{padding-inline:7px;font-size:.78rem}.naglowek__narzedzia{display:none}}

@media(max-width:900px){.naglowek{position:relative;top:auto;left:auto;width:100%;transform:none;border-radius:0}.hero{padding-top:48px}.hero__siatka{grid-template-columns:1fr}.hero__tresc{text-align:center;margin:0 auto}.hero__lead{margin-inline:auto}.hero__cta{justify-content:center}.hero__ilustracja{order:-1;margin:0 auto;width:min(100%,720px)}}

@media(max-width:620px){.naglowek__wewnetrzny{padding:10px 14px}.logo{min-width:0}.logo__tekst strong{font-size:.72rem}.logo__znak{width:46px;height:46px;flex-basis:46px}.hero{min-height:0;padding:32px 0 70px}.hero h1{font-size:2.25rem}.skroty{margin-top:-18px}.skroty__siatka{grid-template-columns:1fr 1fr}}

@media(max-width:430px){.skroty__siatka{grid-template-columns:1fr}}


/* ==========================================================================
   MASTER V0 — podpięte finalne assety
   ========================================================================== */
.logo__obraz{display:block;width:270px;max-width:270px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.logo__tekst{display:none}
.hero-art{position:relative;width:min(100%,760px);aspect-ratio:760/500;overflow:hidden;border-radius:28px;isolation:isolate}
.hero-art__tlo{position:absolute;inset:0;background:linear-gradient(180deg,#bde8ff 0%,#eff9ef 100%);z-index:0}
.hero-art__budynek{position:absolute;left:4%;bottom:0;width:48%;height:auto;max-width:none;z-index:1;opacity:.96}
.hero-art__dzieci{position:absolute;right:0;bottom:0;width:78%;height:auto;max-width:none;z-index:2}
.hero__ilustracja{display:flex;align-items:flex-end;justify-content:flex-end}
.hero__ilustracja .hero-art{margin-left:auto}
.hero__ilustracja{filter:drop-shadow(0 18px 30px rgba(48,77,58,.08))}
@media(max-width:900px){
  .logo__obraz{width:230px;max-width:230px;max-height:52px}
  .hero-art{width:100%;border-radius:22px}
}

@media(max-width:620px){
  .logo__obraz{width:205px;max-width:205px;max-height:48px}
  .hero-art{border-radius:18px}
}


/* Hero V0 — jedna gotowa scena, bez składania assetów */
.hero__ilustracja{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end;min-width:0;margin:0 -32px -22px 0;z-index:2}
.hero__obraz-tla{display:block;width:100%;height:100%;max-height:535px;object-fit:cover;object-position:center bottom;filter:none;border-radius:0}
@media(max-width:900px){.hero__obraz-tla{height:auto;max-height:none;object-fit:contain}.hero__ilustracja{margin:0 auto;width:min(100%,720px)}}


/* ==========================================================================
   STANY WIZUALNE — kolorystyka pod aktualną scenę
   Fotografia jest głównym elementem; tło strony nie może walczyć z obrazem.
   ========================================================================== */
.hero{
  transition:background 700ms ease;
}

body[data-stan-wizualny="wiosna"] .hero{
  background:linear-gradient(180deg,#c9edf7 0%,#edf8ee 64%,#f7f1df 100%);
}
body[data-stan-wizualny="lato"] .hero{
  background:linear-gradient(180deg,#b9e5f8 0%,#edf7e8 62%,#f7efd7 100%);
}
body[data-stan-wizualny="jesien"] .hero{
  background:linear-gradient(180deg,#d9e5e2 0%,#f1eadc 60%,#e9dcc3 100%);
}
body[data-stan-wizualny="zima"] .hero{
  background:linear-gradient(180deg,#dcecf6 0%,#eef3f1 58%,#e7ece8 100%);
}
body[data-stan-wizualny="deszcz"] .hero{
  background:linear-gradient(180deg,#aebfca 0%,#cbd5d8 55%,#e0e1dc 100%);
}
body[data-stan-wizualny="wakacje"] .hero{
  background:linear-gradient(180deg,#bfe4f4 0%,#e8f3df 64%,#f1e5ca 100%);
}
body[data-stan-wizualny="ferie"] .hero{
  background:linear-gradient(180deg,#c8ddea 0%,#e8edf0 60%,#e3e5e1 100%);
}

/* Gotowa scena ma być duża i płynnie wtopiona w hero — bez ramki i bez "kafelka". */
.hero__ilustracja{
  overflow:visible;
}
.hero__obraz-tla{
  display:block;
  width:calc(100% + 90px);
  max-width:none;
  height:auto;
  max-height:none;
  align-self:flex-end;
  object-fit:contain;
  object-position:center bottom;
  border-radius:0;
  filter:drop-shadow(0 18px 28px rgba(48,77,58,.06));
  transition:opacity 350ms ease,transform 700ms ease;
  transform:scale(1.04);
}
@media(max-width:900px){
  .hero__obraz-tla{
    width:100%;
    max-width:720px;
    transform:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero{transition:none}
  .hero__obraz-tla{transition:none;transform:none}
}


/* MASTER — narzędzia nagłówka i menu dostępności */
.naglowek__narzedzia{position:relative}
.narzedzie--szukaj{font-size:1.45rem;font-weight:400}
.narzedzie--facebook{font-family:Arial,sans-serif;font-weight:800;font-size:1.55rem}
.narzedzie__separator{width:1px;height:30px;background:#dfe4dd;margin:0 4px}
.menu-dostepnosci{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  width:290px;
  padding:16px;
  border:1px solid #e2e7e0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 40px rgba(42,65,49,.16);
  z-index:50;
}
.menu-dostepnosci[hidden]{display:none}
.menu-dostepnosci strong{display:block;margin-bottom:12px;color:#33453c;font-size:.95rem}
.menu-dostepnosci__rzad{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.menu-dostepnosci__rzad button{
  border:1px solid #dfe5dc;background:#f7faf6;color:#33453c;border-radius:10px;
  padding:8px 10px;font:inherit;font-size:.82rem;cursor:pointer
}
.menu-dostepnosci__rzad button[aria-pressed="true"]{background:#58a86c;color:#fff;border-color:#58a86c}
.menu-dostepnosci__deklaracja{display:block;margin-top:10px;font-size:.78rem;color:#3e8652}
body.dostepnosc-kontrast{filter:contrast(1.12)}
body.dostepnosc-podkreslenia a{text-decoration:underline}
body.dostepnosc-mniej-animacji *,body.dostepnosc-mniej-animacji *::before,body.dostepnosc-mniej-animacji *::after{animation:none!important;transition:none!important}
body.dostepnosc-duzy-tekst{font-size:calc(1.0625rem + .08rem)}
body.dostepnosc-maly-tekst{font-size:calc(1.0625rem - .08rem)}
.przycisk__ikona{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:900px){.menu-dostepnosci{right:0}}


/* MASTER V0 FINAL — pełna scena hero + sezonowa kolorystyka */
.hero{--hero-image:url('../assets/1.png');position:relative;min-height:560px;padding:128px 0 92px;overflow:hidden;background:var(--sezon-tlo,#fffdf9);isolation:isolate}
.hero__scena{position:absolute;inset:0;z-index:1;background-image:var(--hero-image);background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.96) 82%,rgba(0,0,0,.65) 91%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.96) 82%,rgba(0,0,0,.65) 91%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.hero::before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse 46% 58% at 28% 46%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.68) 38%,rgba(255,255,255,.28) 62%,rgba(255,255,255,0) 82%);pointer-events:none}
.hero::after{content:none}
.hero__siatka{position:relative;z-index:2;min-height:340px;display:block}
.hero__tresc{max-width:650px;padding:48px 0 22px}
.hero h1{max-width:620px;font-size:clamp(2.5rem,4.5vw,4.4rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 18px}
.hero__nadtytul{color:var(--sezonowy-akcent);margin:0 0 12px}
.hero__lead{color:#111;font-size:1.08rem}
.hero__cta .przycisk{min-height:56px}
.hero__cta .przycisk--glowny{background:var(--sezonowy-glowny)}
.hero__cta .przycisk--drugorzedny{border-color:var(--sezonowy-obwodka);color:var(--sezonowy-tekst);background:rgba(255,255,255,.9)}
.hero__cta .przycisk__ikona svg{width:22px;height:22px}
.hero__obraz-tla{display:none}.hero__obraz-tla--bg{display:block!important;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 48%;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.96) 82%,rgba(0,0,0,.65) 91%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.96) 82%,rgba(0,0,0,.65) 91%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
body[data-stan-wizualny="auto"],body[data-stan-wizualny="wiosna"]{--sezonowy-glowny:#4db887;--sezonowy-akcent:#5c9e72;--sezonowy-tekst:#46685a;--sezonowy-obwodka:#b9dfcf}
body[data-stan-wizualny="lato"]{--sezonowy-glowny:#3e9e9a;--sezonowy-akcent:#238a8a;--sezonowy-tekst:#3f6465;--sezonowy-obwodka:#b8dedd}
body[data-stan-wizualny="jesien"]{--sezonowy-glowny:#c47b3a;--sezonowy-akcent:#b56a32;--sezonowy-tekst:#6b5645;--sezonowy-obwodka:#e5c8a9}
body[data-stan-wizualny="deszcz"]{--sezonowy-glowny:#668c9f;--sezonowy-akcent:#5f8192;--sezonowy-tekst:#4f626b;--sezonowy-obwodka:#c1d0d7}
body[data-stan-wizualny="zima"]{--sezonowy-glowny:#4f88bd;--sezonowy-akcent:#5f89b5;--sezonowy-tekst:#526b80;--sezonowy-obwodka:#bfd3e5}
body[data-stan-wizualny="wakacje"]{--sezonowy-glowny:#4b9d8d;--sezonowy-akcent:#478e80;--sezonowy-tekst:#536a67;--sezonowy-obwodka:#c2ddd7}
body[data-stan-wizualny="ferie"]{--sezonowy-glowny:#537da8;--sezonowy-akcent:#5e7fa5;--sezonowy-tekst:#536879;--sezonowy-obwodka:#c4d5e5}
body[data-stan-wizualny="jesien"] .cytat{background:#f2eadf}
body[data-stan-wizualny="deszcz"] .cytat{background:#e8eff1}
body[data-stan-wizualny="zima"] .cytat,body[data-stan-wizualny="ferie"] .cytat{background:#e9f1f6}
.hero,.hero h1,.hero__nadtytul,.hero__lead,.hero__cta .przycisk,.karta-skrotu,.cytat,.link-wiecej{transition:background-color .7s ease,color .7s ease,border-color .7s ease}
.narzedzie--dostepnosc{border-radius:50%!important;width:40px!important;min-width:40px!important;padding:0!important;background:#3e8652!important;color:#fff!important}
.narzedzie--dostepnosc svg{width:23px;height:23px}
.narzedzie--szukaj svg,.narzedzie--facebook svg,.narzedzie--bip svg{width:22px;height:22px}
.narzedzie--bip .narzedzie__ikona{width:21px;height:21px}
.przycisk__ikona{display:inline-flex;align-items:center;justify-content:center}
.przycisk__ikona svg{width:22px;height:22px}
@media(max-width:900px){.hero{min-height:0;padding:48px 0 82px}.hero__tresc{padding:24px 0;text-align:center;margin:0 auto}.hero__lead{margin-inline:auto}.hero__cta{justify-content:center}.hero::before{background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.72) 55%,rgba(255,255,255,.15) 100%)}}


/* ACCEPTED MASTER 1:1 — geometria strony głównej */
.naglowek{position:sticky;top:0;left:auto;transform:none;width:100%;max-width:1528px;margin:0;z-index:30;background:rgba(255,255,255,.97);border:1px solid rgba(35,70,52,.08);border-radius:24px;box-shadow:0 10px 28px rgba(35,65,48,.10)}
.naglowek__wewnetrzny{min-height:84px;height:84px;padding:10px 18px;gap:16px}
.logo{min-width:320px;width:320px;margin-right:4px}.logo__obraz{width:320px;max-width:320px;max-height:62px}
.nawigacja{flex:1;min-width:0}.nawigacja ul{justify-content:center;gap:2px}.nawigacja a{padding:11px 10px;font-size:.91rem;font-weight:600;color:#172b23;white-space:nowrap}.nawigacja a.aktywny{background:#07845f;color:#fff;border-radius:999px}
.naglowek__narzedzia{flex:0 0 auto;gap:8px}.narzedzie{min-width:40px;height:40px;padding:0 10px;border:0;background:#fff}.narzedzie--szukaj,.narzedzie--facebook,.narzedzie--bip,.narzedzie--dostepnosc{border-radius:50%}.narzedzie--szukaj{border:1px solid #dbe2dc}.narzedzie--bip{min-width:58px;border-radius:0;color:#172b23;font-weight:700}.narzedzie--facebook{width:42px;min-width:42px;background:#1877f2;color:#fff}.narzedzie--dostepnosc{width:44px!important;min-width:44px!important;height:44px!important;background:#1d7d49!important}.narzedzie__separator{height:30px;margin:0 2px}

.hero{min-height:640px;height:640px;padding:0;position:relative;overflow:hidden;isolation:isolate;background:#eaf6ef}
.hero__scena{position:absolute;inset:0;z-index:1;background-image:var(--hero-image);background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.96) 82%,rgba(0,0,0,.65) 91%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.96) 82%,rgba(0,0,0,.65) 91%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.hero::before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse 42% 52% at 28% 46%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.68) 38%,rgba(255,255,255,.3) 62%,rgba(255,255,255,0) 80%);pointer-events:none}
.hero::after{content:none}
.hero__siatka{max-width:1528px;min-height:640px;height:640px;margin:0 auto;padding:0 24px;display:block;position:relative;z-index:3}
.hero__tresc{width:650px;max-width:650px;padding:245px 0 0}
.hero__nadtytul{margin:0 0 12px;font-size:.80rem;line-height:1.2;letter-spacing:.18em;font-weight:800;text-transform:uppercase}
.hero h1{max-width:610px;margin:0 0 18px;font-size:clamp(2.4rem,3vw,3.05rem);line-height:1.03;letter-spacing:-.045em}
.hero__lead{margin:0;max-width:560px;color:#111;font-size:1.05rem;line-height:1.42}.hero__cta{display:flex;gap:14px;margin-top:25px;flex-wrap:wrap}.hero__cta .przycisk{min-height:58px;padding:14px 25px;font-size:.96rem}.hero__cta .przycisk--glowny{min-width:246px}.hero__cta .przycisk--drugorzedny{min-width:282px}

.skroty{position:relative;z-index:8;margin-top:-70px;padding:0 0 28px}.skroty .kontener{max-width:1600px;padding:0}.skroty__siatka{grid-template-columns:repeat(4,1fr);gap:18px}.karta-skrotu{min-height:100px;height:100px;padding:16px 20px;border-radius:18px;box-shadow:0 8px 22px rgba(44,69,53,.08)}
.karta-skrotu__ikona{width:48px;height:48px;flex:0 0 48px}.karta-skrotu__tekst strong{font-size:1.02rem}.karta-skrotu__tekst span:last-child{font-size:.88rem}.karta-skrotu__strzalka{width:30px;height:30px;flex:0 0 30px}

.aktualnosci-podglad{padding:0 0 60px}.aktualnosci-layout{max-width:1560px;padding:0;display:grid;grid-template-columns:190px minmax(0,1fr) 315px;gap:28px;align-items:start}.motto{min-height:205px;margin-top:0;padding:28px 18px 18px;border-radius:52% 48% 45% 55%;background:#fff4dc;color:#145ca8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-3deg);box-shadow:0 5px 18px rgba(85,73,45,.04)}.motto span{font-family:"Comic Sans MS","Segoe Print",cursive;font-size:1.45rem;line-height:1.18}.motto b{display:block;margin-top:8px;font-size:2.5rem;line-height:1;font-weight:400}
.aktualnosci-podglad .sekcja__naglowek{margin-bottom:14px}.aktualnosci-podglad .sekcja__nadtytul{margin-bottom:4px}.aktualnosci-podglad h2{margin:0;font-size:1.85rem}.siatka-aktualnosci{grid-template-columns:repeat(3,1fr);gap:16px}.karta-aktualnosci{min-height:100px;border-radius:12px}.karta-aktualnosci a{min-height:100px;padding:12px 14px}.karta-aktualnosci time{font-size:.75rem}.karta-aktualnosci h3{font-size:.95rem;line-height:1.2;margin:6px 0 0}.karta-aktualnosci p{display:none}.cytat{min-height:208px;margin:0;border-radius:24px;padding:26px 22px;background:#eef8ef}.cytat__listek{display:block;margin-bottom:8px}.cytat blockquote{margin:0 0 10px;font-size:1rem;line-height:1.45}.cytat cite{font-size:.9rem}.cytat__serce{display:block;margin-top:8px;text-align:center;font-size:2rem}

@media(max-width:1100px){.logo,.logo__obraz{min-width:240px;width:240px;max-width:240px}.nawigacja a{padding-inline:6px;font-size:.78rem}.naglowek__narzedzia{display:none}}

@media(max-width:900px){.naglowek{position:relative;top:auto;left:auto;width:100%;max-width:none;transform:none;border-radius:0}.naglowek__wewnetrzny{height:auto;min-height:72px}.logo,.logo__obraz{min-width:0;width:230px;max-width:230px}.hero{min-height:620px;height:auto;padding:0 0 70px}.hero__siatka{min-height:0;height:auto;padding:0 24px}.hero__tresc{width:auto;max-width:650px;margin:0 auto;padding:145px 0 20px;text-align:center}.hero h1{font-size:clamp(2.3rem,8vw,3.4rem)}.hero__lead{margin-inline:auto}.hero__cta{justify-content:center}.skroty{margin-top:-54px}.skroty .kontener{padding:0 20px}.skroty__siatka{grid-template-columns:repeat(2,1fr)}.aktualnosci-layout{padding:0 20px;grid-template-columns:1fr}.motto{display:none}.siatka-aktualnosci{grid-template-columns:repeat(2,1fr)}}

@media(max-width:620px){.logo,.logo__obraz{width:205px;max-width:205px}.hero__tresc{padding-top:120px}.hero h1{font-size:2.25rem}.hero__cta{flex-direction:column;align-items:center}.hero__cta .przycisk{width:100%;min-width:0}.skroty__siatka{grid-template-columns:1fr}.siatka-aktualnosci{grid-template-columns:1fr}}


/* Ikony zgodne z zaakceptowanym wzorcem */
.karta-skrotu{gap:16px}
.karta-skrotu__ikona{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.62)}
.karta-skrotu__ikona svg{width:28px;height:28px}
.karta-skrotu--niebieski .karta-skrotu__ikona{color:#1689e8;background:#e3f2ff}
.karta-skrotu--zielony .karta-skrotu__ikona{color:#13844f;background:#e5f5e9}
.karta-skrotu--pomaranczowy .karta-skrotu__ikona{color:#f0a01a;background:#fff0d5}
.karta-skrotu--rozowy .karta-skrotu__ikona{color:#ef2858;background:#ffe3eb}
.karta-skrotu__strzalka{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.62);font-size:1.1rem;font-weight:700}
.karta-skrotu--niebieski .karta-skrotu__strzalka{color:#1689e8}
.karta-skrotu--zielony .karta-skrotu__strzalka{color:#13844f}
.karta-skrotu--pomaranczowy .karta-skrotu__strzalka{color:#f0a01a}
.karta-skrotu--rozowy .karta-skrotu__strzalka{color:#ef2858}
.narzedzie--bip{color:#e51d2a!important}
.narzedzie--facebook{color:#fff!important;background:#1877f2!important}
.narzedzie--dostepnosc{color:#fff!important;background:#1d7d49!important}
.narzedzie--szukaj{color:#183252!important}

/* Logo i narzędzia headera — zgodnie ze wzorem */
.logo{display:flex;align-items:center;gap:14px;min-width:330px;width:330px}
.logo__obraz{width:54px!important;max-width:54px!important;height:58px!important;max-height:58px!important;object-fit:contain;flex:0 0 54px}
.logo__tekst{display:flex!important;flex-direction:column;justify-content:center;line-height:1.08;color:#087044;white-space:nowrap}
.logo__tekst strong{font-size:.79rem!important;font-weight:800;letter-spacing:.01em}
.naglowek__narzedzia{gap:10px!important}
.narzedzie--szukaj{width:54px!important;min-width:54px!important;height:54px!important}
.narzedzie--szukaj svg{width:30px!important;height:30px!important}
.narzedzie--bip{min-width:82px!important;height:54px!important;font-size:1rem!important;gap:7px}
.narzedzie--bip .narzedzie__ikona{width:28px!important;height:28px!important}
.narzedzie--facebook{width:54px!important;min-width:54px!important;height:54px!important}
.narzedzie--facebook svg{width:32px!important;height:32px!important}
.narzedzie--dostepnosc{width:56px!important;min-width:56px!important;height:56px!important}
.narzedzie--dostepnosc svg{width:34px!important;height:34px!important}
.narzedzie__separator{height:38px!important;margin-inline:3px!important}
@media(max-width:1100px){
 .logo{min-width:250px;width:250px}.logo__tekst strong{font-size:.66rem!important}
 .logo__obraz{width:50px!important;max-width:50px!important;flex-basis:50px}
}

@media(max-width:900px){.logo__tekst{display:flex!important}.logo{width:230px;min-width:230px}}

@media(max-width:620px){.logo{width:205px;min-width:205px;gap:9px}.logo__tekst strong{font-size:.57rem!important}.logo__obraz{width:46px!important;max-width:46px!important;flex-basis:46px}}


/* Lewa krawędź hero ma pozostać częścią ilustracji — bez białej ściany. */
.hero__scena{background-position:center 48%}

/* Dopasowanie do wzorca: bazowa zieleń i aktualności z miniaturą */
.hero__cta .przycisk--glowny{
  background:#087a52!important;
  color:#fff!important;
  border:1.5px solid rgba(255,255,255,.92)!important;
}
.hero__cta .przycisk--drugorzedny{
  border:1.5px solid rgba(255,255,255,.92)!important;
}
.hero__cta .przycisk--glowny:hover{background:#066743!important}
.karta-skrotu__ikona{width:64px!important;height:64px!important;flex:0 0 64px!important}
.karta-skrotu__ikona svg{width:34px!important;height:34px!important}
.siatka-aktualnosci{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.karta-aktualnosci{height:100px;min-height:100px}
.karta-aktualnosci a{height:100%;min-height:100px;padding:0!important;display:grid!important;grid-template-columns:100px minmax(0,1fr) 28px;align-items:center;gap:12px}
.karta-aktualnosci__miniatura{width:100px;height:100px;display:block;object-fit:cover}
.karta-aktualnosci__tresc{min-width:0;display:flex;flex-direction:column;justify-content:center}
.karta-aktualnosci time{font-size:.75rem}
.karta-aktualnosci h3{font-size:.95rem;line-height:1.2;margin:6px 0 0;overflow:hidden}
.karta-aktualnosci__strzalka{font-size:2rem;line-height:1;color:#087a52;padding-right:10px}
@media(max-width:900px){
 .siatka-aktualnosci{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
 .siatka-aktualnosci{grid-template-columns:1fr}
 .karta-aktualnosci a{grid-template-columns:88px minmax(0,1fr) 24px}
 .karta-aktualnosci__miniatura{width:88px;height:100px}
}


/* Wzorzec bazowy — nadtytuł hero zawsze zielony */
.hero__nadtytul{color:#087a52!important}

/* Dostępność — dokładny klasyczny symbol ♿ na niebieskim kole */
.narzedzie--dostepnosc{
  background:#1769d1!important;
  color:#fff!important;
  border-radius:50%!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.narzedzie__dostepnosc-znak{
  display:block;
  font-family:Arial,"Segoe UI Symbol",sans-serif;
  font-size:25px;
  line-height:1;
  font-weight:400;
}

/* Header — narzędzia mają mieć własną przestrzeń i nie nachodzić na tekst */
.naglowek__narzedzia{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:10px!important;
  margin-left:18px!important;
  white-space:nowrap!important;
}
.naglowek__narzedzia .narzedzie{
  flex:0 0 auto!important;
}
.naglowek__narzedzia .narzedzie--szukaj{
  width:44px!important;
  min-width:44px!important;
}
.naglowek__narzedzia .narzedzie--bip{
  min-width:72px!important;
  padding-inline:10px!important;
}
.naglowek__narzedzia .narzedzie--facebook{
  width:40px!important;
  min-width:40px!important;
}
.naglowek__narzedzia .narzedzie--dostepnosc{
  width:40px!important;
  min-width:40px!important;
}
.naglowek__narzedzia .narzedzie__separator{
  flex:0 0 1px!important;
  width:1px!important;
}

/* Znak dostępności — dokładnie w formie niebieskiego znaku ♿ */
.narzedzie--dostepnosc{
  background:transparent!important;
  color:#fff!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
}
.narzedzie__dostepnosc-znak{
  display:block!important;
  width:40px!important;
  height:40px!important;
  font-size:0!important;
}

/* Nagłówek — dokładny układ wzorca: herb + pełna nazwa placówki */
.naglowek__wewnetrzny{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}
.logo{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:330px!important;
  min-width:330px!important;
  max-width:330px!important;
  margin-right:18px!important;
  color:#087044!important;
  text-decoration:none!important;
}
.logo__obraz{
  display:block!important;
  width:54px!important;
  max-width:54px!important;
  height:58px!important;
  max-height:58px!important;
  flex:0 0 54px!important;
  object-fit:contain!important;
}
.logo__tekst{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  line-height:1.08!important;
  color:#087044!important;
  white-space:nowrap!important;
}
.logo__tekst strong{
  display:block!important;
  font-size:.79rem!important;
  line-height:1.16!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  color:#087044!important;
}

/* Nagłówek — używamy dokładnie plików SVG z assets */
.narzedek--bip{}
.naglowek__narzedzia .narzedzie--bip{
  width:auto!important;
  min-width:64px!important;
  height:40px!important;
  padding:0 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.narzedzie__logo-bip{
  display:block!important;
  width:62px!important;
  height:auto!important;
  max-height:30px!important;
  object-fit:contain!important;
}
.naglowek__narzedzia .narzedzie--facebook{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.narzedzie__logo-facebook{
  display:block!important;
  width:40px!important;
  height:40px!important;
}
.naglowek__narzedzia .narzedzie--dostepnosc{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.narzedzie__logo-dostepnosc{
  display:block!important;
  width:40px!important;
  height:40px!important;
  object-fit:contain!important;
}

/* Ostateczne dopasowanie wzorca */
html,body,button,input,textarea,select{
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
}
body{
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
}
.narzedzie--dostepnosc{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  border:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.narzedzie__logo-dostepnosc{
  display:block!important;
  width:40px!important;
  height:40px!important;
  object-fit:cover!important;
  object-position:center bottom!important;
}

/* Dostępność — białe tło poza dostarczonym SVG, bez zielonego prostokąta */
.narzedzie--dostepnosc,
.narzedzie--dostepnosc:hover,
.narzedzie--dostepnosc:focus{
  background-color:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}
.narzedzie--dostepnosc .narzedzie__logo-dostepnosc{
  background:#fff!important;
  background-color:#fff!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
}

/* FINAL — nagłówek zgodny z zaakceptowanym układem */
.naglowek{
  position:relative!important;
  top:auto!important;
  width:calc(100% - 72px)!important;
  max-width:1510px!important;
  margin:24px auto 0!important;
  border:0!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 30px rgba(35,60,45,.10)!important;
  overflow:visible!important;
}
.naglowek__wewnetrzny{
  width:100%!important;
  min-height:82px!important;
  padding:12px 24px!important;
  gap:18px!important;
  border-radius:24px!important;
}
.logo{
  width:340px!important;
  min-width:340px!important;
  max-width:340px!important;
  margin-right:auto!important;
  gap:14px!important;
}
.logo__obraz{
  width:58px!important;
  max-width:58px!important;
  height:62px!important;
  max-height:62px!important;
  flex:0 0 58px!important;
}
.logo__tekst strong{
  font-size:.78rem!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.nawigacja{
  flex:0 1 auto!important;
}
.nawigacja ul{
  gap:2px!important;
}
.nawigacja a{
  padding:11px 13px!important;
  font-size:.94rem!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
.naglowek__narzedzia{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:4px!important;
}
.narzedzie--szukaj{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  border-radius:50%!important;
}
.narzedzie--szukaj svg{
  width:25px!important;
  height:25px!important;
}
.narzedzie__separator{
  height:30px!important;
  margin:0 2px!important;
}
.naglowek__narzedzia .narzedzie--bip{
  min-width:68px!important;
  height:40px!important;
  padding:0!important;
}
.narzedzie__logo-bip{
  width:64px!important;
  max-height:32px!important;
}
.naglowek__narzedzia .narzedzie--facebook{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
}
.narzedzie__logo-facebook{
  width:46px!important;
  height:46px!important;
}
.naglowek .narzedzie__logo-dostepnosc{
  width:40px!important;
  height:40px!important;
  display:block!important;
  object-fit:contain!important;
  background:#fff!important;
}
@media(max-width:1200px){
  .logo{width:285px!important;min-width:285px!important}
  .nawigacja a{padding-inline:9px!important;font-size:.88rem!important}
}

@media(max-width:900px){
  .naglowek{
    width:calc(100% - 28px)!important;
    margin-top:14px!important;
  }
  .logo{width:auto!important;min-width:0!important;max-width:none!important}
  .logo__tekst{display:flex!important}
}


/* Wzorzec nagłówka — final */
.naglowek__narzedzia{
  gap:10px!important;
}
.narzedzie__logo-bip{
  width:64px!important;
  height:32px!important;
  max-height:32px!important;
  object-fit:contain!important;
}
.naglowek__narzedzia .narzedzie--facebook{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
}
.narzedzie__logo-facebook{
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
}
.naglowek .narzedzie--dostepnosc{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
}
.naglowek .narzedzie__logo-dostepnosc{
  width:32px!important;
  height:32px!important;
  object-fit:contain!important;
}

/* Korekta po podglądzie — pasek nagłówka ma być szeroki jak we wzorze */
.naglowek{
  position:absolute!important;
  top:24px!important;
  left:68px!important;
  right:68px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.naglowek__wewnetrzny{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.naglowek .narzedzie--dostepnosc{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
}
.naglowek .narzedzie__logo-dostepnosc{
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  object-fit:contain!important;
}
@media(max-width:900px){
  .naglowek{
    left:14px!important;
    right:14px!important;
  }
}


/* Menu — zawsze wyśrodkowane w wolnej przestrzeni nagłówka */
.naglowek__wewnetrzny{
  position:relative!important;
}
.naglowek .nawigacja{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:max-content!important;
  max-width:calc(100% - 760px)!important;
  margin:0!important;
}
.naglowek .nawigacja ul{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
}
.naglowek .naglowek__narzedzia{
  margin-left:auto!important;
}
@media(max-width:1200px){
  .naglowek .nawigacja{
    position:static!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    margin-left:auto!important;
  }
}

@media(max-width:900px){
  .naglowek .nawigacja{
    position:static!important;
    transform:none!important;
  }
}


/* Podstrony — treść zaczyna się dopiero pod pływającym nagłówkiem */
.strona-podstrona #tresc-glowna{
  padding-top:140px!important;
}
@media(max-width:900px){
  .strona-podstrona #tresc-glowna{
    padding-top:0!important;
  }
}


/* Ostateczne proporcje ikon wg ostatniego zaakceptowanego szkicu */
.naglowek__narzedzia .narzedzie--facebook{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.narzedzie__logo-facebook{
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  object-fit:contain!important;
}
.naglowek .narzedzie--dostepnosc{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
  background:#fff!important;
  background-color:#fff!important;
  border:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
}
.naglowek .narzedzie__logo-dostepnosc{
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  object-fit:contain!important;
  background:#fff!important;
}

/* Finalne wyrównanie widocznej wysokości ikon do BIP */
.narzedzie__logo-facebook{
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  object-fit:contain!important;
}
.naglowek .narzedzie--dostepnosc{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
}
.naglowek .narzedzie__logo-dostepnosc{
  width:40px!important;
  height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  object-fit:contain!important;
}

/* Finalne wykończenie narzędzi — jedna ikona FB + separatory jak we wzorze */
.naglowek__narzedzia .narzedzie--facebook{
  background:transparent!important;
  color:inherit!important;
  border-radius:0!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
}
.narzedzie__logo-facebook{
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  object-fit:contain!important;
}
.naglowek__narzedzia .narzedzie--bip{
  border-left:1px solid rgba(40,60,50,.18)!important;
  border-radius:0!important;
  padding-left:14px!important;
  margin-left:2px!important;
}
.naglowek__narzedzia .narzedzie--facebook{
  border-left:1px solid rgba(40,60,50,.18)!important;
  padding-left:12px!important;
  margin-left:2px!important;
}
.naglowek .narzedzie--dostepnosc{
  border-left:1px solid rgba(40,60,50,.18)!important;
  border-radius:0!important;
  padding-left:12px!important;
  margin-left:2px!important;
}

/* FINAL — narzędzia nagłówka: jedna skala i separatory */
.naglowek__narzedzia{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.naglowek__narzedzia .narzedzie--szukaj{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
  border-radius:50%!important;
}
.naglowek__narzedzia .narzedzie--bip{
  width:64px!important;
  min-width:64px!important;
  height:40px!important;
  padding:0 8px 0 14px!important;
  margin:0!important;
  border:0!important;
  border-left:1px solid #dfe4dd!important;
  border-radius:0!important;
  background:transparent!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.naglowek__narzedzia .narzedzie__logo-bip{
  width:56px!important;
  height:auto!important;
  max-width:56px!important;
  max-height:24px!important;
  object-fit:contain!important;
}
.naglowek__narzedzia .narzedzie--facebook{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0 0 0 8px!important;
  margin:0!important;
  border:0!important;
  border-left:1px solid #dfe4dd!important;
  border-radius:0!important;
  background:transparent!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.naglowek__narzedzia .narzedzie__logo-facebook{
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  object-fit:contain!important;
}
.naglowek__narzedzia .narzedzie--dostepnosc{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0 0 0 8px!important;
  margin:0!important;
  border:0!important;
  border-left:1px solid #dfe4dd!important;
  border-radius:0!important;
  background:transparent!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.naglowek__narzedzia .narzedzie__logo-dostepnosc{
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  object-fit:contain!important;
  background:transparent!important;
}
.naglowek__narzedzia .narzedzie__separator{
  display:none!important;
}

/* Finalne czyste ikony — bez dodatkowych teł kontenerów */
.naglowek__narzedzia .narzedzie--bip{
  background:transparent!important;
  border-left:1px solid #dfe4dd!important;
  border-right:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.naglowek__narzedzia .narzedzie--bip:hover,
.naglowek__narzedzia .narzedzie--bip:focus{
  background:transparent!important;
}
.naglowek__narzedzia .narzedzie__logo-bip{
  background:transparent!important;
}
.naglowek__narzedzia .narzedzie--dostepnosc{
  background:transparent!important;
  border-left:1px solid #dfe4dd!important;
  border-right:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.naglowek__narzedzia .narzedzie--dostepnosc:hover,
.naglowek__narzedzia .narzedzie--dostepnosc:focus{
  background:transparent!important;
}
.naglowek__narzedzia .narzedzie__logo-dostepnosc{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Ostatnia poprawka — ♿ bez białego koła przycisku */
.naglowek__narzedzia .narzedzie--dostepnosc{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:none!important;
  background-color:transparent!important;
  border:0!important;
  border-left:1px solid #dfe4dd!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:none!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0 0 0 8px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.naglowek__narzedzia .narzedzie--dostepnosc:hover,
.naglowek__narzedzia .narzedzie--dostepnosc:focus,
.naglowek__narzedzia .narzedzie--dostepnosc:active{
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
.naglowek__narzedzia .narzedzie__logo-dostepnosc{
  display:block!important;
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Absolutnie bez efektu tła po najechaniu na ♿ */
.naglowek__narzedzia .narzedzie--dostepnosc:hover,
.naglowek__narzedzia .narzedzie--dostepnosc:focus,
.naglowek__narzedzia .narzedzie--dostepnosc:focus-visible,
.naglowek__narzedzia .narzedzie--dostepnosc:active{
  background:transparent!important;
  background-color:transparent!important;
  color:inherit!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:none!important;
}

/* ZERO TŁA dla przycisku dostępności — również hover/focus */
button.narzedzie--dostepnosc,
button.narzedzie--dostepnosc:hover,
button.narzedzie--dostepnosc:focus,
button.narzedzie--dostepnosc:focus-visible,
button.narzedzie--dostepnosc:active{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-left:1px solid #dfe4dd!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:inherit!important;
}
button.narzedzie--dostepnosc::before,
button.narzedzie--dostepnosc::after{
  display:none!important;
  content:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
button.narzedzie--dostepnosc img{
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}


/* Stabilizacja menu — aktywna pozycja nie może przesuwać napisów */
.naglowek .nawigacja ul{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
}
.naglowek .nawigacja ul li{
  flex:0 0 auto!important;
}
.naglowek .nawigacja ul li:nth-child(1) a{width:112px!important}
.naglowek .nawigacja ul li:nth-child(2) a{width:118px!important}
.naglowek .nawigacja ul li:nth-child(3) a{width:82px!important}
.naglowek .nawigacja ul li:nth-child(4) a{width:120px!important}
.naglowek .nawigacja ul li:nth-child(5) a{width:120px!important}
.naglowek .nawigacja ul li:nth-child(6) a{width:100px!important}
.naglowek .nawigacja ul li:nth-child(7) a{width:78px!important}
.naglowek .nawigacja ul li a{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}


/* Menu — ujednolicenie wszystkich pozycji, bez osobnego formatowania Aktualności/Dokumenty */
.naglowek .nawigacja ul{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  flex-wrap:nowrap!important;
}
.naglowek .nawigacja ul li{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}
.naglowek .nawigacja ul li a{
  width:auto!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:11px 13px!important;
  margin:0!important;
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
  font-size:.91rem!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  text-align:center!important;
  border-radius:999px!important;
}
.naglowek .nawigacja ul li a.aktywny{
  font-weight:600!important;
}


/* Menu — aktywna pozycja ma dokładnie ten sam krój i wagę co pozostałe */
.naglowek .nawigacja ul li a,
.naglowek .nawigacja ul li a:hover,
.naglowek .nawigacja ul li a.aktywny,
.naglowek .nawigacja ul li a.aktywny:hover{
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
  font-size:.91rem!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-synthesis:none!important;
}


/* FINAL MENU GEOMETRY — aktywna strona nie zmienia szerokości żadnej pozycji */
@media(min-width:1201px){
  .naglowek .nawigacja{
    width:884px!important;
    max-width:none!important;
    flex:0 0 884px!important;
  }
  .naglowek .nawigacja ul{
    width:884px!important;
    display:grid!important;
    grid-template-columns:134px 144px 98px 140px 144px 120px 92px!important;
    gap:2px!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .naglowek .nawigacja ul li{
    width:100%!important;
    min-width:0!important;
  }
  .naglowek .nawigacja ul li a,
  .naglowek .nawigacja ul li a:hover,
  .naglowek .nawigacja ul li a.aktywny,
  .naglowek .nawigacja ul li a.aktywny:hover{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:11px 8px!important;
    margin:0!important;
    white-space:nowrap!important;
  }
}
@media(max-width:1200px){
  .naglowek .nawigacja ul li a{
    width:auto!important;
  }
}


/* FINAL MENU STATE ALIGNMENT — hover/aktywny nie może zmieniać położenia tekstu */
@media(min-width:901px){
  .naglowek .nawigacja{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:884px!important;
    max-width:none!important;
    margin:0!important;
    flex:0 0 884px!important;
  }
  .naglowek .nawigacja ul{
    width:884px!important;
    display:grid!important;
    grid-template-columns:134px 144px 98px 140px 144px 120px 92px!important;
    gap:2px!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .naglowek .nawigacja ul li{
    width:100%!important;
    min-width:0!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
  }
  .naglowek .nawigacja ul li a,
  .naglowek .nawigacja ul li a:hover,
  .naglowek .nawigacja ul li a.aktywny,
  .naglowek .nawigacja ul li a.aktywny:hover{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:11px 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
    font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
    font-size:.91rem!important;
    font-weight:500!important;
    line-height:1!important;
    letter-spacing:0!important;
    font-synthesis:none!important;
  }
}

@media(max-width:900px){
  .naglowek .nawigacja{
    position:static!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    margin-left:auto!important;
    flex:none!important;
  }
}


/* FINAL — identyczna metryka tekstu w stanie normalnym, hover i aktywnym */
@media(min-width:901px){
  .naglowek .nawigacja ul li a,
  .naglowek .nawigacja ul li a:hover,
  .naglowek .nawigacja ul li a.aktywny,
  .naglowek .nawigacja ul li a.aktywny:hover{
    font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
    font-size:.91rem!important;
    font-weight:600!important;
    line-height:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 8px!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    letter-spacing:0!important;
    font-synthesis:none!important;
    white-space:nowrap!important;
  }
}


/* MENU — jedna prawda: stan wizualny steruje kolorem menu. */
@media(min-width:901px){
  .naglowek .nawigacja ul li a,
  .naglowek .nawigacja ul li a:hover,
  .naglowek .nawigacja ul li a.aktywny,
  .naglowek .nawigacja ul li a.aktywny:hover,
  .naglowek .nawigacja ul li a:active,
  .naglowek .nawigacja ul li a:focus,
  .naglowek .nawigacja ul li a:focus-visible{
    color:var(--sezon-ciemny)!important;
    background:transparent!important;
    box-shadow:none!important;
    font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
    font-size:.91rem!important;
    font-weight:500!important;
    line-height:1!important;
    letter-spacing:0!important;
    font-synthesis:none!important;
    width:100%!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 8px!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  .naglowek .nawigacja ul li a:hover:not(.aktywny){
    background:var(--sezon-tlo-akcent)!important;
    color:var(--sezon-ciemny)!important;
  }

  .naglowek .nawigacja ul li a.aktywny,
  .naglowek .nawigacja ul li a.aktywny:hover,
  .naglowek .nawigacja ul li a.aktywny:active,
  .naglowek .nawigacja ul li a.aktywny:focus,
  .naglowek .nawigacja ul li a.aktywny:focus-visible{
    background:var(--sezon-glowny)!important;
    color:#fff!important;
  }

  .naglowek .nawigacja ul li{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* FINAL — jedna geometria nagłówka dla strony głównej i podstron */
.naglowek{
  position:absolute!important;
  top:24px!important;
  left:50%!important;
  right:auto!important;
  width:calc(100% - 136px)!important;
  max-width:1528px!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  box-sizing:border-box!important;
}
.naglowek__wewnetrzny{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
@media(max-width:900px){
  .naglowek{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
  }
}

/* FINAL — stabilizacja szerokości viewportu dla nagłówka */
html{
  overflow-y:scroll!important;
  scrollbar-gutter:stable!important;
}
/* FINAL — wspólna geometria nagłówka: ikony są częścią tego samego układu na każdej stronie */
@media(min-width:901px){
  .naglowek__narzedzia{
    position:static!important;
    transform:none!important;
    margin-left:auto!important;
  }
}


/* Aktualność bez miniatury — tekst wykorzystuje pełną szerokość karty. */
.karta-aktualnosci--bez-miniatury a{
  grid-template-columns:minmax(0,1fr) 28px;
  padding:12px 14px!important;
}
.karta-aktualnosci--bez-miniatury .karta-aktualnosci__strzalka{
  padding-right:10px;
}
@media(max-width:620px){
  .karta-aktualnosci--bez-miniatury a{
    grid-template-columns:minmax(0,1fr) 24px;
  }
}


/* ==========================================================================
   SEZONOWA PALETA — obraz i interfejs zmieniają klimat razem.
   Header/menu pozostają bez zmian.
   ========================================================================== */
body[data-stan-wizualny="wiosna"],
body[data-stan-wizualny="auto"]{
  --sezon-tlo:#fffdf8;
  --sezon-tlo-akcent:#eef8ef;
  --sezon-karta:#ffffff;
  --sezon-obwodka:#cfe5d4;
  --sezon-glowny:#4da66a;
  --sezon-ciemny:#347b4d;
  --sezon-akcent:#e7b84b;
  --sezon-dymek:#edf8ed;
  --sezon-motto:#fff3d8;
}
body[data-stan-wizualny="lato"]{
  --sezon-tlo:#fbfffe;
  --sezon-tlo-akcent:#e8f7f3;
  --sezon-karta:#ffffff;
  --sezon-obwodka:#bfe1dc;
  --sezon-glowny:#329a91;
  --sezon-ciemny:#26736f;
  --sezon-akcent:#efc34f;
  --sezon-dymek:#e8f7f3;
  --sezon-motto:#fff4cf;
}
body[data-stan-wizualny="jesien"]{
  --sezon-tlo:#fffaf2;
  --sezon-tlo-akcent:#f4ead9;
  --sezon-karta:#fffdf9;
  --sezon-obwodka:#dfc5a2;
  --sezon-glowny:#b96f32;
  --sezon-ciemny:#86502c;
  --sezon-akcent:#d18a2f;
  --sezon-dymek:#f3e8d7;
  --sezon-motto:#f5dfb9;
}
body[data-stan-wizualny="zima"]{
  --sezon-tlo:#fbfdff;
  --sezon-tlo-akcent:#eaf3f8;
  --sezon-karta:#ffffff;
  --sezon-obwodka:#c4dbe8;
  --sezon-glowny:#4d91bd;
  --sezon-ciemny:#376b8e;
  --sezon-akcent:#64bfd0;
  --sezon-dymek:#e9f3f8;
  --sezon-motto:#edf7fb;
}
body[data-stan-wizualny="deszcz"]{
  --sezon-tlo:#f7fafb;
  --sezon-tlo-akcent:#e7eff2;
  --sezon-karta:#fcfefe;
  --sezon-obwodka:#c4d4da;
  --sezon-glowny:#668c9f;
  --sezon-ciemny:#4f707f;
  --sezon-akcent:#73aebb;
  --sezon-dymek:#e6eef1;
  --sezon-motto:#e9eef0;
}
body[data-stan-wizualny="wakacje"]{
  --sezon-tlo:#fffdf7;
  --sezon-tlo-akcent:#eaf6ee;
  --sezon-karta:#ffffff;
  --sezon-obwodka:#c6dfd7;
  --sezon-glowny:#3d9b8b;
  --sezon-ciemny:#31766d;
  --sezon-akcent:#e9b84b;
  --sezon-dymek:#eaf6ee;
  --sezon-motto:#fff1cf;
}
body[data-stan-wizualny="ferie"]{
  --sezon-tlo:#fbfdff;
  --sezon-tlo-akcent:#eaf1f7;
  --sezon-karta:#ffffff;
  --sezon-obwodka:#c6d7e5;
  --sezon-glowny:#537fa7;
  --sezon-ciemny:#3e6384;
  --sezon-akcent:#72bfd0;
  --sezon-dymek:#e8f1f7;
  --sezon-motto:#edf5fa;
}
body[data-stan-wizualny="boze-narodzenie"]{
  --sezon-tlo:#fffaf7;
  --sezon-tlo-akcent:#f7e8e6;
  --sezon-karta:#fffdfb;
  --sezon-obwodka:#e3c6c2;
  --sezon-glowny:#a63d45;
  --sezon-ciemny:#7b2f36;
  --sezon-akcent:#d6a33d;
  --sezon-dymek:#f8e9e7;
  --sezon-motto:#f7eddc;
}

body[data-stan-wizualny]{
  background:var(--sezon-tlo);
  transition:background-color .7s ease;
}
body[data-stan-wizualny] a{color:var(--sezon-ciemny)}
body[data-stan-wizualny] a:hover{color:var(--sezon-glowny)}
body[data-stan-wizualny] .hero__nadtytul,
body[data-stan-wizualny] .sekcja__nadtytul{color:var(--sezon-glowny)!important}
body[data-stan-wizualny] .tekst-akcent{color:var(--sezon-glowny)}
body[data-stan-wizualny] .hero__cta .przycisk--glowny{
  background:var(--sezon-glowny)!important;
  border-color:rgba(255,255,255,.92)!important;
}
body[data-stan-wizualny] .hero__cta .przycisk--glowny:hover{
  background:var(--sezon-ciemny)!important;
}
body[data-stan-wizualny] .hero__cta .przycisk--drugorzedny{
  background:rgba(255,255,255,.9);
  border-color:var(--sezon-obwodka)!important;
  color:var(--sezon-ciemny);
}
body[data-stan-wizualny] .link-wiecej{color:var(--sezon-ciemny)}
body[data-stan-wizualny] .karta-aktualnosci{
  border-color:var(--sezon-obwodka);
  background:var(--sezon-karta);
}
body[data-stan-wizualny] .karta-aktualnosci__strzalka{color:var(--sezon-glowny)}
body[data-stan-wizualny] .cytat{
  background:var(--sezon-dymek);
  transition:background-color .7s ease;
}
body[data-stan-wizualny] .cytat blockquote{color:var(--sezon-ciemny)}
body[data-stan-wizualny] .cytat__serce{color:var(--sezon-glowny)}
body[data-stan-wizualny] .motto{
  background:var(--sezon-motto);
  transition:background-color .7s ease;
}
body[data-stan-wizualny] .stopka{
  background:var(--sezon-tlo-akcent);
  transition:background-color .7s ease;
}
body[data-stan-wizualny] .stopka__prawa{
  border-color:var(--sezon-obwodka);
}
body[data-stan-wizualny] .karta-skrotu--zielony{
  background:var(--sezon-tlo-akcent);
}
body[data-stan-wizualny="jesien"] .karta-skrotu--niebieski{
  background:#f1e7d8;
}
body[data-stan-wizualny="jesien"] .karta-skrotu--zielony{
  background:#e7ead8;
}
body[data-stan-wizualny="jesien"] .karta-skrotu--pomaranczowy{
  background:#f5dfc3;
}
body[data-stan-wizualny="jesien"] .karta-skrotu--rozowy{
  background:#f2dfd6;
}
/* ==========================================================================
   AKTUALNOŚCI — lista pozioma
   ========================================================================== */
.lista-aktualnosci{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.pozycja-aktualnosci{
  background:var(--kolor-tlo-karta);
  border:1px solid var(--kolor-obwodka);
  border-radius:var(--promien-duzy);
  overflow:hidden;
  transition:transform var(--czas-przejscia) ease, box-shadow var(--czas-przejscia) ease;
}
.pozycja-aktualnosci:hover{
  transform:translateY(-3px);
  box-shadow:var(--cien-hover);
}
.pozycja-aktualnosci>a{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  min-height:190px;
  text-decoration:none;
  color:inherit;
}
.pozycja-aktualnosci__miniatura{
  min-height:190px;
  overflow:hidden;
  background:var(--sezon-tlo-akcent,var(--kolor-tlo-akcent));
}
.pozycja-aktualnosci__miniatura img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  aspect-ratio:4/3;
  transition:transform 350ms ease;
}
.pozycja-aktualnosci:hover .pozycja-aktualnosci__miniatura img{
  transform:scale(1.035);
}
.pozycja-aktualnosci__miniatura--brak{
  background:var(--sezon-tlo-akcent,var(--kolor-tlo-akcent));
}
.pozycja-aktualnosci__tresc{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:24px 28px 22px;
}
.pozycja-aktualnosci__tresc time{
  color:var(--sezon-ciemny,var(--kolor-tekst-wygaszony));
  font-size:.8rem;
  font-weight:600;
}
.pozycja-aktualnosci__tresc h2{
  margin:7px 0 8px;
  font-size:clamp(1.2rem,2vw,1.55rem);
  line-height:1.3;
}
.pozycja-aktualnosci__tresc p{
  margin:0;
  color:var(--kolor-tekst-wygaszony);
  font-size:.96rem;
  line-height:1.65;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.pozycja-aktualnosci__czytaj{
  margin-top:auto;
  padding-top:14px;
  color:var(--sezon-glowny,var(--kolor-marka));
  font-size:.9rem;
  font-weight:700;
}
.pozycja-aktualnosci__czytaj span{
  display:inline-block;
  margin-left:5px;
  transition:transform var(--czas-przejscia) ease;
}
.pozycja-aktualnosci:hover .pozycja-aktualnosci__czytaj span{
  transform:translateX(4px);
}
@media(max-width:700px){
  .pozycja-aktualnosci>a{grid-template-columns:150px minmax(0,1fr);min-height:150px}
  .pozycja-aktualnosci__miniatura{min-height:150px}
  .pozycja-aktualnosci__tresc{padding:18px 20px}
}
@media(max-width:480px){
  .pozycja-aktualnosci>a{grid-template-columns:1fr}
  .pozycja-aktualnosci__miniatura,
  .pozycja-aktualnosci__miniatura img{height:190px;min-height:190px}
}


/* ==========================================================================   AKTUALNOŚĆ — zdjęcie pod tytułem   ========================================================================== */.aktualnosc__zdjecie{  margin:26px 0 30px;  border-radius:var(--promien-duzy);  overflow:hidden;  background:var(--sezon-tlo-akcent,var(--kolor-tlo-akcent));}.aktualnosc__zdjecie img{  display:block;  width:100%;  height:auto;  max-height:560px;  object-fit:cover;}

/* Zdjęcia aktualności — 1 szerokie, 2 lub 3 obok siebie. */
.aktualnosc__zdjecia{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:26px 0 30px;
}
.aktualnosc__zdjecie{
  margin:0;
  border-radius:var(--promien-duzy);
  overflow:hidden;
  background:var(--sezon-tlo-akcent,var(--kolor-tlo-akcent));
}
.aktualnosc__zdjecie img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  height:auto;
  object-fit:cover;
}
.aktualnosc__zdjecia:has(.aktualnosc__zdjecie:only-child){
  grid-template-columns:minmax(0,1fr);
}
@media(max-width:620px){
  .aktualnosc__zdjecia{grid-template-columns:1fr;}
}


/* Autor serwisu w stopce */
.stopka__autor{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-left:8px;
  white-space:nowrap;
}
.stopka__pi{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:var(--kolor-tekst);
  color:#fff!important;
  text-decoration:none;
  font-family:Georgia,'Times New Roman',serif;
  font-size:1rem;
  font-weight:700;
  line-height:1;
  transition:transform var(--czas-przejscia) ease, background-color var(--czas-przejscia) ease;
}
.stopka__pi:hover{
  color:#fff!important;
  background:var(--kolor-marka-ciemny);
  transform:translateY(-1px);
}
@media(max-width:520px){
  .stopka__autor{margin-left:0;margin-top:6px;}
}




/* MENU — aktywna pozycja korzysta z tego samego koloru sezonowego co przycisk „Rekrutacja”. */
body[data-stan-wizualny] .naglowek .nawigacja ul li a.aktywny,
body[data-stan-wizualny] .naglowek .nawigacja ul li a.aktywny:hover{
  background:var(--sezon-glowny)!important;
  color:#fff!important;
}


/* FINAL — żadnych pozostałości starej zieleni w menu: wszystkie stany korzystają z palety sezonowej. */
body[data-stan-wizualny] .naglowek .nawigacja ul li a:hover:not(.aktywny){
  background:var(--sezon-tlo-akcent)!important;
  color:var(--sezon-ciemny)!important;
  box-shadow:none!important;
}
body[data-stan-wizualny] .naglowek .nawigacja ul li a.aktywny,
body[data-stan-wizualny] .naglowek .nawigacja ul li a.aktywny:hover{
  background:var(--sezon-glowny)!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* FINAL — menu: także kliknięcie/focus nie może wracać do starej zieleni. */
body[data-stan-wizualny] .naglowek .nawigacja ul li a:active,
body[data-stan-wizualny] .naglowek .nawigacja ul li a:focus,
body[data-stan-wizualny] .naglowek .nawigacja ul li a:focus-visible{
  background:var(--sezon-tlo-akcent)!important;
  color:var(--sezon-ciemny)!important;
  box-shadow:none!important;
}
body[data-stan-wizualny] .naglowek .nawigacja ul li a.aktywny:active,
body[data-stan-wizualny] .naglowek .nawigacja ul li a.aktywny:focus,
body[data-stan-wizualny] .naglowek .nawigacja ul li a.aktywny:focus-visible{
  background:var(--sezon-glowny)!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* Kosmetyka: motto jako równe koło */
.aktualnosci-layout .motto{
  width:190px;
  height:190px;
  min-height:190px;
  box-sizing:border-box;
  margin-left:-18px;
  margin-top:0;
  padding:28px 18px 18px;
  border-radius:50%;
  transform:none;
}


/* Kosmetyka: mała roślinka przy motto — delikatny ruch i wzrost */
.aktualnosci-layout .motto{
  position:relative;
}
.motto__roslinka{
  position:absolute;
  right:20px;
  bottom:12px;
  width:34px;
  height:42px;
  color:var(--sezon-glowny,#58a86c);
  transform-origin:bottom center;
  animation:mottoRosnie .9s cubic-bezier(.22,.8,.3,1) both, mottoFaluje 4.5s ease-in-out 1s infinite;
}
.motto__roslinka svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.motto__roslinka-lodyga{
  transform-origin:24px 44px;
  animation:mottoLodyga .8s cubic-bezier(.2,.9,.3,1) .15s both;
}
.motto__roslinka-listek{
  transform-box:fill-box;
  transform-origin:center bottom;
  animation:mottoListek .65s cubic-bezier(.2,.9,.3,1) .35s both;
}
.motto__roslinka-listek--prawy{animation-delay:.5s;}
@keyframes mottoRosnie{
  from{transform:scaleY(.25);opacity:0;}
  to{transform:scaleY(1);opacity:1;}
}
@keyframes mottoLodyga{
  from{stroke-dasharray:40;stroke-dashoffset:40;}
  to{stroke-dasharray:40;stroke-dashoffset:0;}
}
@keyframes mottoListek{
  from{transform:scale(0);opacity:0;}
  to{transform:scale(1);opacity:1;}
}
@keyframes mottoFaluje{
  0%,100%{transform:rotate(0deg);}
  50%{transform:rotate(2deg);}
}
@media(prefers-reduced-motion:reduce){
  .motto__roslinka,
  .motto__roslinka-lodyga,
  .motto__roslinka-listek{animation:none!important;}
}


/* Cytat — spokojna, żywa karta z roślinką */
.aktualnosci-layout .cytat{
  position:relative;
  min-height:245px;
  box-sizing:border-box;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(180deg,#f0faf3 0%,#e7f5ec 100%);
  padding:74px 22px 20px;
  justify-content:flex-start;
}
.aktualnosci-layout .cytat__roslinka{
  position:absolute;
  top:9px;
  left:50%;
  width:52px;
  height:64px;
  transform:translateX(-50%);
  color:var(--sezon-glowny,#3e8652);
  transform-origin:bottom center;
  animation:cytatRoslinka .8s cubic-bezier(.2,.85,.3,1) both, cytatFaluje 5s ease-in-out 1s infinite;
}
.cytat__roslinka svg{display:block;width:100%;height:100%;overflow:visible}
.aktualnosci-layout .cytat blockquote{
  margin:0 0 10px;
  color:var(--sezon-ciemny,#3e8652);
  font-family:"Segoe Print","Comic Sans MS",cursive;
  font-size:1rem;
  font-weight:500;
  line-height:1.48;
}
.aktualnosci-layout .cytat cite{
  color:var(--sezon-ciemny,#3e8652);
  font-size:.88rem;
  font-weight:500;
}
.aktualnosci-layout .cytat__serce{
  margin-top:8px;
  color:var(--sezon-ciemny,#3e8652);
  font-size:2.15rem;
  line-height:1;
  font-weight:400;
}
@keyframes cytatRoslinka{
  from{opacity:0;transform:translateX(-50%) scale(.45);}
  to{opacity:1;transform:translateX(-50%) scale(1);}
}
@keyframes cytatFaluje{
  0%,100%{transform:translateX(-50%) rotate(0deg);}
  50%{transform:translateX(-50%) rotate(2deg);}
}
@media(prefers-reduced-motion:reduce){
  .aktualnosci-layout .cytat__roslinka{animation:none!important;}
}


/* Cytat Korczaka — zielony, spokojny akcent */
.aktualnosci-layout .cytat{
  background:linear-gradient(180deg,#f1faf3 0%,#e8f6ec 100%);
  border:1px solid rgba(62,134,82,.08);
}
.aktualnosci-layout .cytat__roslinka{
  color:#4fa65f;
}


/* Kosmetyka skrótów — delikatne wyróżnienie po najechaniu */
.karta-skrotu{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}
.karta-skrotu:hover{
  transform:translateY(-3px);
  border-color:rgba(70,110,80,.18);
  box-shadow:0 12px 28px rgba(44,69,53,.11), 0 0 0 2px rgba(120,180,130,.12);
  filter:brightness(1.025);
}
.karta-skrotu:hover .karta-skrotu__ikona{
  box-shadow:0 0 0 3px rgba(120,180,130,.10);
}
.karta-skrotu:hover .karta-skrotu__strzalka{
  transform:translateX(2px);
}
.karta-skrotu__strzalka{
  transition:transform .22s ease, box-shadow .22s ease;
}
@media(prefers-reduced-motion:reduce){
  .karta-skrotu,.karta-skrotu__strzalka{transition:none!important;}
}


/* Jesień — bardzo delikatne opadające liście w tle hero */
.jesienne-liscie{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .7s ease}
body[data-stan-wizualny="jesien"] .jesienne-liscie{opacity:1}
.jesienny-lisc{position:absolute;top:-54px;left:var(--lisc-x);width:42px;height:52px;opacity:var(--lisc-opacity);transform:rotate(var(--lisc-rot));animation:jesiennySpadek var(--lisc-czas) linear var(--lisc-opoznienie) infinite;background-image:var(--lisc-obraz);background-repeat:no-repeat;background-size:contain;background-position:center;filter:drop-shadow(0 1px 2px rgba(80,40,10,.1))}
@keyframes jesiennySpadek{0%{transform:translate3d(0,-30px,0) rotate(var(--lisc-rot))}50%{transform:translate3d(var(--lisc-wiatr),46vh,0) rotate(calc(var(--lisc-rot) + 120deg))}100%{transform:translate3d(calc(var(--lisc-wiatr) * -0.55),110vh,0) rotate(calc(var(--lisc-rot) + 260deg))}}
@media(prefers-reduced-motion:reduce){.jesienne-liscie{display:none!important}}

/* Zima — delikatnie opadające płatki śniegu w tle hero */
.zimowe-platki{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .7s ease}
body[data-stan-wizualny="zima"] .zimowe-platki{opacity:1}
.zimowy-platek{position:absolute;top:-48px;left:var(--platek-x);font-family:Arial,sans-serif;font-size:var(--platek-rozmiar);line-height:1;color:rgba(255,255,255,var(--platek-opacity));text-shadow:0 1px 3px rgba(60,100,130,.14);animation:zimowyOpad var(--platek-czas) linear var(--platek-opoznienie) infinite;transform:rotate(var(--platek-rot));will-change:transform}
@keyframes zimowyOpad{0%{transform:translate3d(0,-30px,0) rotate(var(--platek-rot))}50%{transform:translate3d(var(--platek-wiatr),46vh,0) rotate(calc(var(--platek-rot) + 120deg))}100%{transform:translate3d(calc(var(--platek-wiatr) * -0.55),110vh,0) rotate(calc(var(--platek-rot) + 260deg))}}
@media(prefers-reduced-motion:reduce){.zimowe-platki{display:none!important}}

/* Deszcz — delikatne losowe krople w tle hero */
.deszczowa-warstwa{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .7s ease}
body[data-stan-wizualny="deszcz"] .deszczowa-warstwa{opacity:1}
.kropla-deszczu{position:absolute;top:-34px;left:var(--deszcz-x);width:2px;height:var(--deszcz-dlugosc);opacity:var(--deszcz-opacity);background:linear-gradient(180deg,rgba(65,95,110,.15),rgba(65,95,110,.95));border-radius:999px;transform:rotate(var(--deszcz-kat));transform-origin:top center;animation:deszczOpad var(--deszcz-czas) linear var(--deszcz-opoznienie) infinite;will-change:transform}
@keyframes deszczOpad{0%{transform:translate3d(0,-40px,0) rotate(var(--deszcz-kat))}100%{transform:translate3d(var(--deszcz-przesuniecie),110vh,0) rotate(var(--deszcz-kat))}}
@media(prefers-reduced-motion:reduce){.deszczowa-warstwa{display:none!important}}

/* Boże Narodzenie — para nad kubkiem i delikatne światła w domkach */
.swiateczne-efekty{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .7s ease}
body[data-stan-wizualny="boze-narodzenie"] .swiateczne-efekty{opacity:1}
.swiateczna-para{position:absolute;left:69%;top:58%;width:72px;height:92px;filter:blur(.6px)}
.swiateczna-para__smuga{position:absolute;bottom:0;left:50%;width:16px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-bottom-color:transparent;border-left-color:transparent;transform:translateX(-50%) rotate(24deg);animation:swiatecznaPara 3.8s ease-in-out var(--para-opoznienie) infinite}
.swiateczna-para__smuga:nth-child(2){left:35%;height:42px;opacity:.72;transform:translateX(-50%) rotate(-18deg) scale(.8)}
.swiateczna-para__smuga:nth-child(3){left:64%;height:48px;opacity:.58;transform:translateX(-50%) rotate(38deg) scale(.72)}
@keyframes swiatecznaPara{0%{opacity:0;transform:translate(-50%,12px) rotate(24deg) scale(.72)}25%{opacity:.65}100%{opacity:0;transform:translate(calc(-50% + 9px),-48px) rotate(42deg) scale(1.18)}}
.swiateczne-swiatelka{position:absolute;left:52%;top:43%;width:260px;height:110px}
.swiateczne-swiatelko{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffd98a;box-shadow:0 0 7px 2px rgba(255,214,130,.55);animation:swiateczneMiganie var(--swiatlo-czas) ease-in-out var(--swiatlo-opoznienie) infinite}
.swiateczne-swiatelko:nth-child(1){left:18%;top:20%}.swiateczne-swiatelko:nth-child(2){left:31%;top:42%}.swiateczne-swiatelko:nth-child(3){left:45%;top:15%}.swiateczne-swiatelko:nth-child(4){left:58%;top:35%}.swiateczne-swiatelko:nth-child(5){left:68%;top:58%}.swiateczne-swiatelko:nth-child(6){left:79%;top:28%}.swiateczne-swiatelko:nth-child(7){left:39%;top:72%}.swiateczne-swiatelko:nth-child(8){left:88%;top:68%}
@keyframes swiateczneMiganie{0%,100%{opacity:.48;transform:scale(.78)}45%{opacity:1;transform:scale(1.18)}60%{opacity:.62;transform:scale(.92)}}
@media(prefers-reduced-motion:reduce){.swiateczne-efekty{display:none!important}}

/* Przycisk DEMO — uruchamia pełny pokaz sezonowy */
.naglowek__narzedzia .narzedzie--demo{width:auto;min-width:48px;padding:0 11px;border:1px solid var(--sezon-obwodka,#dbe8df);border-radius:999px;background:var(--sezon-tlo-akcent,#eef8ef);color:var(--sezon-ciemny,#347b4d);font:800 .72rem/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.naglowek__narzedzia .narzedzie--demo:hover,.naglowek__narzedzia .narzedzie--demo:focus-visible{transform:translateY(-1px);background:var(--sezon-glowny,#4da66a);color:#fff;box-shadow:0 5px 14px rgba(52,123,77,.16);outline:none}
body[data-stan-wizualny="boze-narodzenie"] .naglowek__narzedzia .narzedzie--demo{background:var(--sezon-dymek);border-color:var(--sezon-obwodka);color:var(--sezon-ciemny)}

/* FINAL HERO — jedna warstwa obrazu, bez skakania i skalowania przy zmianie sezonu */
.hero__obraz-tla--bg{
  transition:none!important;
  transform:none!important;
}
.hero__scena{
  display:none!important;
}

/* FINAL — warstwy sezonowe nad ilustracją hero */
.hero .jesienne-liscie,
.hero .zimowe-platki{
  z-index:2!important;
}


/* FINAL FONT — wymuś Poppins również na głównych elementach */
html,body,button,input,textarea,select,.hero,.hero h1,.hero__nadtytul,.hero__lead,.przycisk,.naglowek,.logo,.skroty,.cytat,.aktualnosc{
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
}


/* RESPONSIVE FINAL — telefon nie próbuje być pomniejszoną wersją desktopu. */
@media (max-width: 900px){
  .naglowek{
    left:14px!important;
    right:14px!important;
    width:calc(100% - 28px)!important;
    max-width:none!important;
    top:14px!important;
    border-radius:28px!important;
  }
  .naglowek__wewnetrzny{
    min-height:72px!important;
    height:72px!important;
    padding:10px 14px!important;
    gap:10px!important;
  }
  .logo{
    width:auto!important;
    min-width:0!important;
    max-width:calc(100% - 60px)!important;
    margin-right:auto!important;
    gap:9px!important;
  }
  .logo__obraz{
    width:44px!important;
    max-width:44px!important;
    height:48px!important;
    max-height:48px!important;
    flex:0 0 44px!important;
  }
  .logo__tekst{
    min-width:0!important;
    overflow:hidden!important;
  }
  .logo__tekst strong{
    font-size:.58rem!important;
    line-height:1.12!important;
    white-space:nowrap!important;
  }
  .menu-przelacznik{
    display:block!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    margin-left:auto!important;
    color:var(--sezon-ciemny)!important;
  }
  .naglowek .nawigacja{
    display:none!important;
  }
  .naglowek .naglowek__narzedzia{
    display:flex!important;
    flex:0 0 40px!important;
    width:40px!important;
    margin:0!important;
    gap:0!important;
  }
  .naglowek__narzedzia > .narzedzie:not(.narzedzie--dostepnosc),
  .naglowek__narzedzia > .narzedzie__separator{
    display:none!important;
  }
  .naglowek__narzedzia .narzedzie--dostepnosc{
    display:inline-flex!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }
  .naglowek__narzedzia .narzedzie--dostepnosc img{
    width:32px!important;
    height:32px!important;
  }

  .hero{
    min-height:0!important;
    height:auto!important;
    padding:0 0 30px!important;
    overflow:hidden!important;
  }
  .hero__obraz-tla--bg{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:330px!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:62% center!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.72) 88%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.72) 88%,transparent 100%)!important;
  }
  .hero__siatka{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding:0 20px!important;
    margin-top:-26px!important;
    position:relative!important;
    z-index:3!important;
  }
  .hero__tresc{
    max-width:none!important;
    width:100%!important;
    padding:20px 0 10px!important;
    text-align:left!important;
  }
  .hero__nadtytul{
    font-size:.72rem!important;
    letter-spacing:.12em!important;
    margin-bottom:9px!important;
  }
  .hero h1{
    max-width:none!important;
    font-size:clamp(2rem,8.8vw,3rem)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
    margin-bottom:16px!important;
  }
  .hero__lead{
    max-width:40ch!important;
    font-size:1rem!important;
    line-height:1.5!important;
  }
  .hero__cta{
    justify-content:flex-start!important;
  }
}

@media (max-width: 620px){
  .naglowek{
    border-radius:24px!important;
  }
  .naglowek__wewnetrzny{
    min-height:66px!important;
    height:66px!important;
    padding:8px 12px!important;
  }
  .logo__obraz{
    width:40px!important;
    max-width:40px!important;
    height:44px!important;
    max-height:44px!important;
    flex-basis:40px!important;
  }
  .logo__tekst strong{
    font-size:.52rem!important;
  }
  .menu-przelacznik{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .naglowek__narzedzia,
  .naglowek__narzedzia .narzedzie--dostepnosc{
    width:36px!important;
    min-width:36px!important;
  }
  .naglowek__narzedzia .narzedzie--dostepnosc{
    height:36px!important;
  }
  .naglowek__narzedzia .narzedzie--dostepnosc img{
    width:29px!important;
    height:29px!important;
  }
  .hero__obraz-tla--bg{
    height:285px!important;
    object-position:64% center!important;
  }
  .hero__siatka{
    padding:0 18px!important;
    margin-top:-18px!important;
  }
  .hero__tresc{
    padding-top:18px!important;
  }
  .hero h1{
    font-size:clamp(1.9rem,9.5vw,2.45rem)!important;
  }
  .hero__lead{
    font-size:.98rem!important;
  }
  .skroty{
    margin-top:0!important;
    padding-top:16px!important;
  }
}


/* MOBILE HERO — zachowuje kompozycję desktopu: obraz jest tłem, tekst wchodzi w ilustrację. */
@media (max-width:620px){
  .hero{
    position:relative!important;
    min-height:650px!important;
    height:650px!important;
    padding:0!important;
    background:var(--sezon-tlo,#fffdf8)!important;
  }
  .hero__obraz-tla--bg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:520px!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:64% top!important;
    z-index:1!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.82) 80%,rgba(0,0,0,.35) 91%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.82) 80%,rgba(0,0,0,.35) 91%,transparent 100%)!important;
  }
  .hero__siatka{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 18px!important;
  }
  .hero__tresc{
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:28px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }
  .hero__nadtytul{
    margin-bottom:8px!important;
  }
  .hero h1{
    font-size:clamp(2rem,9.5vw,2.5rem)!important;
    line-height:1.04!important;
    margin-bottom:14px!important;
    text-shadow:0 1px 12px rgba(255,255,255,.55)!important;
  }
  .hero__lead{
    max-width:38ch!important;
    font-size:.98rem!important;
    line-height:1.42!important;
    color:#111!important;
    text-shadow:0 1px 10px rgba(255,255,255,.75)!important;
  }
  .skroty{
    position:relative!important;
    z-index:4!important;
    margin-top:0!important;
    padding-top:18px!important;
  }
}


/* MOBILE MENU — subtelniejszy hamburger */
@media (max-width:620px){
  .menu-przelacznik{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    padding:9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.72)!important;
  }
  .menu-przelacznik__ikona,
  .menu-przelacznik__ikona::before,
  .menu-przelacznik__ikona::after{
    width:21px!important;
    height:2px!important;
    border-radius:999px!important;
    background:var(--sezon-ciemny)!important;
  }
  .menu-przelacznik__ikona::before{top:-6px!important}
  .menu-przelacznik__ikona::after{top:6px!important}
}


/* DESKTOP — menu ma własną przestrzeń, nie nachodzi na logo ani narzędzia. */
@media (min-width:1201px){
  .naglowek__wewnetrzny{
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
  }
  .naglowek .nawigacja{
    position:static!important;
    transform:none!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  .naglowek .nawigacja ul{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
  }
  .naglowek .nawigacja ul li{
    flex:0 1 auto!important;
    width:auto!important;
    min-width:0!important;
  }
  .naglowek .nawigacja ul li a{
    width:auto!important;
    min-width:0!important;
    padding:11px 10px!important;
    white-space:nowrap!important;
  }
}

/* HERO — zamiast białej poświaty radialnej: spokojne przejście tła w zdjęcie od lewej. */
@media (min-width:901px){
  .hero::before{
    background:linear-gradient(
      to right,
      var(--sezon-tlo,#fffdf8) 0%,
      var(--sezon-tlo,#fffdf8) 18%,
      rgba(255,255,255,.82) 34%,
      rgba(255,255,255,.42) 49%,
      rgba(255,255,255,0) 68%
    )!important;
  }
}


/* MOBILE MENU — przywrócenie widoczności po kliknięciu hamburgera. */
@media (max-width:900px){
  .naglowek .nawigacja.otwarte{
    display:block!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    margin:10px 0 0!important;
    transform:none!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(35,70,52,.10)!important;
    border-radius:20px!important;
    box-shadow:0 12px 30px rgba(35,60,45,.14)!important;
    z-index:120!important;
    overflow:hidden!important;
  }
  .naglowek .nawigacja.otwarte ul{
    display:flex!important;
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    padding:10px!important;
  }
  .naglowek .nawigacja.otwarte ul li{
    display:block!important;
    width:100%!important;
  }
  .naglowek .nawigacja.otwarte ul li a{
    display:flex!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    justify-content:flex-start!important;
    padding:0 16px!important;
    border-radius:12px!important;
    font-size:.94rem!important;
    line-height:1!important;
  }
}


/* MOBILE HERO — tekst ponownie POD ilustracją, bez nachodzenia na dzieci. */
@media (max-width:620px){
  .hero{
    position:relative!important;
    min-height:0!important;
    height:auto!important;
    padding:0 0 30px!important;
    background:var(--sezon-tlo,#fffdf8)!important;
    overflow:hidden!important;
  }
  .hero__obraz-tla--bg{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:430px!important;
    object-fit:cover!important;
    object-position:64% top!important;
    z-index:1!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.82) 84%,rgba(0,0,0,.35) 94%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.82) 84%,rgba(0,0,0,.35) 94%,transparent 100%)!important;
  }
  .hero__siatka{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0 18px!important;
  }
  .hero__tresc{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:-8px 0 0!important;
    padding:18px 0 0!important;
    text-align:left!important;
  }
  .hero h1{
    font-size:clamp(1.9rem,9.5vw,2.45rem)!important;
    line-height:1.04!important;
    margin-bottom:14px!important;
    text-shadow:none!important;
  }
  .hero__lead{
    max-width:38ch!important;
    font-size:.98rem!important;
    line-height:1.42!important;
    color:#111!important;
    text-shadow:none!important;
  }
}


/* MOBILE HERO — bez blendy pod tekstem */
@media (max-width:620px){
  .hero__obraz-tla--bg{
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}


/* HERO — bez blendy pod tekstem również na PC */
@media (min-width:621px){
  .hero::before{
    display:none!important;
    background:none!important;
  }
}


/* BLENDA HERO — WYŁĄCZONA */
.hero::before{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}




/* TEST — mocniejszy opis hero na PC, bez ruszania mobile */
@media (min-width:621px){
  .hero__lead{
    font-weight:700!important;
    text-shadow:0 0 2px rgba(255,255,255,.95),0 0 6px rgba(255,255,255,.9)!important;
  }
}

/* RC2 — MENU DESKTOP. Mobile pozostaje bez zmian. */
@media (min-width:901px){
  .naglowek .nawigacja ul{display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;flex-wrap:nowrap!important}
  .naglowek .nawigacja ul li{flex:0 0 auto!important;margin:0!important;padding:0!important}
  .naglowek .nawigacja ul li a{width:auto!important;min-width:0!important;height:42px!important;min-height:42px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:11px 13px!important;margin:0!important;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;font-size:.91rem!important;line-height:1!important;font-weight:500!important;letter-spacing:0!important;white-space:nowrap!important;text-align:center!important;border-radius:999px!important}
  .naglowek .nawigacja ul li a.aktywny{font-weight:600!important}
  .naglowek .nawigacja{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:884px!important;max-width:none!important;margin:0!important;flex:0 0 884px!important}
  .naglowek .nawigacja ul{width:884px!important;display:grid!important;grid-template-columns:134px 144px 98px 140px 144px 120px 92px!important;gap:2px!important;justify-content:center!important;align-items:center!important}
  .naglowek .nawigacja ul li{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .naglowek .nawigacja ul li a,.naglowek .nawigacja ul li a:hover,.naglowek .nawigacja ul li a.aktywny,.naglowek .nawigacja ul li a.aktywny:hover{width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;box-sizing:border-box!important;margin:0!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;font-size:.91rem!important;font-weight:500!important;line-height:1!important;letter-spacing:0!important;font-synthesis:none!important}
  .naglowek .nawigacja ul li a:hover:not(.aktywny){background:var(--sezon-tlo-akcent)!important;color:var(--sezon-ciemny)!important;box-shadow:none!important}
  .naglowek .nawigacja ul li a.aktywny,.naglowek .nawigacja ul li a.aktywny:hover,.naglowek .nawigacja ul li a.aktywny:active,.naglowek .nawigacja ul li a.aktywny:focus,.naglowek .nawigacja ul li a.aktywny:focus-visible{background:var(--sezon-glowny)!important;color:#fff!important}
}

/* HERO — blend bezpośrednio na tekście: jasny stroke + miękkie halo. */
@media (min-width:621px){
  .hero__nadtytul,
  .hero h1,
  .hero__lead{
    -webkit-text-stroke:1.8px rgba(255,255,255,.88);
    paint-order:stroke fill;
    text-shadow:
      0 0 3px rgba(255,255,255,1),
      0 0 8px rgba(255,255,255,.95),
      0 0 16px rgba(255,255,255,.72),
      0 0 30px rgba(255,255,255,.42);
  }
}

/* MOBILE — bez zmian. */
/* MOBILE — blend pozostaje dokładnie w dotychczasowej wersji. */
@media(max-width:900px){
  .hero__tresc::before{left:-70px;right:-70px;top:-45px;bottom:-45px;background:radial-gradient(ellipse 66% 58% at 40% 45%,rgba(255,255,255,.74) 0%,rgba(255,255,255,.52) 32%,rgba(255,255,255,.24) 55%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 84%);filter:blur(7px)}
}
@media(max-width:620px){
  .hero__tresc::before{left:-42px;right:-42px;top:-32px;bottom:-32px;background:radial-gradient(ellipse 72% 58% at 38% 43%,rgba(255,255,255,.68) 0%,rgba(255,255,255,.44) 34%,rgba(255,255,255,.18) 58%,rgba(255,255,255,.05) 72%,rgba(255,255,255,0) 86%);filter:blur(6px)}
}

/* HERO DESKTOP — tekst skaluje się proporcjonalnie do szerokości, 2560 px = 100%. */
@media (min-width:901px){
  .hero__tresc{
    zoom:clamp(.5, 100vw / 2560, 1)!important;
  }
}

/* DESKTOP HEADER — cały pasek jest jednym skalowanym elementem. 2560 px = 100%. */
@media (min-width:901px){
  .naglowek{
    left:50%!important;
    right:auto!important;
    width:2424px!important;
    transform:translateX(-50%) scale(min(1, calc(100vw / 2560px)))!important;
    transform-origin:top center!important;
  }
}

/* Historia logo — sekcja w „O przedszkolu”. */
.historia-logo {
  margin-top: 52px;
  padding-top: 34px;
  border-top: 1px solid var(--kolor-obwodka);
}
.historia-logo h2 { margin: 0 0 22px; }
.historia-logo p { margin: 0 0 18px; }
.tresc-informacyjna > .historia-logo__elementy {
  grid-template-columns: repeat(3, 1fr);
}

.historia-logo__elementy {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 28px 0 30px;
}
.historia-logo__elementy article {
  padding: 20px;
  background: var(--kolor-tlo-akcent);
  border: 1px solid var(--kolor-obwodka);
  border-radius: var(--promien);
}
.historia-logo__elementy h3 { margin: 0 0 8px; }
.historia-logo__elementy p {
  margin: 0;
  color: var(--kolor-tekst-wygaszony);
  font-size: .95rem;
}
.historia-logo__autor {
  margin-top: 26px !important;
  color: var(--kolor-tekst-wygaszony);
  font-style: italic;
}
@media (max-width: 900px) {
  .historia-logo__elementy { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
  .historia-logo { margin-top: 36px; padding-top: 28px; }
  .historia-logo__elementy { grid-template-columns: 1fr; }
}

.historia-logo__herb {
  display: flex;
  justify-content: center;
  margin: 4px 0 28px;
}
.historia-logo__herb img {
  display: block;
  width: auto;
  height: 88px;
  max-width: 100%;
}
@media (max-width: 620px) {
  .historia-logo__herb img { height: 76px; }
}


/* Zapamiętaj — motto w stylu cytatu Korczaka. */
.zapamietaj {
  position: relative;
  margin: 46px auto 18px;
  padding: 38px 54px 42px;
  max-width: 860px;
  text-align: center;
  background: #fff8eb;
  border: 1.5px solid #e6cf9f;
  border-radius: 34px 42px 38px 46px;
  box-shadow: 0 8px 24px rgba(85,73,45,.07);
}

.zapamietaj::before {
  content: "🌱";
  display: block;
  margin: -10px auto 6px;
  font-family: system-ui, sans-serif;
  font-size: 2rem;
  line-height: 1;
}

.zapamietaj::after {
  content: "♡";
  display: block;
  margin: 18px auto -8px;
  color: #c8792f;
  font-family: Arial, sans-serif;
  font-size: 2.2rem;
  line-height: 1;
}

.zapamietaj h2 {
  margin: 0 0 18px;
  text-align: center;
  font-family: "Comic Sans MS", "Segoe Print", cursive;
  font-size: clamp(1.6rem, 2.8vw, 2rem);
  font-weight: 700;
  color: var(--kolor-tekst);
}

.zapamietaj p {
  margin: 0;
  text-align: center;
  font-family: "Comic Sans MS", "Segoe Print", cursive;
  font-style: normal;
  font-size: clamp(1rem, 1.6vw, 1.18rem);
  line-height: 1.8;
  color: #8b542f;
}

@media (max-width: 620px) {
  .zapamietaj {
    margin-top: 34px;
    padding: 28px 20px 34px;
    border-radius: 26px 32px 28px 34px;
  }

  .zapamietaj::before {
    font-size: 1.7rem;
  }

  .zapamietaj::after {
    font-size: 1.9rem;
  }

  .zapamietaj p {
    line-height: 1.65;
  }
}