{"id":2419,"date":"2025-09-21T13:13:48","date_gmt":"2025-09-21T11:13:48","guid":{"rendered":"https:\/\/hilaris-blonie.pl\/?page_id=2419"},"modified":"2026-10-08T18:57:32","modified_gmt":"2026-10-08T16:57:32","slug":"c","status":"publish","type":"page","link":"https:\/\/hilaris-blonie.pl\/?page_id=2419","title":{"rendered":"Nasz zesp\u00f3\u0142"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2419\" class=\"elementor elementor-2419\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19a4c71 e-flex e-con-boxed e-con e-parent\" data-id=\"19a4c71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4a9ac9 elementor-widget elementor-widget-html\" data-id=\"c4a9ac9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n     HILARIS \u2014 PRZEDSZKOLE \u2192 NASZ ZESP\u00d3\u0141 (page_id=2419)  [wersja responsywna]\r\n     WYMAGA rdzenia (hilaris-CORE.html).\r\n     ---------------------------------------------------------------------------\r\n     CO TO JEST\r\n     Odpowiednik strony \u201eNasz zesp\u00f3\u0142\" ze Szko\u0142y Podstawowej, przygotowany dla\r\n     przedszkola. Ten sam uk\u0142ad, te same zachowania i ta sama typografia, wi\u0119c\r\n     obie podstrony wygl\u0105daj\u0105 jak jedna rodzina. R\u00f3\u017cnice wynikaj\u0105 wy\u0142\u0105cznie\r\n     ze specyfiki przedszkola:\r\n       \u2022 zamiast paska \u201eWychowawcy klas\" jest pasek \u201eNasze grupy\", u\u0142o\u017cony\r\n         od najm\u0142odszych: Pszcz\u00f3\u0142ki (2,5\u20133 lata) \u00b7 Chmurki (4 lata) \u00b7\r\n         Biedronki (5 lat) \u00b7 Robaczki (6 lat, zer\u00f3wka). Wiek wpisuje si\u0119\r\n         w JEDNYM miejscu \u2014 na li\u015bcie GRUPY \u2014 a strona sama dokleja go\r\n         do plakietek na pasku i do opis\u00f3w na kartach os\u00f3b,\r\n       \u2022 na kafelku grupy pokazujemy WSZYSTKIE osoby pracuj\u0105ce z t\u0105 grup\u0105,\r\n         a nie tylko wychowawczynie: najpierw wychowawczynie (w kolejno\u015bci\r\n         z listy KADRA), potem pozosta\u0142e panie z grupy,\r\n       \u2022 dyrektor przedszkola ma w\u0142asn\u0105, szerok\u0105, wyr\u00f3\u017cnion\u0105 kart\u0119 tu\u017c pod\r\n         zdj\u0119ciem ca\u0142ej kadry, bez nag\u0142\u00f3wka sekcji (na komputerze zdj\u0119cie\r\n         po lewej, opis po prawej). Manager przedszkola stoi w mniejszej,\r\n         wy\u015brodkowanej karcie NAD nag\u0142\u00f3wkiem \u201eKadra pedagogiczna\",\r\n       \u2022 plakietka na karcie m\u00f3wi \u201ewychowawczyni gr. Biedronki\",\r\n       \u2022 filtry na komputerze s\u0105 dobrane pod przedszkole (grupy, j\u0119zyki,\r\n         wsparcie dziecka).\r\n     ---------------------------------------------------------------------------\r\n     \u25b8 CA\u0141A TRE\u015a\u0106 DO EDYCJI (DYREKTOR, tablice ZARZAD (manager), KADRA,\r\n       SEKRETARIAT oraz lista GRUPY) znajduje si\u0119 na dole pliku, w wyra\u017anie oznaczonym\r\n       miejscu.\r\n       Pole gr: nazwa grupy \u00b7 pole w: true = osoba jest wychowawc\u0105 tej grupy\r\n       (wtedy karta dostaje z\u0142ot\u0105 plakietk\u0119, a na pasku grup osoba staje\r\n       PRZED pozosta\u0142ymi paniami z tej grupy).\r\n     ---------------------------------------------------------------------------\r\n     JAK DZIA\u0141A STRONA\r\n       \u2022 Dotkni\u0119cie grupy przewija do karty pierwszej osoby z tej grupy\r\n         i pod\u015bwietla karty wszystkich pa\u0144 z grupy. Odst\u0119p od g\u00f3ry liczony\r\n         jest z RZECZYWISTEJ wysoko\u015bci przyklejonego nag\u0142\u00f3wka, wi\u0119c twarz nie\r\n         chowa si\u0119 pod paskiem menu ani na telefonie, ani na komputerze\r\n         (funkcja wysokoscPrzyklejonych).\r\n       \u2022 Kafelek grupy pokazuje dwa lub trzy zdj\u0119cia \u2014 zdj\u0119cia same si\u0119\r\n         zmniejszaj\u0105, \u017ceby nazwy grup sta\u0142y w jednej linii.\r\n       \u2022 Dotkni\u0119cie zdj\u0119cia otwiera je na pe\u0142nym ekranie; strza\u0142ki i klawisze\r\n         \u2190 \u2192 przechodz\u0105 do kolejnej osoby (na komputerze).\r\n       \u2022 Od 900 px nad kadr\u0105 pojawia si\u0119 wyszukiwarka i filtry tematyczne.\r\n         Na telefonie s\u0105 ukryte \u2014 widok telefonu zostaje prosty.\r\n       \u2022 Osoba bez zdj\u0119cia dostaje szar\u0105 sylwetk\u0119 zast\u0119pcz\u0105 (BRAK_ZDJECIA);\r\n         adres w\u0142a\u015bciwego zdj\u0119cia wystarczy wklei\u0107 w polu f:.\r\n     ---------------------------------------------------------------------------\r\n     KOLOR AKCENTU\r\n     Ca\u0142a strona u\u017cywa jednej zmiennej --pz-akcent (domy\u015blnie z\u0142oto Hilaris).\r\n     Gdyby przedszkole mia\u0142o dosta\u0107 cieplejszy albo weselszy akcent, wystarczy\r\n     zmieni\u0107 JEDN\u0104 linijk\u0119 na pocz\u0105tku bloku styl\u00f3w \u2014 zmieni\u0105 si\u0119 plakietki,\r\n     ramki kart, obw\u00f3dki i pod\u015bwietlenia.\r\n     ========================================================================== -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\"\r\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap\">\r\n\r\n<style>\r\n\/* \u2500\u2500 JEDEN KOLOR AKCENTU DLA CA\u0141EJ STRONY \u2500\u2500\r\n   Chcesz inny? Zmie\u0144 warto\u015b\u0107 poni\u017cej, np. na #E08A3C (cieplejszy pomara\u0144cz)\r\n   albo #6FA8B8 (spokojny b\u0142\u0119kit). Reszta strony dostosuje si\u0119 sama. *\/\r\n.hx-pzs{--pz-akcent:var(--gold);--pz-akcent-rgb:217,164,23;}\r\n\r\n\/* nag\u0142\u00f3wki, nazwiska i nazwy grup *\/\r\n.hx-pzs h1,.hx-pzs h2,.hx-pzs h3,\r\n.hx-pzs .hx-h,.hx-pzs .pz-n,.hx-pzs .pz-w b{\r\n  font-family:'Source Serif 4',Georgia,'Times New Roman',serif !important;\r\n  font-weight:700;letter-spacing:-.005em;}\r\n\r\n\/* \u2500\u2500 GRANATOWY PASEK \u201eNasz zesp\u00f3\u0142\" \u2500\u2500 *\/\r\n.hx-pzs .hx-hero{min-height:0!important;\r\n  padding:16px clamp(16px,2.4vw,28px) 18px!important;\r\n  display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;\r\n  text-align:left!important;}\r\n.hx-pzs .hx-hero__c{margin:0!important;max-width:none!important;width:100%;}\r\n.hx-pzs .hx-hero h1{margin:.06em 0 0!important;line-height:1.05!important;}\r\n.hx-pzs .hx-hero .hx-kicker{margin:0 0 2px!important;}\r\n.hx-pzs .hx-hero__c > p:last-child{margin:6px 0 0!important;}\r\n@media (min-width:1000px){\r\n  .hx-pzs .hx-hero__c > p:last-child{white-space:nowrap;}\r\n}\r\n\r\n\/* \u2500\u2500 ODST\u0118PY WOK\u00d3\u0141 NAG\u0141\u00d3WK\u00d3W SEKCJI \u2500\u2500\r\n   Jedna warto\u015b\u0107 steruje wszystkimi: --pz-oddech. *\/\r\n.hx-pzs{--pz-oddech:38px;}\r\n.hx-pzs .hx-sec{padding-top:var(--pz-oddech)!important;\r\n                padding-bottom:var(--pz-oddech)!important;}\r\n.hx-pzs .hx-h{margin:0 0 var(--pz-oddech)!important;text-align:center;}\r\n.hx-pzs .hx-sub{text-align:center;max-width:60ch;\r\n  margin:calc(var(--pz-oddech) * -0.62) auto var(--pz-oddech)!important;}\r\n@media (min-width:900px){ .hx-pzs{--pz-oddech:46px;} }\r\n\r\n\/* \u2550\u2550 PASEK GRUP \u2550\u2550\r\n   Odpowiednik paska klas ze szko\u0142y. Nazwy grup s\u0105 d\u0142u\u017csze ni\u017c \u201eI\" czy \u201eVIII\",\r\n   wi\u0119c kafelek jest szerszy: na telefonie dwa w rz\u0119dzie, na komputerze cztery. *\/\r\n.hx-pzs .pz-grupy{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;}\r\n.hx-pzs .pz-w{background:var(--paper);border:1px solid var(--line);border-radius:14px;\r\n  padding:11px 7px 13px;text-align:center;\r\n  transition:border-color .3s ease,transform .18s ease;}\r\n.hx-pzs .pz-w:active{transform:scale(.96);}\r\n.hx-pzs .pz-w:hover{border-color:var(--pz-akcent);}\r\n\r\n\/* \u2500\u2500 R\u00d3WNANIE KAFELK\u00d3W GRUP \u2500\u2500\r\n   Kafelek z DWOMA albo TRZEMA paniami ma mniejsze zdj\u0119cia ni\u017c kafelek z jedn\u0105\r\n   osob\u0105. Gdyby pas na zdj\u0119cia dopasowywa\u0142 si\u0119 do ich wysoko\u015bci, nazwa grupy\r\n   w jednym kafelku sta\u0142aby wy\u017cej, a w drugim ni\u017cej \u2014 i to w\u0142a\u015bnie razi\u0142o.\r\n   Dlatego pas ma STA\u0141\u0104 wysoko\u015b\u0107, r\u00f3wn\u0105 najwi\u0119kszemu zdj\u0119ciu, a zdj\u0119cia s\u0105\r\n   w nim wy\u015brodkowane w pionie. Dzi\u0119ki temu nazwy grup, plakietki z wiekiem\r\n   i nazwiska stoj\u0105 w jednej linii we wszystkich czterech kafelkach.\r\n   Zmieniasz rozmiar zdj\u0119\u0107? Zmie\u0144 t\u0119 sam\u0105 liczb\u0119 w height poni\u017cej. *\/\r\n.hx-pzs .pz-w__f{display:flex;justify-content:center;align-items:center;\r\n  gap:5px;margin:0 0 8px;height:44px;}\r\n.hx-pzs .pz-w img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center 18%;\r\n  margin:0;display:block;border:2px solid var(--paper);box-shadow:0 0 0 1.5px var(--line);}\r\n.hx-pzs .pz-w--duo img{width:36px;height:36px;}\r\n.hx-pzs .pz-w--trio{padding-left:4px;padding-right:4px;}\r\n.hx-pzs .pz-w--trio .pz-w__f{gap:4px;}\r\n.hx-pzs .pz-w--trio img{width:31px;height:31px;}\r\n.hx-pzs .pz-w b{display:block;font-size:.98rem;line-height:1.1;color:var(--navy);}\r\n\/* wiek dzieci w grupie \u2014 ma\u0142a plakietka pod nazw\u0105 grupy *\/\r\n.hx-pzs .pz-w em{font-style:normal;display:inline-block;margin-top:6px;\r\n  font-size:.6rem;font-weight:800;letter-spacing:.04em;\r\n  color:#3B2A00;background:rgba(var(--pz-akcent-rgb),.22);\r\n  border-radius:999px;padding:3px 9px;line-height:1.2;}\r\n.hx-pzs .pz-w u{text-decoration:none;display:block;font-size:.63rem;color:var(--ink-2);\r\n  margin-top:6px;line-height:1.25;}\r\n\r\n\/* \u2550\u2550 KARTY OS\u00d3B \u2550\u2550 *\/\r\n.hx-pzs .pz-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;}\r\n.hx-pzs .pz-p{position:relative;background:var(--paper);\r\n  border:1.5px solid var(--pz-akcent);border-radius:15px;\r\n  display:flex;flex-direction:column;\r\n  overflow:hidden;opacity:0;transform:translateY(14px);\r\n  transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;}\r\n.hx-pzs .pz-p.in{opacity:1;transform:none;}\r\n.hx-pzs .pz-p:hover{box-shadow:0 20px 36px -28px rgba(14,43,77,.6);}\r\n\r\n\/* rozb\u0142ysk po wybraniu grupy *\/\r\n@keyframes pz-glow{\r\n  0%  {box-shadow:0 0 0 0 rgba(var(--pz-akcent-rgb),.75), 0 0 26px 4px rgba(var(--pz-akcent-rgb),.55);}\r\n  70% {box-shadow:0 0 0 16px rgba(var(--pz-akcent-rgb),0), 0 0 44px 14px rgba(var(--pz-akcent-rgb),.22);}\r\n  100%{box-shadow:0 0 0 0 rgba(var(--pz-akcent-rgb),0),  0 0 0 0 rgba(var(--pz-akcent-rgb),0);}\r\n}\r\n@keyframes pz-pop{ 0%{transform:scale(1)} 22%{transform:scale(1.045)} 100%{transform:scale(1)} }\r\n.hx-pzs .pz-p.hit{border-color:var(--pz-akcent);z-index:5;\r\n  animation:pz-glow 1.5s cubic-bezier(.22,1,.36,1) 2, pz-pop .9s cubic-bezier(.34,1.56,.64,1) 1;}\r\n@media (prefers-reduced-motion:reduce){\r\n  .hx-pzs .pz-p.hit{animation:none;box-shadow:0 0 0 4px rgba(var(--pz-akcent-rgb),.45);}\r\n}\r\n\r\n.hx-pzs .pz-ph{display:block;position:relative;aspect-ratio:var(--ar,1\/1.08);\r\n  overflow:hidden;background:var(--mist);cursor:zoom-in;}\r\n.hx-pzs .pz-mag{position:absolute;right:8px;bottom:8px;z-index:2;width:30px;height:30px;\r\n  border-radius:50%;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);color:var(--navy);\r\n  display:grid;place-items:center;opacity:0;transform:scale(.85);\r\n  transition:opacity .25s ease,transform .25s ease;box-shadow:0 4px 12px -5px rgba(10,31,58,.6);}\r\n.hx-pzs .pz-mag svg{width:15px;height:15px;}\r\n.hx-pzs .pz-p:hover .pz-mag,.hx-pzs .pz-ph:focus-visible .pz-mag{opacity:1;transform:none;}\r\n@media (hover:none){ .hx-pzs .pz-mag{opacity:.9;transform:none;} }\r\n.hx-pzs .pz-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\r\n  object-position:var(--kadr,center 22%);transition:transform 1s cubic-bezier(.22,1,.36,1);}\r\n.hx-pzs .pz-p:hover .pz-ph img{transform:scale(1.06);}\r\n\r\n\/* plakietka wychowawczyni \u2014 na spodzie kafelka, \u017ceby nazwiska sta\u0142y r\u00f3wno *\/\r\n.hx-pzs .pz-badge{display:block;max-width:100%;width:fit-content;margin:10px auto 0;\r\n  font-size:.6rem;font-weight:800;letter-spacing:.06em;line-height:1.35;\r\n  background:var(--pz-akcent);color:#3B2A00;border-radius:9px;padding:4px 10px;\r\n  white-space:normal;overflow-wrap:anywhere;text-align:center;}\r\n\r\n.hx-pzs .pz-info{padding:12px 14px 13px;text-align:center;\r\n  flex:1;display:flex;flex-direction:column;}\r\n.hx-pzs .pz-n{display:block;font-weight:700;font-size:.95rem;line-height:1.2;}\r\n.hx-pzs .pz-r{display:block;font-size:.78rem;color:var(--ink-2);margin-top:5px;line-height:1.4;}\r\n\/* wiek dzieci w opisie na karcie \u2014 trzyma si\u0119 w jednym kawa\u0142ku, wi\u0119c gdy\r\n   nie mie\u015bci si\u0119 w wierszu, przechodzi NI\u017bEJ w ca\u0142o\u015bci (\u201e\u00b7 6 lat \u2014 zer\u00f3wka\"),\r\n   zamiast zostawia\u0107 samotn\u0105 cyfr\u0119 na ko\u0144cu poprzedniej linijki *\/\r\n.hx-pzs .pz-wiek{white-space:nowrap;}\r\n.hx-pzs .pz-p--big .pz-n{font-size:1.02rem;}\r\n.hx-pzs .pz-p--big .pz-r{font-size:.8rem;color:var(--pz-akcent);font-weight:700;}\r\n\r\n\/* \u2550\u2550 DYREKTOR I MANAGER \u2550\u2550\r\n   1) DYREKTOR (#pzDyr) \u2014 osobna, szeroka karta tu\u017c pod zdj\u0119ciem ca\u0142ej\r\n      kadry, bez nag\u0142\u00f3wka sekcji.\r\n      Na telefonie: du\u017ce zdj\u0119cie na ca\u0142\u0105 szeroko\u015b\u0107, pod nim z\u0142ota plakietka\r\n      z funkcj\u0105 i nazwisko wi\u0119ksz\u0105 czcionk\u0105. Na komputerze: zdj\u0119cie po lewej,\r\n      opis po prawej, karta na ca\u0142\u0105 szeroko\u015b\u0107 sekcji.\r\n   2) MANAGER (#pzZarzad) \u2014 mniejsza, wy\u015brodkowana karta stoj\u0105ca NAD\r\n      nag\u0142\u00f3wkiem \u201eKadra pedagogiczna\". Gdyby dosz\u0142a kolejna osoba,\r\n      karty ustawi\u0105 si\u0119 obok siebie w tym samym miejscu. *\/\r\n.hx-pzs .pz-dyr{max-width:980px;margin:0 auto;}\r\n.hx-pzs .pz-p--dyr{border-width:2px;\r\n  box-shadow:0 24px 44px -32px rgba(14,43,77,.7);}\r\n.hx-pzs .pz-p--dyr .pz-ph{aspect-ratio:var(--ar,1\/1.02);}\r\n.hx-pzs .pz-p--dyr .pz-info{padding:18px 18px 20px;align-items:center;justify-content:center;}\r\n.hx-pzs .pz-dyr__t{display:block;width:fit-content;max-width:100%;margin:0 0 11px;\r\n  font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;\r\n  background:var(--pz-akcent);color:#3B2A00;border-radius:999px;padding:5px 14px;}\r\n.hx-pzs .pz-p--dyr .pz-n{font-size:1.45rem;line-height:1.15;color:var(--navy);}\r\n.hx-pzs .pz-p--dyr .pz-r{font-size:.9rem;font-weight:600;margin-top:7px;}\r\n.hx-pzs .pz-dyr__linia{display:block;width:46px;height:3px;border-radius:2px;\r\n  background:var(--pz-akcent);margin:14px 0 0;}\r\n\r\n.hx-pzs .pz-grid--zarzad{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;\r\n  margin:0 auto var(--pz-oddech);}\r\n.hx-pzs .pz-grid--zarzad:empty{display:none;}\r\n.hx-pzs .pz-grid--zarzad .pz-p{flex:0 1 270px;}\r\n\r\n\/* \u2550\u2550 ZDJ\u0118CIA GRUPOWE \u2550\u2550 *\/\r\n.hx-pzs .pz-team{position:relative;border-radius:var(--r);overflow:hidden;isolation:isolate;\r\n  border:1.5px solid var(--pz-akcent);background:var(--mist);cursor:zoom-in;\r\n  box-shadow:0 18px 34px -30px rgba(14,43,77,.6);}\r\n.hx-pzs .pz-team img{width:100%;height:auto;display:block;\r\n  transition:transform 1s cubic-bezier(.22,1,.36,1);}\r\n.hx-pzs .pz-zoom{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;\r\n  gap:7px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);color:var(--navy);\r\n  border-radius:999px;padding:7px 13px;font-size:.74rem;font-weight:700;\r\n  box-shadow:0 4px 14px -6px rgba(10,31,58,.55);pointer-events:none;}\r\n.hx-pzs .pz-zoom svg{width:14px;height:14px;}\r\n.hx-pzs .pz-cap{font-size:.83rem;color:var(--ink-2);margin-top:12px;text-align:center;}\r\n\r\n\/* \u2550\u2550 POWI\u0118KSZENIE ZDJ\u0118CIA \u2550\u2550\r\n   Regu\u0142y celowo BEZ przedrostka .hx-pzs \u2014 skrypt przenosi okno na koniec\r\n   strony, \u017ceby nie m\u00f3g\u0142 go zas\u0142oni\u0107 przyklejony nag\u0142\u00f3wek. *\/\r\n.pz-lb{position:fixed;inset:0;z-index:2147480000;background:rgba(6,20,38,.95);\r\n  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);\r\n  display:flex;align-items:center;justify-content:center;padding:16px;\r\n  overscroll-behavior:contain;\r\n  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;}\r\n.pz-lb.on{opacity:1;visibility:visible;}\r\n.pz-lb img{max-width:100%;max-height:86vh;object-fit:contain;border-radius:12px;\r\n  box-shadow:0 30px 70px -30px rgba(0,0,0,.9);\r\n  transform:scale(.97);transition:transform .35s cubic-bezier(.22,1,.36,1);}\r\n.pz-lb.on img{transform:none;}\r\n.pz-lb__c{position:absolute;left:0;right:0;bottom:16px;text-align:center;color:#C9D8E4;\r\n  font-size:.82rem;padding:0 20px;margin:0;}\r\n.pz-lb__x{\r\n  -webkit-appearance:none!important;appearance:none!important;\r\n  position:absolute;top:18px;right:18px;\r\n  width:54px!important;height:54px!important;min-width:0!important;min-height:0!important;\r\n  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;\r\n  font-size:0!important;line-height:0!important;letter-spacing:0!important;\r\n  background:radial-gradient(120% 120% at 30% 22%,rgba(255,255,255,.20),rgba(255,255,255,.06) 60%,rgba(255,255,255,.03))!important;\r\n  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);\r\n  color:#F0D98A!important;cursor:pointer;overflow:hidden;isolation:isolate;\r\n  display:grid!important;place-items:center!important;\r\n  box-shadow:0 0 0 1.5px rgba(240,217,138,.55),0 14px 30px -14px rgba(0,0,0,.85)!important;\r\n  animation:pz-x-puls 6s ease-in-out infinite;\r\n  transition:transform .35s cubic-bezier(.22,1,.36,1),color .3s ease;}\r\n.pz-lb__x svg{width:22px!important;height:22px!important;display:block;\r\n  stroke:currentColor;fill:none;overflow:visible;}\r\n.pz-lb__x::before{content:\"\";position:absolute;inset:-45%;z-index:-1;pointer-events:none;\r\n  background:linear-gradient(100deg,rgba(255,255,255,0) 42%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 58%);\r\n  transform:translateX(-140%) skewX(-16deg);\r\n  animation:pz-x-polysk 7s ease-in-out infinite;}\r\n.pz-lb__x:hover{transform:rotate(90deg) scale(1.07);color:#fff!important;}\r\n.pz-lb__x:focus-visible{outline:2px solid #F0D98A;outline-offset:3px;}\r\n@keyframes pz-x-puls{\r\n  0%,100%{box-shadow:0 0 0 1.5px rgba(240,217,138,.45),0 0 0 0 rgba(240,217,138,0),0 14px 30px -14px rgba(0,0,0,.85);}\r\n  50%    {box-shadow:0 0 0 1.5px rgba(240,217,138,.9), 0 0 26px 5px rgba(240,217,138,.16),0 14px 30px -14px rgba(0,0,0,.85);}\r\n}\r\n@keyframes pz-x-polysk{\r\n  0%,62%{transform:translateX(-140%) skewX(-16deg);}\r\n  86%,100%{transform:translateX(140%) skewX(-16deg);}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .pz-lb__x{animation:none;}\r\n  .pz-lb__x::before{display:none;}\r\n}\r\n\r\n\/* \u2550\u2550 KOMPUTER \u2550\u2550 *\/\r\n@media (min-width:900px){\r\n  .hx-pzs .pz-grupy{grid-template-columns:repeat(4,1fr);gap:12px;}\r\n  .hx-pzs .pz-w__f{height:58px;}   \/* tyle, ile najwi\u0119ksze zdj\u0119cie ni\u017cej *\/\r\n  .hx-pzs .pz-w img{width:58px;height:58px;}\r\n  .hx-pzs .pz-w--duo img{width:44px;height:44px;}\r\n  .hx-pzs .pz-w--trio .pz-w__f{gap:5px;}\r\n  .hx-pzs .pz-w--trio img{width:38px;height:38px;}\r\n  .hx-pzs .pz-w b{font-size:1.12rem;}\r\n  .hx-pzs .pz-w em{font-size:.66rem;padding:3px 11px;}\r\n  .hx-pzs .pz-w u{font-size:.68rem;}\r\n\r\n  \/* trzy osoby w wierszu i szeroki, poziomy kadr *\/\r\n  .hx-pzs .pz-grid{grid-template-columns:repeat(3,1fr);gap:20px;}\r\n  .hx-pzs .pz-grid:not(.pz-grid--zarzad) .pz-ph{aspect-ratio:var(--ar,16\/10);}\r\n  .hx-pzs .pz-info{padding:14px 14px 14px;}\r\n  .hx-pzs .pz-n{font-size:1.05rem;}\r\n  .hx-pzs .pz-r{font-size:.85rem;}\r\n  .hx-pzs .pz-badge{font-size:.65rem;border-radius:999px;padding:4px 13px;white-space:nowrap;\r\n    margin-top:12px;}\r\n\r\n  \/* DYREKTOR \u2014 karta pozioma: zdj\u0119cie po lewej, opis po prawej *\/\r\n  .hx-pzs .pz-p--dyr{flex-direction:row;align-items:stretch;}\r\n  .hx-pzs .pz-p--dyr .pz-ph{flex:0 0 52%;aspect-ratio:auto;min-height:400px;}\r\n  .hx-pzs .pz-p--dyr .pz-info{text-align:left;align-items:flex-start;\r\n    padding:40px 44px;}\r\n  .hx-pzs .pz-dyr__t{font-size:.72rem;padding:6px 16px;margin-bottom:16px;}\r\n  .hx-pzs .pz-p--dyr .pz-n{font-size:2.15rem;}\r\n  .hx-pzs .pz-p--dyr .pz-r{font-size:1.02rem;margin-top:10px;}\r\n  .hx-pzs .pz-dyr__linia{width:60px;margin-top:20px;}\r\n\r\n  \/* MANAGER \u2014 mniejsza karta nad nag\u0142\u00f3wkiem \u201eKadra pedagogiczna\" *\/\r\n  .hx-pzs #pzZarzad{display:flex!important;gap:20px;margin:0 auto var(--pz-oddech);}\r\n  .hx-pzs #pzZarzad:empty{display:none!important;}\r\n  .hx-pzs #pzZarzad .pz-p{flex:0 1 360px;}\r\n  .hx-pzs #pzZarzad .pz-ph{aspect-ratio:var(--ar,16\/11);}\r\n  .hx-pzs #pzZarzad .pz-n{font-size:1.15rem;}\r\n  .hx-pzs #pzZarzad .pz-r{font-size:.88rem;}\r\n}\r\n@media (prefers-reduced-motion:reduce){ .hx-pzs .pz-p{opacity:1;transform:none;} }\r\n\r\n\/* \u2550\u2550 REAKCJA NA NAJECHANIE (tylko komputer z mysz\u0105) \u2550\u2550 *\/\r\n@keyframes pz-blysk{ from{transform:translateX(-130%) skewX(-14deg);}\r\n                     to  {transform:translateX(130%)  skewX(-14deg);} }\r\n@media (min-width:900px) and (hover:hover){\r\n  .hx-pzs .pz-grid:not(.pz-grid--zarzad) .pz-p{\r\n    transition:opacity .55s ease,transform .45s cubic-bezier(.22,1,.36,1),\r\n               box-shadow .4s ease,border-color .3s ease;}\r\n  .hx-pzs .pz-grid:not(.pz-grid--zarzad) .pz-p.in:hover{\r\n    transform:translateY(-6px) scale(1.025);z-index:4;\r\n    box-shadow:0 26px 44px -26px rgba(14,43,77,.55);}\r\n  .hx-pzs .pz-ph::after{content:\"\";position:absolute;inset:-10% -30%;z-index:1;\r\n    pointer-events:none;opacity:0;\r\n    background:linear-gradient(100deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.34) 50%,rgba(255,255,255,0) 62%);\r\n    transform:translateX(-130%) skewX(-14deg);}\r\n  .hx-pzs .pz-p:hover .pz-ph::after{opacity:1;animation:pz-blysk 1.1s ease-out;}\r\n  .hx-pzs .pz-p:hover .pz-ph img{transform:scale(1.04);}\r\n  .hx-pzs .pz-team::before{content:\"\";position:absolute;inset:-10% -30%;z-index:2;\r\n    pointer-events:none;opacity:0;\r\n    background:linear-gradient(100deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.30) 50%,rgba(255,255,255,0) 62%);\r\n    transform:translateX(-130%) skewX(-14deg);}\r\n  .hx-pzs .pz-team:hover::before{opacity:1;animation:pz-blysk 1.15s ease-out;}\r\n  .hx-pzs .pz-team:hover img{transform:scale(1.02);}\r\n  .hx-pzs .pz-team:hover{box-shadow:0 26px 44px -28px rgba(14,43,77,.75);}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .hx-pzs .pz-p.in:hover{transform:none!important;}\r\n  .hx-pzs .pz-ph::after{display:none;}\r\n}\r\n\r\n\/* ============================================================================\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550  D O D A T K I   N A   K O M P U T E R Z E  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   Wyszukiwarka i filtry. Poni\u017cej 900 px s\u0105 ukryte, wi\u0119c widok telefonu\r\n   pozostaje prosty. Skasowanie tego bloku niczego innego nie psuje.\r\n   ============================================================================ *\/\r\n.hx-pzs .pz-tools{display:none;}\r\n.hx-pzs .pz-pusto{display:none;}\r\n.hx-pzs .pz-p.pz-off{display:none;}\r\n\r\n@media (min-width:900px){\r\n  .hx-pzs .pz-tools{\r\n    display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;\r\n    margin:0 auto 22px;max-width:1000px;}\r\n\r\n  .hx-pzs .pz-search{position:relative;flex:0 1 330px;min-width:240px;}\r\n  .hx-pzs .pz-search > svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);\r\n    width:16px;height:16px;color:var(--ink-2);pointer-events:none;}\r\n  .hx-pzs .pz-search input{\r\n    -webkit-appearance:none!important;appearance:none!important;\r\n    width:100%!important;height:44px!important;margin:0!important;\r\n    padding:0 38px 0 40px!important;\r\n    border:1.5px solid var(--line)!important;border-radius:999px!important;\r\n    background:var(--paper)!important;color:var(--ink)!important;\r\n    font-family:inherit!important;font-size:.92rem!important;font-weight:600!important;\r\n    box-shadow:none!important;outline:none;transition:border-color .2s ease;}\r\n  .hx-pzs .pz-search input:focus{border-color:var(--pz-akcent)!important;}\r\n  .hx-pzs .pz-search input::placeholder{color:var(--ink-2);font-weight:500;}\r\n  .hx-pzs .pz-x{\r\n    -webkit-appearance:none!important;appearance:none!important;\r\n    position:absolute;right:6px;top:50%;transform:translateY(-50%);\r\n    width:30px!important;height:30px!important;min-width:0!important;min-height:0!important;\r\n    margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;\r\n    background:transparent!important;box-shadow:none!important;\r\n    color:var(--ink-2)!important;cursor:pointer;display:none;place-items:center;}\r\n  .hx-pzs .pz-x svg{position:static;transform:none;width:14px;height:14px;}\r\n  .hx-pzs .pz-x:hover{background:rgba(14,43,77,.07)!important;}\r\n  .hx-pzs .pz-search.ma-tekst .pz-x{display:grid;}\r\n\r\n  .hx-pzs .pz-chips{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;}\r\n  .hx-pzs .pz-chip{\r\n    -webkit-appearance:none!important;appearance:none!important;\r\n    height:36px!important;min-width:0!important;min-height:0!important;\r\n    margin:0!important;padding:0 15px!important;\r\n    border:1.5px solid var(--line)!important;border-radius:999px!important;\r\n    background:var(--paper)!important;color:var(--ink-2)!important;\r\n    font-family:inherit!important;font-size:.8rem!important;font-weight:800!important;\r\n    line-height:1!important;letter-spacing:0!important;box-shadow:none!important;\r\n    cursor:pointer;display:inline-flex!important;align-items:center!important;gap:6px;\r\n    transition:background .2s ease,color .2s ease,border-color .2s ease;}\r\n  .hx-pzs .pz-chip:hover{border-color:var(--pz-akcent)!important;color:var(--navy)!important;}\r\n  .hx-pzs .pz-chip small{font-size:.72rem;opacity:.65;font-weight:700;}\r\n  .hx-pzs .pz-chip.on{background:var(--pz-akcent)!important;border-color:var(--pz-akcent)!important;\r\n    color:#3B2A00!important;}\r\n  .hx-pzs .pz-chip.on small{opacity:.75;}\r\n\r\n  .hx-pzs .pz-count{flex:0 0 100%;text-align:center;font-size:.82rem;color:var(--ink-2);\r\n    margin:2px 0 0;}\r\n  .hx-pzs .pz-reset{\r\n    -webkit-appearance:none!important;appearance:none!important;\r\n    margin:0 0 0 8px!important;padding:0!important;border:0!important;\r\n    background:transparent!important;box-shadow:none!important;\r\n    color:var(--navy)!important;font-family:inherit!important;font-size:.82rem!important;\r\n    font-weight:800!important;cursor:pointer;text-decoration:underline;\r\n    text-underline-offset:3px;display:none;}\r\n  .hx-pzs .pz-tools.filtruje .pz-reset{display:inline;}\r\n\r\n  .hx-pzs .pz-pusto{display:none;text-align:center;color:var(--ink-2);font-size:.92rem;\r\n    padding:26px 0;}\r\n  .hx-pzs .pz-pusto.on{display:block;}\r\n\r\n  \/* pasek grup przyklejony przy przewijaniu (tylko komputer) *\/\r\n  .hx-pzs .pz-grupy{position:sticky;top:56px;z-index:6;\r\n    background:var(--paper);padding:10px;margin:0 -10px;border-radius:16px;\r\n    box-shadow:0 10px 24px -22px rgba(14,43,77,.9);}\r\n\r\n  \/* strza\u0142ki przegl\u0105dania w powi\u0119kszeniu *\/\r\n  .pz-lb__nav{\r\n    -webkit-appearance:none!important;appearance:none!important;\r\n    position:absolute;top:50%;transform:translateY(-50%);\r\n    width:50px!important;height:50px!important;min-width:0!important;min-height:0!important;\r\n    margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;\r\n    background:rgba(255,255,255,.16)!important;box-shadow:none!important;\r\n    color:#fff!important;cursor:pointer;display:grid!important;place-items:center!important;\r\n    transition:background .2s ease;}\r\n  .pz-lb__nav:hover{background:rgba(255,255,255,.3)!important;}\r\n  .pz-lb__nav svg{width:22px;height:22px;}\r\n  .pz-lb__nav--prev{left:18px;}\r\n  .pz-lb__nav--next{right:18px;}\r\n  .pz-lb img{max-width:calc(100% - 180px);}\r\n}\r\n@media (max-width:899px){ .pz-lb__nav{display:none!important;} }\r\n\r\n\/* sekcja grup stoi tu\u017c nad kadr\u0105 \u2014 \u015bcinamy dolny odst\u0119p *\/\r\n.hx-pzs #pzGrupySec{padding-bottom:6px;}\r\n\r\n@media (min-width:1400px){\r\n  .hx-pzs .hx-app{max-width:min(1440px,94vw);margin-left:auto;margin-right:auto;}\r\n  .hx-pzs .pz-grid{gap:24px;}\r\n}\r\n\r\n\/* \u2500\u2500 DYSKRETNY ODNO\u015aNIK pod sekretariatem \u2500\u2500 *\/\r\n.hx-pzs .pz-cta-wrap{text-align:center;margin:calc(var(--pz-oddech) * .62) 0 0;}\r\n.hx-pzs .pz-cta{\r\n  display:inline-flex;align-items:center;gap:11px;\r\n  padding:11px 20px;border-radius:999px;\r\n  border:1px solid var(--line);background:transparent;\r\n  color:var(--navy)!important;text-decoration:none!important;\r\n  font-size:.92rem;font-weight:700;line-height:1.2;\r\n  transition:border-color .3s ease,background .3s ease,color .3s ease;}\r\n.hx-pzs .pz-cta:link,.hx-pzs .pz-cta:visited,.hx-pzs .pz-cta:active{color:var(--navy)!important;}\r\n.hx-pzs .pz-cta__go{flex:none;display:grid;place-items:center;width:18px;height:18px;\r\n  color:var(--pz-akcent);transition:transform .3s cubic-bezier(.22,1,.36,1);}\r\n.hx-pzs .pz-cta__go svg{width:18px;height:18px;display:block;}\r\n@media (hover:hover){\r\n  .hx-pzs .pz-cta:hover{border-color:rgba(var(--pz-akcent-rgb),.75);\r\n    background:rgba(var(--pz-akcent-rgb),.05);}\r\n  .hx-pzs .pz-cta:hover .pz-cta__go{transform:translateX(3px);}\r\n}\r\n.hx-pzs .pz-cta:active{transform:scale(.99);}\r\n.hx-pzs .pz-cta:focus-visible{outline:2px solid var(--pz-akcent);outline-offset:3px;}\r\n\r\n\/* SEKRETARIAT \u2014 dwie osoby obok siebie, zdj\u0119cia du\u017ce.\r\n   Chcesz jeszcze wi\u0119ksze kafelki? Zwi\u0119ksz 980px. *\/\r\n@media (min-width:900px){\r\n  .hx-pzs #pzSekr{grid-template-columns:1fr 1fr!important;\r\n    max-width:980px;margin-left:auto;margin-right:auto;}\r\n  .hx-pzs #pzSekr .pz-ph{aspect-ratio:var(--ar,16\/11);}\r\n  .hx-pzs #pzSekr .pz-n{font-size:1.25rem;}\r\n  .hx-pzs #pzSekr .pz-r{font-size:.92rem;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"hx hx-pzs\" id=\"hil-zespol-p\">\r\n <div class=\"hx-app\">\r\n\r\n  <a class=\"hx-back\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=1194\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H6M11 6l-6 6 6 6\"\/><\/svg>\r\n    Przedszkole\r\n  <\/a>\r\n\r\n  <div class=\"hx-hero hx-hero--plain\" style=\"background:var(--navy)\">\r\n    <div class=\"hx-hero__c\">\r\n      <p class=\"hx-kicker\">O nas<\/p>\r\n      <h1 style=\"color:#fff\"><span class=\"hx-ln\"><i>Nasz zesp\u00f3\u0142<\/i><\/span><\/h1>\r\n      <p style=\"color:#CFDDE8;font-size:.89rem;margin-top:10px\">\r\n        Ludzie, kt\u00f3rzy ka\u017cdego dnia towarzysz\u0105 naszym przedszkolakom \u2014\r\n        od pierwszego dnia po zer\u00f3wk\u0119.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hx-sec\">\r\n    <div class=\"pz-team\" data-x>\r\n      <img decoding=\"async\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/Przedszkole-kadra-scaled.jpg\"\r\n           alt=\"Kadra Przedszkola Hilaris\"\r\n           data-lb=\"Kadra Przedszkola Hilaris\" fetchpriority=\"high\">\r\n      <span class=\"pz-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m16.5 16.5 4 4M11 8.4v5.2M8.4 11h5.2\"\/><\/svg>Powi\u0119ksz<\/span>\r\n    <\/div>\r\n    <p class=\"pz-cap\" data-x>Prosimy dotkn\u0105\u0107 zdj\u0119cia, aby je powi\u0119kszy\u0107.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"hx-sec hx-sec--mist\">\r\n    <!-- dyrektor: osobna, wyr\u00f3\u017cniona karta, bez nag\u0142\u00f3wka sekcji -->\r\n    <div class=\"pz-dyr\" id=\"pzDyr\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hx-sec\" id=\"pzGrupySec\">\r\n    <h2 class=\"hx-h\" data-x>Nasze grupy<\/h2>\r\n    <p class=\"hx-sub\" data-x>Cztery grupy \u2014 od najm\u0142odszych po zer\u00f3wk\u0119.\r\n      Prosimy dotkn\u0105\u0107 grupy, aby przej\u015b\u0107 do kart jej pa\u0144.<\/p>\r\n    <div class=\"pz-grupy\" id=\"pzGrupy\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hx-sec\">\r\n    <!-- manager przedszkola: nad nag\u0142\u00f3wkiem \u201eKadra pedagogiczna\" -->\r\n    <div class=\"pz-grid pz-grid--zarzad\" id=\"pzZarzad\"><\/div>\r\n    <h2 class=\"hx-h\" data-x>Kadra pedagogiczna<\/h2>\r\n    <p class=\"hx-sub\" data-x id=\"pzKadraSub\">\u2014<\/p>\r\n\r\n    <!-- DODATEK NA KOMPUTERZE: wyszukiwarka i filtry (na telefonie ukryte) -->\r\n    <div class=\"pz-tools\" id=\"pzTools\">\r\n      <label class=\"pz-search\" id=\"pzSearchBox\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m16.5 16.5 4 4\"\/><\/svg>\r\n        <input id=\"pzSearch\" type=\"search\" autocomplete=\"off\"\r\n               placeholder=\"Szukaj: nazwisko, grupa, funkcja\u2026\"\r\n               aria-label=\"Szukaj w kadrze przedszkola\">\r\n        <button class=\"pz-x\" id=\"pzSearchX\" type=\"button\" aria-label=\"Wyczy\u015b\u0107 wyszukiwanie\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6 6 18\"\/><\/svg>\r\n        <\/button>\r\n      <\/label>\r\n      <div class=\"pz-chips\" id=\"pzChips\"><\/div>\r\n      <p class=\"pz-count\" id=\"pzCount\">\u2014<button class=\"pz-reset\" id=\"pzReset\" type=\"button\">wyczy\u015b\u0107 filtry<\/button><\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pz-grid\" id=\"pzKadra\"><\/div>\r\n    <p class=\"pz-pusto\" id=\"pzPusto\">Nikt nie pasuje do wpisanych s\u0142\u00f3w. Prosimy spr\u00f3bowa\u0107 innego\r\n      nazwiska albo nazwy grupy.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"hx-sec hx-sec--mist\">\r\n    <h2 class=\"hx-h\" data-x>Sekretariat<\/h2>\r\n    <p class=\"hx-sub\" data-x>Pierwszy kontakt w sprawach formalnych.<\/p>\r\n    <div class=\"pz-grid\" id=\"pzSekr\"><\/div>\r\n    <p class=\"pz-cta-wrap\" data-x>\r\n      <a class=\"pz-cta\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=360\">\r\n        <span class=\"pz-cta__t\">Godziny otwarcia i kontakt do sekretariatu<\/span>\r\n        <span class=\"pz-cta__go\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M12.5 6.5l6 5.5-6 5.5\"\/><\/svg>\r\n        <\/span>\r\n      <\/a>\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"hx-sec\">\r\n    <h2 class=\"hx-h\" data-x>Pracownicy obs\u0142ugi<\/h2>\r\n    <p class=\"hx-sub\" data-x>Zesp\u00f3\u0142, dzi\u0119ki kt\u00f3remu przedszkole dzia\u0142a ka\u017cdego dnia.<\/p>\r\n    <div class=\"pz-team\" data-x>\r\n      <img decoding=\"async\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/39-scaled.jpg\"\r\n           alt=\"Pracownicy obs\u0142ugi Przedszkola Hilaris\"\r\n           data-lb=\"Pracownicy obs\u0142ugi Przedszkola Hilaris\" loading=\"lazy\">\r\n      <span class=\"pz-zoom\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m16.5 16.5 4 4M11 8.4v5.2M8.4 11h5.2\"\/><\/svg>Powi\u0119ksz<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hx-sec hx-sec--mist\">\r\n    <h2 class=\"hx-h\" data-x>Poznaj nas bli\u017cej<\/h2>\r\n    <div class=\"hx-grid\" style=\"--cols:2;--cols-d:4\" id=\"pzTiles\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"pz-lb\" id=\"pzLb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Powi\u0119kszone zdj\u0119cie\">\r\n    <button class=\"pz-lb__x\" id=\"pzLbX\" type=\"button\" aria-label=\"Zamknij\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6 6 18\"\/><\/svg>\r\n    <\/button>\r\n    <button class=\"pz-lb__nav pz-lb__nav--prev\" id=\"pzLbPrev\" type=\"button\" aria-label=\"Poprzednie zdj\u0119cie\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 6l-6 6 6 6\"\/><\/svg>\r\n    <\/button>\r\n    <button class=\"pz-lb__nav pz-lb__nav--next\" id=\"pzLbNext\" type=\"button\" aria-label=\"Nast\u0119pne zdj\u0119cie\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 6l6 6-6 6\"\/><\/svg>\r\n    <\/button>\r\n    <img decoding=\"async\" id=\"pzLbImg\" src=\"\" alt=\"\">\r\n    <p class=\"pz-lb__c\" id=\"pzLbC\"><\/p>\r\n  <\/div>\r\n\r\n  <nav class=\"hx-bar\" aria-label=\"Szybkie akcje\">\r\n    <a href=\"https:\/\/hilaris-blonie.pl\/?page_id=1194\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H6M11 6l-6 6 6 6\"\/><\/svg>\r\n      Przedszkole<\/a>\r\n    <a class=\"is-main\" href=\"https:\/\/4parents.education\/\" target=\"_blank\" rel=\"noopener\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2.5\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg>\r\n      4Parents<\/a>\r\n    <a href=\"tel:+48882486841\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.4 0 .8-.2 1l-2.3 2.2z\"\/><\/svg>\r\n      Zadzwo\u0144<\/a>\r\n  <\/nav>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var ROOT = document.getElementById('hil-zespol-p');\r\n  if(!ROOT) return;\r\n\r\n  function __start(){\r\n\r\n  var ic = HX.ic, U = 'https:\/\/hilaris-blonie.pl\/?page_id=';\r\n  var F = 'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/';\r\n\r\n  \/* Szara sylwetka zast\u0119pcza \u2014 stoi na karcie, dop\u00f3ki kto\u015b nie ma zdj\u0119cia.\r\n     Rysowana wprost w kodzie, wi\u0119c nie wymaga wgrywania pliku na serwer. *\/\r\n  var BRAK_ZDJECIA = \"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 160 100'><rect width='160' height='100' fill='%23E7EDF3'\/><circle cx='80' cy='42' r='17' fill='%23B7C6D6'\/><path d='M46 96c0-20 15-31 34-31s34 11 34 31z' fill='%23B7C6D6'\/><\/svg>\";\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \u25bc JEDYNE MIEJSCE DO EDYCJI \u25bc\r\n\r\n     n  \u2014 imi\u0119 i nazwisko\r\n     r  \u2014 funkcja (to, co wida\u0107 pod nazwiskiem)\r\n     f  \u2014 zdj\u0119cie: sama nazwa pliku (doklejany jest folder 2026\/08)\r\n          albo PE\u0141NY adres zaczynaj\u0105cy si\u0119 od https:\/\/\r\n          albo BRAK_ZDJECIA, gdy zdj\u0119cia jeszcze nie ma\r\n     gr \u2014 nazwa grupy, z kt\u00f3r\u0105 osoba pracuje (np. 'Biedronki')\r\n          KA\u017bDA osoba z wpisan\u0105 grup\u0105 pokazuje si\u0119 na kafelku tej grupy\r\n     w  \u2014 true, je\u015bli osoba jest WYCHOWAWC\u0104 tej grupy\r\n          (dostaje wtedy z\u0142ot\u0105 plakietk\u0119 na karcie, a na kafelku grupy\r\n           staje PRZED pozosta\u0142ymi paniami z tej grupy)\r\n     g  \u2014 'm' dla m\u0119\u017cczyzny; brak = kobieta (brzmienie plakietki)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n  \/* \u2500\u2500 DYREKTOR \u2500\u2500\r\n     Osobna, wyr\u00f3\u017cniona karta tu\u017c pod zdj\u0119ciem ca\u0142ej kadry\r\n     (bez nag\u0142\u00f3wka sekcji).\r\n     tytul \u2014 z\u0142ota plakietka nad nazwiskiem\r\n     r     \u2014 dodatkowy opis pod nazwiskiem (mo\u017cna usun\u0105\u0107 ca\u0142e pole)\r\n     p     \u2014 (opcjonalnie) kadrowanie zdj\u0119cia, np. p:'center 15%'\r\n             gdyby trzeba by\u0142o przesun\u0105\u0107 twarz wy\u017cej lub ni\u017cej *\/\r\n  var DYREKTOR =\r\n    {n:'Agnieszka Ositek', tytul:'Dyrektor przedszkola', r:'J\u0119zyk angielski',\r\n     f:'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/28-scaled.jpg'};\r\n\r\n  \/* \u2500\u2500 MANAGER \u2500\u2500\r\n     Te osoby stoj\u0105 w mniejszych kartach NAD nag\u0142\u00f3wkiem\r\n     \u201eKadra pedagogiczna\". *\/\r\n  var ZARZAD = [\r\n    {n:'Agata Zado\u0144', r:'Manager przedszkola',\r\n     f:'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/49-scaled.jpg'}\r\n  ];\r\n\r\n  var KADRA = [\r\n    {n:'Dorota Figiel', f:'DSC00805-scaled.jpg', gr:'Biedronki', r:'Grupa \u201eBiedronki\u201d'},\r\n\r\n    {n:'Katarzyna J\u00f3\u017awiak', f:'DSC01051-scaled.jpg', r:'Logopeda'},\r\n\r\n    {n:'Natalia J\u00f3\u017awiak', f:'5-P-scaled.jpg', gr:'Robaczki', r:'Grupa zer\u00f3wkowa \u201eRobaczki\u201d'},\r\n\r\n    {n:'Justyna Karpi\u0144ska', f:'DSC00947-scaled.jpg', r:'J\u0119zyk angielski'},\r\n\r\n    {n:'Agnieszka Koprianiuk-Korczak', f:'DSC00429-scaled.jpg', gr:'Chmurki', w:true,\r\n     r:'Wychowawczyni grupy \u201eChmurki\u201d'},\r\n\r\n    {n:'Joanna Ku\u015b', f:'DSC01020-scaled.jpg', gr:'Pszcz\u00f3\u0142ki', w:true,\r\n     r:'Wychowawczyni grupy \u201ePszcz\u00f3\u0142ki\u201d'},\r\n\r\n    {n:'Aleksandra Medwed', f:'1-P-scaled.jpg', gr:'Chmurki', w:true,\r\n     r:'Wychowawczyni grupy \u201eChmurki\u201d'},\r\n\r\n    \/* \u25bc KATARZYNA OSITEK \u2014 BRAK ZDJ\u0118CIA: wklej adres w miejsce BRAK_ZDJECIA \u25bc *\/\r\n    {n:'Katarzyna Ositek', f:BRAK_ZDJECIA, gr:'Pszcz\u00f3\u0142ki', r:'Grupa \u201ePszcz\u00f3\u0142ki\u201d'},\r\n\r\n    {n:'Agnieszka Pietraszewska', f:'DSC00900-scaled.jpg', gr:'Biedronki', w:true,\r\n     r:'Wychowawczyni grupy \u201eBiedronki\u201d'},\r\n\r\n    {n:'Marta Piotrowska', f:'Marta-Piotrowska-do-akceptacji-scaled.jpg', r:'Psycholog'},\r\n\r\n    {n:'Emilia Rochmi\u0144ska',\r\n     f:'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/3-scaled.jpg',\r\n     gr:'Robaczki', w:true, r:'Wychowawczyni grupy zer\u00f3wkowej \u201eRobaczki\u201d'},\r\n\r\n    \/* \u25bc OTYLIA TKACZ \u2014 BRAK ZDJ\u0118CIA: wklej adres w miejsce BRAK_ZDJECIA \u25bc *\/\r\n    {n:'Otylia Tkacz', f:BRAK_ZDJECIA, gr:'Chmurki', r:'Grupa \u201eChmurki\u201d'},\r\n\r\n    {n:'Anna Wieczorek', f:'Anna-Mandelska-scaled.jpg', r:'Pedagog specjalny'},\r\n\r\n    {n:'Malwina Wydra', f:'DSC00999-scaled.jpg', gr:'Pszcz\u00f3\u0142ki', w:true,\r\n     r:'Wychowawczyni grupy \u201ePszcz\u00f3\u0142ki\u201d'}\r\n  ];\r\n\r\n  var SEKRETARIAT = [\r\n    {n:'Joanna Mielczarek',  r:'Sekretarz',\r\n     f:'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/37-scaled.jpg'},\r\n    {n:'Agnieszka Bednarek', r:'Pracownik biurowy',\r\n     f:'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/38-scaled.jpg'}\r\n  ];\r\n\r\n  \/* \u2500\u2500 GRUPY \u2500\u2500\r\n     Kolejno\u015b\u0107 na pasku = kolejno\u015b\u0107 na tej li\u015bcie (ustawione od najm\u0142odszych\r\n     do najstarszych). Pole n: musi si\u0119 zgadza\u0107 z polem gr: przy osobach.\r\n     Pole wiek: pokazuje si\u0119 jako ma\u0142a plakietka na pasku grup ORAZ dopisuje\r\n     si\u0119 automatycznie do opisu na karcie ka\u017cdej osoby z tej grupy \u2014 nie trzeba\r\n     wpisywa\u0107 wieku r\u0119cznie przy nazwiskach. *\/\r\n  var GRUPY = [\r\n    {n:'Pszcz\u00f3\u0142ki', wiek:'2,5\u20133 lata'},\r\n    {n:'Chmurki',   wiek:'4 lata'},\r\n    {n:'Biedronki', wiek:'5 lat'},\r\n    {n:'Robaczki',  wiek:'6 lat \u2014 zer\u00f3wka'}\r\n  ];\r\n\r\n  \/* \u2500\u2500 ODST\u0118P POD PRZYKLEJONYM MENU \u2500\u2500\r\n     O tyle pikseli karta ma sta\u0107 NI\u017bEJ, ni\u017c ko\u0144czy si\u0119 nag\u0142\u00f3wek strony.\r\n     Sam\u0105 wysoko\u015b\u0107 nag\u0142\u00f3wka skrypt mierzy automatycznie. *\/\r\n  var ODDECH_POD_MENU = 16;\r\n\r\n  \/* \u2500\u2500 FILTRY NA KOMPUTERZE \u2500\u2500\r\n     grupa: \u2014 filtruje po nazwie grupy \u00b7 wych:true \u2014 tylko wychowawczynie\r\n     slowa: \u2014 szuka fragment\u00f3w w opisie funkcji.\r\n     Filtr, do kt\u00f3rego nikt nie pasuje, nie pojawia si\u0119 na stronie. *\/\r\n  var FILTRY = [\r\n    {nazwa:'Wychowawczynie grup', wych:true},\r\n    {nazwa:'Biedronki',  grupa:'Biedronki'},\r\n    {nazwa:'Pszcz\u00f3\u0142ki',  grupa:'Pszcz\u00f3\u0142ki'},\r\n    {nazwa:'Chmurki',    grupa:'Chmurki'},\r\n    {nazwa:'Robaczki',   grupa:'Robaczki'},\r\n    {nazwa:'J\u0119zyk angielski', slowa:['angielski']},\r\n    {nazwa:'Wsparcie dziecka', slowa:['logopeda','psycholog','pedagog']}\r\n  ];\r\n\r\n  \/* \u2550\u2550\u2550 \u25b2 KONIEC \u25b2 \u2550\u2550\u2550 *\/\r\n\r\n  \/* Adres zdj\u0119cia: pe\u0142ny link i sylwetk\u0119 zast\u0119pcz\u0105 zostawiamy bez zmian,\r\n     sam\u0105 nazw\u0119 pliku doklejamy do sta\u0142ego folderu. *\/\r\n  function zdjecie(f){\r\n    return \/^(https?:|data:|\\\/\\\/|\\\/)\/.test(f || '') ? f : F + f;\r\n  }\r\n\r\n  \/* Wiek dzieci w danej grupie \u2014 pobierany z listy GRUPY, \u017ceby by\u0142 wpisany\r\n     tylko w jednym miejscu. Zwraca pusty tekst, gdy grupa nie ma podanego\r\n     wieku albo osoba nie nale\u017cy do \u017cadnej grupy. *\/\r\n  function wiekGrupy(nazwa){\r\n    for(var i=0;i<GRUPY.length;i++){\r\n      if(GRUPY[i].n === nazwa) return GRUPY[i].wiek || '';\r\n    }\r\n    return '';\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     WYSOKO\u015a\u0106 PRZYKLEJONEGO NAG\u0141\u00d3WKA \u2014 mierzona, nie zgadywana.\r\n     Sprawdzamy, co naprawd\u0119 wisi przy g\u00f3rnej kraw\u0119dzi ekranu: typowe\r\n     nag\u0142\u00f3wki serwisu oraz to, co przegl\u0105darka widzi w punkcie 4 px od g\u00f3ry\r\n     (dzi\u0119ki temu \u0142apiemy te\u017c paski, o kt\u00f3rych ten kod nie wie).\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  function wysokoscPrzyklejonych(){\r\n    var h = 0;\r\n    function sprawdz(el){\r\n      if(!el || el === ROOT || ROOT.contains(el)) return;\r\n      if(!el.getBoundingClientRect) return;\r\n      var cs = window.getComputedStyle(el);\r\n      if(cs.position !== 'fixed' && cs.position !== 'sticky') return;\r\n      if(cs.visibility === 'hidden' || cs.display === 'none') return;\r\n      var r = el.getBoundingClientRect();\r\n      if(r.top <= 4 && r.height > h && r.height < 340) h = r.height;\r\n    }\r\n    var kandydaci = document.querySelectorAll(\r\n      'header, .hxn, .hxp, .hxn__belka, .hxp__belka, .hxn-root,' +\r\n      '.elementor-location-header, .elementor-sticky--active, [data-elementor-type=\"header\"]'\r\n    );\r\n    for(var i=0;i<kandydaci.length;i++) sprawdz(kandydaci[i]);\r\n    if(document.elementsFromPoint){\r\n      var pod = document.elementsFromPoint(Math.round(window.innerWidth\/2), 4) || [];\r\n      for(var j=0;j<pod.length;j++) sprawdz(pod[j]);\r\n    }\r\n    return h;\r\n  }\r\n\r\n  \/* Odleg\u0142o\u015b\u0107 od g\u00f3ry dokumentu liczona z offsetTop, a nie z rect \u2014 w chwili\r\n     skoku karta ma animacj\u0119 powi\u0119kszenia, przez co rect pokazywa\u0142by warto\u015b\u0107\r\n     o kilkadziesi\u0105t pikseli za wysok\u0105. *\/\r\n  function gornaKrawedz(el){\r\n    var y = 0, n = el;\r\n    while(n){ y += n.offsetTop || 0; n = n.offsetParent; }\r\n    return y;\r\n  }\r\n\r\n  function przewinPod(el, plynnie){\r\n    if(!el) return;\r\n    function docelowe(){\r\n      var zapas = wysokoscPrzyklejonych() || 96;\r\n      return Math.max(0, gornaKrawedz(el) - zapas - ODDECH_POD_MENU);\r\n    }\r\n    var cel = docelowe();\r\n    try{ window.scrollTo({top:cel, behavior: plynnie ? 'smooth' : 'auto'}); }\r\n    catch(e){ window.scrollTo(0, cel); }\r\n    window.setTimeout(function(){\r\n      var poprawka = docelowe();\r\n      if(Math.abs(poprawka - (window.pageYOffset || 0)) > 10){\r\n        try{ window.scrollTo({top:poprawka, behavior:'auto'}); }\r\n        catch(e2){ window.scrollTo(0, poprawka); }\r\n      }\r\n    }, plynnie ? 1000 : 80);\r\n  }\r\n\r\n  \/* ikonka lupy w rogu zdj\u0119cia \u2014 wsp\u00f3lna dla wszystkich kart *\/\r\n  var LUPA = '<span class=\"pz-mag\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" '\r\n    + 'stroke-width=\"2.2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/>'\r\n    + '<path d=\"m16.5 16.5 4 4M11 8.4v5.2M8.4 11h5.2\"\/><\/svg><\/span>';\r\n\r\n  \/* styl kadrowania zdj\u0119cia (pola p: i ar: przy osobie) *\/\r\n  function kadr(o){\r\n    return (o.p || o.ar)\r\n      ? ' style=\"'+(o.p?'--kadr:'+o.p+';':'')+(o.ar?'--ar:'+o.ar+';':'')+'\"' : '';\r\n  }\r\n\r\n  \/* \u2500\u2500 KARTA DYREKTORA \u2500\u2500\r\n     Szeroka, wyr\u00f3\u017cniona karta: z\u0142ota plakietka z funkcj\u0105, nazwisko\r\n     wi\u0119ksz\u0105 czcionk\u0105, z\u0142ota kreska pod spodem. Na komputerze zdj\u0119cie\r\n     stoi po lewej, a opis po prawej. *\/\r\n  function kartaDyrektora(o){\r\n    if(!o || !o.n) return '';\r\n    var podpis = o.n + ' \u2014 ' + (o.tytul || '')\r\n               + (o.r ? ', ' + o.r.charAt(0).toLowerCase() + o.r.slice(1) : '');\r\n    return '<div class=\"pz-p pz-p--dyr\" id=\"pzD0\">'\r\n      + '<span class=\"pz-ph\"' + kadr(o) + '>'\r\n      +   '<img decoding=\"async\" src=\"'+zdjecie(o.f)+'\" alt=\"'+o.n+'\" fetchpriority=\"high\" '\r\n      +   'data-lb=\"'+podpis.replace(\/\"\/g,'&quot;')+'\">'\r\n      +   LUPA + '<\/span>'\r\n      + '<span class=\"pz-info\">'\r\n      +   (o.tytul ? '<span class=\"pz-dyr__t\">'+o.tytul+'<\/span>' : '')\r\n      +   '<span class=\"pz-n\">'+o.n+'<\/span>'\r\n      +   (o.r ? '<span class=\"pz-r\">'+o.r+'<\/span>' : '')\r\n      +   '<span class=\"pz-dyr__linia\" aria-hidden=\"true\"><\/span>'\r\n      + '<\/span><\/div>';\r\n  }\r\n\r\n  function karta(o, i, duza, prefiks){\r\n    var id = prefiks + i;\r\n    \/* do opisu osoby pracuj\u0105cej z grup\u0105 dopisujemy wiek dzieci,\r\n       np. \u201eGrupa \u201ePszcz\u00f3\u0142ki\u201d \u00b7 2,5\u20133 lata\".\r\n       opis     \u2014 czysty tekst (podpis w powi\u0119kszeniu zdj\u0119cia)\r\n       opisHtml \u2014 to samo, ale wiek zamkni\u0119ty w kawa\u0142ku nie do rozdzielenia,\r\n                  \u017ceby przechodzi\u0142 do nowego wiersza w ca\u0142o\u015bci *\/\r\n    var wiek = o.gr ? wiekGrupy(o.gr) : '';\r\n    var opis = o.r + (wiek ? ' \u00b7 ' + wiek : '');\r\n    var opisHtml = o.r + (wiek ? ' <span class=\"pz-wiek\">\u00b7 ' + wiek + '<\/span>' : '');\r\n    return '<div class=\"pz-p'+(duza?' pz-p--big':'')+'\" id=\"'+id+'\">'\r\n      + '<span class=\"pz-ph\"' + kadr(o) + '>'\r\n      +   '<img decoding=\"async\" src=\"'+zdjecie(o.f)+'\" alt=\"'+o.n+'\" loading=\"lazy\" '\r\n      +   'data-lb=\"'+(o.n+' \u2014 '+opis).replace(\/\"\/g,'&quot;')+'\">'\r\n      +   LUPA + '<\/span>'\r\n      + '<span class=\"pz-info\">'\r\n      +   '<span class=\"pz-n\">'+o.n+'<\/span>'\r\n      +   '<span class=\"pz-r\">'+opisHtml+'<\/span>'\r\n      \/* plakietka jest OSTATNIA i dosuni\u0119ta do do\u0142u kafelka, \u017ceby nazwiska\r\n         w ca\u0142ym wierszu sta\u0142y na tej samej wysoko\u015bci *\/\r\n      +   (o.w && o.gr ? '<span class=\"pz-badge\">'\r\n      +           (o.g === 'm' ? 'wychowawca' : 'wychowawczyni') + ' gr. ' + o.gr + '<\/span>' : '')\r\n      +   '<\/span><\/div>';\r\n  }\r\n\r\n  document.getElementById('pzDyr').innerHTML = kartaDyrektora(DYREKTOR);\r\n  document.getElementById('pzZarzad').innerHTML =\r\n    ZARZAD.map(function(o,i){ return karta(o,i,true,'pzZ'); }).join('');\r\n  document.getElementById('pzKadra').innerHTML =\r\n    KADRA.map(function(o,i){ return karta(o,i,false,'pzK'); }).join('');\r\n  document.getElementById('pzSekr').innerHTML =\r\n    SEKRETARIAT.map(function(o,i){ return karta(o,i,false,'pzS'); }).join('');\r\n\r\n  document.getElementById('pzKadraSub').textContent =\r\n    KADRA.length + ' nauczycielek i specjalist\u00f3w.';\r\n\r\n  \/* \u2500\u2500 pasek grup \u2500\u2500\r\n     Na kafelku pokazujemy WSZYSTKIE panie pracuj\u0105ce z dan\u0105 grup\u0105:\r\n     najpierw wychowawczynie (w:true), potem pozosta\u0142e osoby \u2014 w obu\r\n     przypadkach w kolejno\u015bci z listy KADRA. Dzi\u0119ki temu nikt z grupy\r\n     nie ginie, a wychowawczyni zawsze stoi na pierwszym miejscu. *\/\r\n  var grupy = GRUPY.map(function(g){\r\n    var wych = [], reszta = [];\r\n    KADRA.forEach(function(o,i){\r\n      if(o.gr !== g.n) return;\r\n      (o.w ? wych : reszta).push({i:i, o:o});\r\n    });\r\n    return {g:g.n, wiek:g.wiek || '', lista: wych.concat(reszta)};\r\n  });\r\n\r\n  document.getElementById('pzGrupy').innerHTML = grupy.map(function(x){\r\n    var plakietka = x.wiek ? '<em>'+x.wiek+'<\/em>' : '';\r\n    if(!x.lista.length)\r\n      return '<div class=\"pz-w\"><b>'+x.g+'<\/b>'+plakietka+'<u>\u2014<\/u><\/div>';\r\n    var foty = x.lista.map(function(t){\r\n      return '<img decoding=\"async\" src=\"'+zdjecie(t.o.f)+'\" alt=\"\" loading=\"lazy\">';\r\n    }).join('');\r\n    var podpisy = x.lista.map(function(t){\r\n      var cz = t.o.n.split(' ');\r\n      return cz[0].charAt(0) + '. ' + cz.slice(1).join(' ');\r\n    }).join('<br>');\r\n    var numery = x.lista.map(function(t){ return t.i; }).join(',');\r\n    \/* dwa zdj\u0119cia = klasa duo, trzy i wi\u0119cej = klasa trio (mniejsze k\u00f3\u0142ka) *\/\r\n    var klasa = x.lista.length > 2 ? ' pz-w--duo pz-w--trio'\r\n              : (x.lista.length > 1 ? ' pz-w--duo' : '');\r\n    return '<a class=\"pz-w'+klasa+'\" '\r\n      + 'href=\"#pzK'+x.lista[0].i+'\" data-i=\"'+numery+'\">'\r\n      + '<span class=\"pz-w__f\">'+foty+'<\/span>'\r\n      + '<b>'+x.g+'<\/b>'+plakietka+'<u>'+podpisy+'<\/u><\/a>';\r\n  }).join('');\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DODATKI NA KOMPUTERZE \u2014 wyszukiwarka i filtry\r\n     Na telefonie pasek narz\u0119dzi jest ukryty stylami, filtr zostaje pusty,\r\n     wi\u0119c widoczne s\u0105 wszystkie karty.\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  var filtrujKadre = (function(){\r\n    var tools = document.getElementById('pzTools'),\r\n        pole  = document.getElementById('pzSearch'),\r\n        boxS  = document.getElementById('pzSearchBox'),\r\n        xBtn  = document.getElementById('pzSearchX'),\r\n        chips = document.getElementById('pzChips'),\r\n        count = document.getElementById('pzCount'),\r\n        reset = document.getElementById('pzReset'),\r\n        pusto = document.getElementById('pzPusto');\r\n    if(!tools || !pole) return function(){};\r\n\r\n    \/* tekst do przeszukiwania bez polskich ogonk\u00f3w, \u017ceby \u201eJozwiak\" znalaz\u0142o\r\n       \u201eJ\u00f3\u017awiak\", a \u201epszczolki\" znalaz\u0142o \u201ePszcz\u00f3\u0142ki\" *\/\r\n    function bezOgonkow(s){\r\n      return (s || '').toLowerCase()\r\n        .replace(\/\u0105\/g,'a').replace(\/\u0107\/g,'c').replace(\/\u0119\/g,'e').replace(\/\u0142\/g,'l')\r\n        .replace(\/\u0144\/g,'n').replace(\/\u00f3\/g,'o').replace(\/\u015b\/g,'s').replace(\/\u017a\/g,'z').replace(\/\u017c\/g,'z');\r\n    }\r\n\r\n    var osoby = KADRA.map(function(o,i){\r\n      var kat = [];\r\n      FILTRY.forEach(function(f,fi){\r\n        var pasuje;\r\n        if(f.wych)       pasuje = !!o.w;\r\n        else if(f.grupa) pasuje = (o.gr === f.grupa);\r\n        else             pasuje = (f.slowa || []).some(function(s){\r\n                            return bezOgonkow(o.r).indexOf(bezOgonkow(s)) > -1; });\r\n        if(pasuje) kat.push(fi);\r\n      });\r\n      return {\r\n        el:  document.getElementById('pzK' + i),\r\n        txt: bezOgonkow(o.n + ' ' + o.r\r\n             + (o.gr ? ' grupa ' + o.gr + ' ' + wiekGrupy(o.gr) : '')),\r\n        kat: kat\r\n      };\r\n    });\r\n\r\n    var wybrany = -1;   \/* -1 = wszyscy *\/\r\n\r\n    var przyciski = ['<button class=\"pz-chip on\" type=\"button\" data-f=\"-1\">Wszyscy '\r\n      + '<small>' + KADRA.length + '<\/small><\/button>'];\r\n    FILTRY.forEach(function(f,fi){\r\n      var ile = osoby.filter(function(x){ return x.kat.indexOf(fi) > -1; }).length;\r\n      if(!ile) return;\r\n      przyciski.push('<button class=\"pz-chip\" type=\"button\" data-f=\"'+fi+'\">'\r\n        + f.nazwa + ' <small>' + ile + '<\/small><\/button>');\r\n    });\r\n    chips.innerHTML = przyciski.join('');\r\n\r\n    function odswiez(){\r\n      var szukane = bezOgonkow(pole.value.trim());\r\n      var widoczne = 0;\r\n      osoby.forEach(function(x){\r\n        if(!x.el) return;\r\n        var ok = (wybrany === -1 || x.kat.indexOf(wybrany) > -1)\r\n              && (!szukane || x.txt.indexOf(szukane) > -1);\r\n        x.el.classList.toggle('pz-off', !ok);\r\n        if(ok){ widoczne++; x.el.classList.add('in'); }\r\n      });\r\n      var filtruje = (wybrany !== -1 || !!szukane);\r\n      tools.classList.toggle('filtruje', filtruje);\r\n      boxS.classList.toggle('ma-tekst', !!pole.value);\r\n      count.firstChild.nodeValue = filtruje\r\n        ? ('Pokazujemy ' + widoczne + ' z ' + KADRA.length + ' os\u00f3b. ')\r\n        : ('Wszystkie osoby: ' + KADRA.length + '. ');\r\n      pusto.classList.toggle('on', widoczne === 0);\r\n      chips.querySelectorAll('.pz-chip').forEach(function(b){\r\n        b.classList.toggle('on', +b.getAttribute('data-f') === wybrany);\r\n      });\r\n    }\r\n\r\n    chips.addEventListener('click', function(e){\r\n      var b = e.target.closest('.pz-chip'); if(!b) return;\r\n      var f = +b.getAttribute('data-f');\r\n      wybrany = (f === wybrany ? -1 : f);   \/* ponowne klikni\u0119cie = wy\u0142\u0105czenie *\/\r\n      odswiez();\r\n    });\r\n    pole.addEventListener('input', odswiez);\r\n    xBtn.addEventListener('click', function(){ pole.value = ''; pole.focus(); odswiez(); });\r\n    reset.addEventListener('click', function(){ pole.value = ''; wybrany = -1; odswiez(); });\r\n    document.addEventListener('keydown', function(e){\r\n      var wPolu = \/^(INPUT|TEXTAREA|SELECT)$\/.test((e.target.tagName || ''));\r\n      if(e.key === '\/' && !wPolu && window.innerWidth >= 900){\r\n        e.preventDefault(); pole.focus(); pole.select();\r\n      }\r\n      if(e.key === 'Escape' && e.target === pole){ pole.value = ''; odswiez(); }\r\n    });\r\n\r\n    odswiez();\r\n    return function(){ pole.value = ''; wybrany = -1; odswiez(); };\r\n  })();\r\n\r\n  \/* dotkni\u0119cie grupy przewija do karty pierwszej osoby z grupy\r\n     i pod\u015bwietla karty wszystkich pa\u0144 pracuj\u0105cych z t\u0105 grup\u0105 *\/\r\n  document.getElementById('pzGrupy').addEventListener('click', function(e){\r\n    var a = e.target.closest('a[data-i]'); if(!a) return;\r\n    e.preventDefault();\r\n    filtrujKadre();   \/* zdejmujemy filtry, \u017ceby karty na pewno by\u0142y widoczne *\/\r\n    var cele = (a.getAttribute('data-i') || '').split(',').map(function(nr){\r\n      return document.getElementById('pzK' + nr);\r\n    }).filter(Boolean);\r\n    if(!cele.length) return;\r\n    ROOT.querySelectorAll('.pz-p').forEach(function(el){ el.classList.remove('hit'); });\r\n    cele.forEach(function(c){ c.classList.add('in','hit'); });\r\n    przewinPod(cele[0], true);\r\n    setTimeout(function(){\r\n      cele.forEach(function(c){ c.classList.remove('hit'); });\r\n    }, 3200);\r\n  });\r\n\r\n  \/* wej\u015bcie z adresem zako\u0144czonym #pzK5 (np. z innej podstrony) *\/\r\n  if(\/^#pzK\\d+$\/.test(location.hash)){\r\n    var celZAdresu = document.getElementById(location.hash.slice(1));\r\n    if(celZAdresu){\r\n      celZAdresu.classList.add('in');\r\n      setTimeout(function(){ przewinPod(celZAdresu, false); }, 260);\r\n      window.addEventListener('load', function(){\r\n        setTimeout(function(){ przewinPod(celZAdresu, false); }, 420);\r\n      });\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500 kaskadowe wej\u015bcie kart \u2500\u2500 *\/\r\n  var karty = Array.prototype.slice.call(ROOT.querySelectorAll('.pz-p'));\r\n  function wszystkie(){ karty.forEach(function(el){ el.classList.add('in'); }); }\r\n  if(window.matchMedia('(prefers-reduced-motion: reduce)').matches || !('IntersectionObserver' in window)){\r\n    wszystkie();\r\n  } else {\r\n    var io = new IntersectionObserver(function(w){\r\n      var we = w.filter(function(x){ return x.isIntersecting; });\r\n      we.forEach(function(x,n){\r\n        setTimeout(function(){ x.target.classList.add('in'); }, n*55);\r\n        io.unobserve(x.target);\r\n      });\r\n    }, {threshold:.1, rootMargin:'0px 0px -5% 0px'});\r\n    karty.forEach(function(el){ io.observe(el); });\r\n    setTimeout(wszystkie, 4000);\r\n  }\r\n\r\n  \/* \u2500\u2500 powi\u0119kszenie zdj\u0119\u0107 \u2500\u2500 *\/\r\n  (function(){\r\n    var lb  = document.getElementById('pzLb'),\r\n        img = document.getElementById('pzLbImg'),\r\n        cap = document.getElementById('pzLbC'),\r\n        x   = document.getElementById('pzLbX'),\r\n        prev= document.getElementById('pzLbPrev'),\r\n        next= document.getElementById('pzLbNext');\r\n    var ostatni = null, lista = [], nr = -1;\r\n\r\n    \/* okno powi\u0119kszenia przenosimy na koniec strony, \u017ceby nie m\u00f3g\u0142 go\r\n       przykry\u0107 przyklejony nag\u0142\u00f3wek ani kontener z w\u0142asnym przekszta\u0142ceniem *\/\r\n    if(lb.parentNode !== document.body) document.body.appendChild(lb);\r\n\r\n    var zapisSkok = 0, zapisBody = '', zapisHtml = '';\r\n\r\n    function widoczne(){\r\n      return Array.prototype.filter.call(ROOT.querySelectorAll('img[data-lb]'), function(el){\r\n        var k = el.closest('.pz-p');\r\n        return !(k && k.classList.contains('pz-off'));\r\n      });\r\n    }\r\n    function pokaz(i){\r\n      lista = lista.length ? lista : widoczne();\r\n      if(!lista.length) return;\r\n      nr = (i + lista.length) % lista.length;\r\n      var el = lista[nr];\r\n      img.src = el.currentSrc || el.src;\r\n      img.alt = el.getAttribute('data-lb') || '';\r\n      cap.textContent = el.getAttribute('data-lb') || '';\r\n      var jedno = lista.length < 2;\r\n      prev.style.display = jedno ? 'none' : '';\r\n      next.style.display = jedno ? 'none' : '';\r\n    }\r\n    function otworz(el, zrodlo){\r\n      ostatni = zrodlo;\r\n      lista = widoczne();\r\n      nr = lista.indexOf(el);\r\n      pokaz(nr < 0 ? 0 : nr);\r\n      lb.classList.add('on');\r\n      zapisSkok = window.pageYOffset || document.documentElement.scrollTop || 0;\r\n      zapisBody = document.body.style.overflow;\r\n      zapisHtml = document.documentElement.style.overflow;\r\n      document.body.style.overflow = 'hidden';\r\n      document.documentElement.style.overflow = 'hidden';\r\n      setTimeout(function(){ x.focus(); }, 60);\r\n    }\r\n    function zamknij(){\r\n      lb.classList.remove('on');\r\n      document.body.style.overflow = zapisBody;\r\n      document.documentElement.style.overflow = zapisHtml;\r\n      window.scrollTo(0, zapisSkok);\r\n      setTimeout(function(){ img.src = ''; lista = []; }, 320);\r\n      if(ostatni) ostatni.focus && ostatni.focus();\r\n    }\r\n\r\n    ROOT.querySelectorAll('img[data-lb]').forEach(function(el){\r\n      var box = el.parentNode;\r\n      box.setAttribute('role','button');\r\n      box.setAttribute('tabindex','0');\r\n      box.setAttribute('aria-label','Powi\u0119ksz: ' + el.getAttribute('data-lb'));\r\n      function go(){ otworz(el, box); }\r\n      box.addEventListener('click', go);\r\n      box.addEventListener('keydown', function(e){\r\n        if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); go(); }\r\n      });\r\n    });\r\n\r\n    x.addEventListener('click', zamknij);\r\n    prev.addEventListener('click', function(e){ e.stopPropagation(); pokaz(nr - 1); });\r\n    next.addEventListener('click', function(e){ e.stopPropagation(); pokaz(nr + 1); });\r\n    lb.addEventListener('click', function(e){ if(e.target === lb || e.target === img) zamknij(); });\r\n    document.addEventListener('keydown', function(e){\r\n      if(!lb.classList.contains('on')) return;\r\n      if(e.key === 'Escape') zamknij();\r\n      if(e.key === 'ArrowLeft'){ e.preventDefault(); pokaz(nr - 1); }\r\n      if(e.key === 'ArrowRight'){ e.preventDefault(); pokaz(nr + 1); }\r\n    });\r\n  })();\r\n\r\n  \/* \u2500\u2500 powi\u0105zane \u2500\u2500 *\/\r\n  var T = [\r\n    {t:'Plan dnia', d:'jak wygl\u0105da dzie\u0144', c:'#D9A417', h:U+'5734',\r\n     i:ic('<circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5.3l3.4 2\"\/>')},\r\n    {t:'Kalendarz roku', d:'dni wolne i wydarzenia', c:'#3E8E5A', h:U+'5662',\r\n     i:ic('<rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2.5\"\/><path d=\"M8 2.5v5M16 2.5v5M3 10h18\"\/>')},\r\n    {t:'Rekrutacja', d:'rok 2026\/2027', c:'#8B54C4', h:U+'4686',\r\n     i:ic('<path d=\"M12 3.4 21 8l-9 4.6L3 8z\"\/><path d=\"M6.6 10.4V15c0 1.7 2.4 3 5.4 3s5.4-1.3 5.4-3v-4.6\"\/>')},\r\n    {t:'Kontakt', d:'sekretariat i godziny', c:'#2E86C8', h:U+'360',\r\n     i:ic('<rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2.5\"\/><path d=\"M8.6 7V4.6h6.8V7\"\/><path d=\"M3 12.4h18\"\/>')}\r\n  ];\r\n  document.getElementById('pzTiles').innerHTML = T.map(function(o){\r\n    return '<a class=\"hx-tile\" href=\"'+o.h+'\" style=\"--c:'+o.c+'\" data-x>'\r\n      + '<span class=\"hx-ic\">'+o.i+'<\/span><b>'+o.t+'<\/b><u>'+o.d+'<\/u><\/a>';\r\n  }).join('');\r\n\r\n  HX.sierotki(ROOT); HX.boot();\r\n\r\n  }\r\n\r\n  var __t = 0;\r\n  (function __wait(){\r\n    if(window.HX){ __start(); return; }\r\n    if(__t++ < 80){ setTimeout(__wait, 100); return; }\r\n    if(window.console) console.warn('Hilaris: nie znaleziono rdzenia (hilaris-CORE).');\r\n  })();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Przedszkole O nas Nasz zesp\u00f3\u0142 Ludzie, kt\u00f3rzy ka\u017cdego dnia towarzysz\u0105 naszym przedszkolakom \u2014 od pierwszego dnia po zer\u00f3wk\u0119. Powi\u0119ksz Prosimy dotkn\u0105\u0107 zdj\u0119cia, aby je powi\u0119kszy\u0107. Nasze grupy Cztery grupy \u2014 od najm\u0142odszych po zer\u00f3wk\u0119. Prosimy dotkn\u0105\u0107 grupy, aby przej\u015b\u0107 do kart jej pa\u0144. Kadra pedagogiczna \u2014 \u2014wyczy\u015b\u0107 filtry Nikt nie pasuje do wpisanych s\u0142\u00f3w. Prosimy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1194,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2419","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/2419","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2419"}],"version-history":[{"count":98,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/2419\/revisions"}],"predecessor-version":[{"id":8481,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/2419\/revisions\/8481"}],"up":[{"embeddable":true,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/1194"}],"wp:attachment":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}