{"id":351,"date":"2025-08-11T13:43:56","date_gmt":"2025-08-11T11:43:56","guid":{"rendered":"https:\/\/hilaris-blonie.pl\/?page_id=351"},"modified":"2026-08-27T17:00:30","modified_gmt":"2026-08-27T15:00:30","slug":"rekrutacja","status":"publish","type":"page","link":"https:\/\/hilaris-blonie.pl\/?page_id=351","title":{"rendered":"Rekrutacja"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"351\" class=\"elementor elementor-351\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9682b87 e-flex e-con-boxed e-con e-parent\" data-id=\"9682b87\" 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-d6afb76 elementor-widget elementor-widget-html\" data-id=\"d6afb76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\n     HILARIS \u2014 REKRUTACJA   (wersja responsywna, z sekcj\u0105 pyta\u0144)\n     Strona \u015bwiadoma daty: sama rozpoznaje etap rekrutacji i przestawia\n     komunikat g\u0142\u00f3wny. Po zako\u0144czeniu naboru automatycznie eksponuje\n     wolne miejsca zamiast nieaktualnego terminarza.\n     \u25b8 AKTUALIZACJA NA KOLEJNY ROK: obiekt REKRUTACJA na dole pliku.\n     \u25b8 PYTANIA I ODPOWIEDZI: tablica PYTANIA \u2014 tu\u017c pod obiektem REKRUTACJA.\n     \u25b8 DOPASUJ GRUP\u0118: tablica SCIEZKI \u2014 pod tablic\u0105 PYTANIA.\n     Prefiks klas: hr-   |   GSAP opcjonalny.\n     STRZA\u0141KA POWROTU (lewy g\u00f3rny r\u00f3g): strona g\u0142\u00f3wna Szko\u0142y Podstawowej (page_id=345)\n     \u25b8 Adres zmienisz w jednym miejscu \u2014 znacznik <a class=\"hr-back\" \u2026>\n       zaraz po otwarciu sekcji, na pocz\u0105tku kodu HTML.\n     ---------------------------------------------------------------------------\n     ZMIANY W TEJ WERSJI:\n       \u2022 POPRAWKA NA TELEFONY \u2014 \u201eNajcz\u0119stsze pytania\u201d. Motyw WordPressa\n         nadaje przyciskom white-space:nowrap, wi\u0119c d\u0142ugie pytanie nie\n         zawija\u0142o si\u0119 do drugiego wiersza, tylko ucieka\u0142o poza kafelek\n         i by\u0142o ucinane przy prawej kraw\u0119dzi (na komputerze problem nie\n         by\u0142o wida\u0107, bo kafelek jest tam szeroki). Zawijanie wymuszamy\n         teraz w resecie przycisk\u00f3w na pocz\u0105tku styl\u00f3w \u2014 dotyczy te\u017c\n         filtr\u00f3w tematycznych i kafelk\u00f3w wieku\n       \u2022 AKTUALIZACJA NA ROK SZKOLNY 2026\/2027 \u2014 nowe nazwy grup\n         przedszkolnych. Przedzia\u0142y wiekowe i wolne miejsca bez zmian,\n         zmieni\u0142y si\u0119 same nazwy:\n             Pszcz\u00f3\u0142ki     \u2014 2,5\u20133 lata      (dawniej Chmurki)\n             Chmurki       \u2014 4 lata          (dawniej Biedroneczki)\n             Biedroneczki  \u2014 5 lat           (dawniej Robaczki)\n             Robaczki      \u2014 zer\u00f3wka, 6 lat  (dawniej Kotki)\n         Poprawione w czterech miejscach: obiekt PRZEDSZKOLE (lista grupy\n         i opis wszystkieGrupy), tablica PYTANIA, tablica SCIEZKI oraz\n         komunikat nad okienkami grup w skrypcie sekcji przedszkola\n       \u2022 ZDJ\u0118CIE PRZY SEKCJI PRZEDSZKOLA \u2014 zamiast zer\u00f3wki \u201eKotki\u201d\n         wchodzi angloj\u0119zyczny wyst\u0119p grup przedszkolnych\n         (obiekt ZDJECIA, pozycja przedszkole)\n       \u2022 NOWY PANEL \u201eDopasuj grup\u0119\u201d \u2014 wstawiony mi\u0119dzy kafelki wyboru\n         (Szko\u0142a \/ Przedszkole) a sekcj\u0119 \u201eSzko\u0142a Podstawowa \u2014 wolne miejsca\u201d.\n         Rodzic wybiera wiek dziecka, a panel pokazuje w\u0142a\u015bciw\u0105 grup\u0119 albo\n         klas\u0119: opis, trzy liczby, list\u0119 korzy\u015bci i dwa przyciski (spotkanie\n         oraz telefon do w\u0142a\u015bciwego sekretariatu). Panel przej\u0105\u0142 kolory\n         i typografi\u0119 strony rekrutacji, wi\u0119c nie odcina si\u0119 od reszty\n         i przebarwia si\u0119 razem z ni\u0105. Tre\u015b\u0107: tablica SCIEZKI w skrypcie\n       \u2022 sekcja \u201eSzko\u0142a Podstawowa \u2014 wolne miejsca\u201d przeniesiona ni\u017cej:\n         stoi teraz tu\u017c nad pasem \u201efollow your passion!\u201d, za terminarzem\n         i za opisem zg\u0142oszenia. Dosta\u0142a szare t\u0142o, \u017ceby zachowa\u0107\n         naprzemienny rytm sekcji\n       \u2022 panel jest w pe\u0142ni responsywny: na telefonie kafelki wieku uk\u0142adaj\u0105\n         si\u0119 po trzy w rz\u0119dzie, liczby w karcie wyniku jedna pod drug\u0105,\n         a przyciski na ca\u0142\u0105 szeroko\u015b\u0107; na komputerze wszystkie roczniki\n         mieszcz\u0105 si\u0119 w jednym rz\u0119dzie\n     ---------------------------------------------------------------------------\n     WCZE\u015aNIEJSZE ZMIANY:\n       \u2022 usuni\u0119ty g\u00f3rny granatowy pasek z nazw\u0105 szko\u0142y oraz stopka bloku \u2014\n         jedno i drugie jest ju\u017c w globalnym nag\u0142\u00f3wku i stopce strony\n       \u2022 wolne miejsca tak\u017ce w KLASIE 8 (lista wolneMiejsca w obiekcie\n         REKRUTACJA \u2014 dopisujesz i usuwasz numery klas jedn\u0105 cyfr\u0105)\n       \u2022 czcionka nag\u0142\u00f3wk\u00f3w: Source Serif 4 zamiast Fraunces (ta sama\n         czytelno\u015b\u0107, ale proste \u201eJ\u201d); zmiana w dw\u00f3ch miejscach: adres\n         Google Fonts na g\u00f3rze styl\u00f3w i regu\u0142a \u201e.hil-r h1, h2, h3 \u2026\u201d\n       \u2022 znak zapytania w nag\u0142\u00f3wku \u201eJak zg\u0142osi\u0107 dziecko?\u201d\n       \u2022 NOWA SEKCJA \u201eNajcz\u0119stsze pytania\u201d pod panelem \u201eJak zg\u0142osi\u0107 dziecko?\u201d:\n         wyszukiwarka na \u017cywo, filtry tematyczne i rozwijane odpowiedzi.\n         Same pytania \u2014 bez dodatkowych nag\u0142\u00f3wk\u00f3w i bez powt\u00f3rzonego bloku\n         kontaktowego, bo ten jest ni\u017cej na stronie\n       \u2022 dolny odst\u0119p strony dopasowany do paska szybkich akcji, \u017ceby po\n         usuni\u0119ciu stopki nic nie chowa\u0142o si\u0119 pod nim na telefonie\n       \u2022 ROZDZIELONE \u015aCIE\u017bKI: szko\u0142a i przedszkole. Pod nag\u0142\u00f3wkiem rodzic\n         wybiera jedn\u0105 z dw\u00f3ch (odno\u015bniki przewijaj\u0105 do w\u0142a\u015bciwej sekcji),\n         a ni\u017cej dosz\u0142a pe\u0142na sekcja \u201ePrzedszkole \u2014 rekrutacja\u201d: wolne\n         miejsca w grupie maluszk\u00f3w i \u015bredniak\u00f3w z gotowym zapytaniem,\n         lista atut\u00f3w, telefon i e-mail sekretariatu przedszkola oraz\n         odno\u015bnik do strony przedszkola. Dane w obiekcie PRZEDSZKOLE\n       \u2022 trzy nowe pytania o przedszkole w sekcji \u201eNajcz\u0119stsze pytania\u201d\n         (nowy temat \u201ePrzedszkole\u201d pojawia si\u0119 w filtrach automatycznie)\n       \u2022 przycisk \u201eWirtualny spacer po szkole\u201d oznaczony jako\n         \u201ew przygotowaniu\u201d i chwilowo nieklikalny\n       \u2022 nag\u0142\u00f3wek i podpis \u201ePytania o rekrutacj\u0119\u201d wy\u015brodkowane\n       \u2022 FOTOGRAFIE: zdj\u0119cie w nag\u0142\u00f3wku, kadr przy terminarzu (na komputerze\n         jedzie razem z osi\u0105 jako kolumna przyklejona), zdj\u0119cie przy sekcji\n         przedszkola oraz dwa pe\u0142nowymiarowe pasy przerywnikowe \u2014 z mottem\n         \u201efollow your passion!\u201d i z zaproszeniem na spotkanie. Adresy plik\u00f3w\n         i kadrowanie: obiekt ZDJECIA na pocz\u0105tku skryptu\n     ========================================================================== -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Figtree:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap');\n.hil-r{\n  --navy:#0E2B4D; --navy-d:#0A1F3A; --gold:#D9A417; --gold-l:#F0C64B;\n  --ink:#12324B; --ink-2:#5A6E7E; --line:#E2E8EC; --paper:#fff; --mist:#F3F6F8;\n  --ok:#3E8E5A; --wait:#5A6E7E; --live:#D9A417; --r:16px;\n  font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;\n  color:var(--ink); line-height:1.55; display:block; width:100%; overflow-x:hidden;\n  -webkit-font-smoothing:antialiased; background:var(--paper);\n}\n.hil-r *,.hil-r *::before,.hil-r *::after{box-sizing:border-box;}\n.hil-r p{margin:0 0 .9em;} .hil-r p:last-child{margin-bottom:0;}\n.hil-r img{display:block;max-width:100%;}\n.hil-r a{text-decoration:none;color:inherit;}\n\/* \u2500\u2500 CZCIONKA NAG\u0141\u00d3WK\u00d3W \u2500\u2500\n   Fraunces mia\u0142a ozdobne, krzywe \u201eJ\u201d. Source Serif 4 to ten sam charakter\n   szeryfowego nag\u0142\u00f3wka i ta sama czytelno\u015b\u0107, ale litery s\u0105 proste.\n   Chcesz inn\u0105? Zmie\u0144 nazw\u0119 tutaj i w adresie Google Fonts wy\u017cej.\n   Dobrze pasuj\u0105 te\u017c: Literata, Newsreader, Bitter. *\/\n.hil-r h1,.hil-r h2,.hil-r h3{font-family:'Source Serif 4',Georgia,'Times New Roman',serif;\n  margin:0;font-weight:700;line-height:1.14;letter-spacing:-.008em;}\n.hil-r button,.hil-r a,.hil-r [role=\"button\"]{\n  text-transform:none!important;letter-spacing:normal!important;word-spacing:normal!important;\n  font-family:inherit!important;text-shadow:none!important;\n  \/* Motyw WordPressa nadaje przyciskom white-space:nowrap. Na komputerze\n     tego nie wida\u0107, bo kafelek jest szeroki, ale na telefonie d\u0142ugie\n     pytanie w sekcji \u201eNajcz\u0119stsze pytania\u201d wychodzi\u0142o poza kafelek\n     zamiast zawin\u0105\u0107 si\u0119 do drugiego wiersza. Dlatego zawijanie wymuszamy\n     tu, dla WSZYSTKICH przycisk\u00f3w i odno\u015bnik\u00f3w bloku. *\/\n  white-space:normal!important;overflow-wrap:break-word;}\n.hil-r button,.hil-r [role=\"button\"]{overflow-wrap:anywhere;min-width:0;max-width:100%;cursor:pointer;}\n.hil-r .hr-app{max-width:520px;margin:0 auto;background:var(--paper);\n  box-shadow:0 0 60px -30px rgba(14,43,77,.4);\n  \/* zapas na dolny pasek szybkich akcji (stopka bloku zosta\u0142a usuni\u0119ta) \u2014\n     dok\u0142adnie tyle, ile pasek zajmuje, plus kilka pikseli oddechu *\/\n  padding-bottom:calc(48px + env(safe-area-inset-bottom));}\n@media (min-width:640px){ .hil-r{background:linear-gradient(180deg,#EEF2F6,#fff);} }\n\/* powr\u00f3t na stron\u0119 g\u0142\u00f3wn\u0105 *\/\n.hil-r .hr-back{display:flex;align-items:center;gap:9px;padding:12px 18px;background:var(--mist);\n  border-bottom:1px solid var(--line);font-size:.85rem;font-weight:600;color:var(--navy);}\n.hil-r .hr-back svg{width:16px;height:16px;color:var(--gold);flex:none;}\n\/* hero *\/\n.hil-r .hr-hero{background:var(--navy);color:#fff;padding:26px 18px 24px;position:relative;overflow:hidden;}\n.hil-r .hr-hero::after{content:\"\";position:absolute;right:-70px;top:-70px;width:220px;height:220px;\n  border-radius:50%;background:rgba(217,164,23,.14);}\n.hil-r .hr-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;\n  padding:7px 14px;font-size:.73rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;\n  position:relative;z-index:2;margin-bottom:14px;}\n.hil-r .hr-badge i{width:8px;height:8px;border-radius:50%;background:currentColor;display:block;}\n.hil-r .hr-badge--live{background:rgba(217,164,23,.18);color:var(--gold-l);}\n.hil-r .hr-badge--live i{animation:hr-pulse 1.8s ease-out infinite;}\n@keyframes hr-pulse{0%{box-shadow:0 0 0 0 rgba(240,198,75,.7)}70%{box-shadow:0 0 0 9px rgba(240,198,75,0)}100%{box-shadow:0 0 0 0 rgba(240,198,75,0)}}\n.hil-r .hr-badge--done{background:rgba(255,255,255,.12);color:#C6D7E5;}\n.hil-r .hr-hero h1{font-size:clamp(1.85rem,7.6vw,2.35rem);color:#fff;position:relative;z-index:2;}\n.hil-r .hr-hero > p{font-size:.89rem;color:#C6D7E5;margin-top:12px;position:relative;z-index:2;}\n\/* zdj\u0119cie w nag\u0142\u00f3wku *\/\n.hil-r .hr-hero__foto{position:relative;z-index:2;margin-top:18px;--ar:16\/10;}\n\/* \u2500\u2500 LICZNIK DO PIERWSZEGO WRZE\u015aNIA \u2500\u2500\n   Tre\u015b\u0107 wy\u015brodkowana, liczba bardzo powoli \u201eoddycha\u201d, a data stoi w osobnym\n   wierszu jako z\u0142ota plakietka \u2014 dzi\u0119ki temu nigdy nie zostaje samotna cyfra\n   na ko\u0144cu wiersza. Tempo pulsowania: 3.4s w animacji hr-cd-puls. *\/\n.hil-r .hr-cd{display:grid;justify-items:center;text-align:center;gap:2px;\n  background:rgba(255,255,255,.07);border:1px solid rgba(240,198,75,.24);\n  border-radius:18px;padding:18px 20px 16px;margin:18px auto 0;max-width:430px;\n  position:relative;z-index:2;}\n.hil-r .hr-cd b{font-family:'Source Serif 4',Georgia,serif;font-size:3rem;line-height:1;\n  color:var(--gold-l);display:block;\n  animation:hr-cd-puls 3.4s ease-in-out infinite;}\n.hil-r .hr-cd span{font-size:.85rem;color:#C6D7E5;line-height:1.5;max-width:32ch;\n  text-wrap:balance;}\n.hil-r .hr-cd em{font-style:normal;margin-top:11px;font-size:.72rem;font-weight:800;\n  letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;\n  color:#3B2A00;background:linear-gradient(180deg,var(--gold-l),var(--gold));\n  border-radius:999px;padding:6px 15px;box-shadow:0 8px 20px -12px rgba(217,164,23,.9);}\n@keyframes hr-cd-puls{\n  0%,100%{transform:scale(1);text-shadow:0 0 0 rgba(240,198,75,0);}\n  50%    {transform:scale(1.05);text-shadow:0 0 30px rgba(240,198,75,.38);}\n}\n@media (prefers-reduced-motion:reduce){ .hil-r .hr-cd b{animation:none;} }\n\/* \u2500\u2500 WYB\u00d3R \u015aCIE\u017bKI: SZKO\u0141A CZY PRZEDSZKOLE \u2500\u2500\n   Hilaris to dwie plac\u00f3wki w jednym kompleksie, wi\u0119c zaraz pod nag\u0142\u00f3wkiem\n   rodzic wybiera, co go interesuje. Odno\u015bniki przewijaj\u0105 do w\u0142a\u015bciwej sekcji. *\/\n.hil-r .hr-pick{display:grid;gap:10px;padding:16px 18px;background:var(--mist);\n  border-bottom:1px solid var(--line);}\n.hil-r .hr-pick__c{display:flex;align-items:center;gap:13px;background:var(--paper);\n  border:1.5px solid var(--line);border-radius:16px;padding:13px 15px;color:var(--ink);\n  transition:border-color .25s ease,transform .18s ease,box-shadow .25s ease;}\n.hil-r .hr-pick__c:active{transform:scale(.985);}\n.hil-r .hr-pick__ic{flex:none;width:42px;height:42px;border-radius:13px;display:grid;\n  place-items:center;background:rgba(14,43,77,.07);color:var(--navy);}\n.hil-r .hr-pick__ic svg{width:21px;height:21px;}\n.hil-r .hr-pick__c--p .hr-pick__ic{background:rgba(217,164,23,.16);color:var(--gold);}\n.hil-r .hr-pick__t b{display:block;font-size:1rem;line-height:1.25;}\n.hil-r .hr-pick__t u{text-decoration:none;display:block;font-size:.78rem;color:var(--ink-2);margin-top:2px;}\n.hil-r .hr-pick__go{margin-left:auto;flex:none;color:var(--gold);display:grid;place-items:center;}\n.hil-r .hr-pick__go svg{width:18px;height:18px;}\n\/* kotwice maj\u0105 zapas na przyklejony nag\u0142\u00f3wek strony *\/\n.hil-r .hr-sec[id],.hil-r .hr-anchor{scroll-margin-top:130px;}\n\/* ============================================================================\n   DOPASUJ GRUP\u0118 \u2014 kreator dla rodzica\n   ---------------------------------------------------------------------------\n   Panel stoi mi\u0119dzy kafelkami wyboru plac\u00f3wki a wolnymi miejscami w szkole:\n   rodzic, kt\u00f3ry jeszcze nie wie, czy szuka\u0107 przedszkola czy szko\u0142y, klika\n   wiek dziecka i od razu widzi w\u0142a\u015bciw\u0105 grup\u0119 albo klas\u0119.\n   Kolory bierze wy\u0142\u0105cznie ze zmiennych tej strony (--navy, --gold, --mist\u2026),\n   wi\u0119c gdy przemalujemy stron\u0119 na barwy przedszkola, panel przebarwi si\u0119\n   razem z ni\u0105 \u2014 nie ma tu ani jednego koloru wpisanego na sztywno.\n   TRE\u015a\u0106 (wiek, nazwy grup, liczby, punkty): tablica SCIEZKI w skrypcie.\n   ============================================================================ *\/\n.hil-r .hr-dg{padding-top:30px;padding-bottom:30px;}\n.hil-r .hr-dg__wieki{display:grid;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr));\n  margin:0 0 4px;}\n.hil-r .hr-dg__wiek{\n  -webkit-appearance:none!important;appearance:none!important;\n  margin:0!important;padding:13px 6px!important;min-width:0!important;\n  background:var(--paper)!important;border:1.5px solid var(--line)!important;\n  border-radius:15px!important;box-shadow:none!important;cursor:pointer;\n  font-family:inherit!important;text-align:center;display:block;\n  transition:border-color .25s ease,background .25s ease,transform .18s ease,box-shadow .25s ease;}\n.hil-r .hr-dg__wiek:hover{border-color:var(--gold)!important;}\n.hil-r .hr-dg__wiek:active{transform:scale(.97);}\n.hil-r .hr-dg__wiek-l{display:block;font-family:'Source Serif 4',Georgia,serif;\n  font-size:1.45rem;font-weight:700;line-height:1;color:var(--navy);\n  transition:color .25s ease;}\n.hil-r .hr-dg__wiek-o{display:block;font-size:.68rem;font-weight:800;letter-spacing:.07em;\n  text-transform:uppercase;color:var(--ink-2);margin-top:5px;transition:color .25s ease;}\n.hil-r .hr-dg__wiek.jest-wybrany{\n  background:var(--navy)!important;border-color:var(--navy)!important;\n  box-shadow:0 14px 30px -18px rgba(14,43,77,.9)!important;}\n.hil-r .hr-dg__wiek.jest-wybrany .hr-dg__wiek-l{color:var(--gold-l);}\n.hil-r .hr-dg__wiek.jest-wybrany .hr-dg__wiek-o{color:#fff;opacity:.78;}\n\/* podpowied\u017a znika, gdy rodzic wybierze wiek *\/\n.hil-r .hr-dg__hint{font-size:.8rem;color:var(--ink-2);text-align:center;margin:12px 0 0;}\n.hil-r .hr-dg.jest-wybrane .hr-dg__hint{display:none;}\n\/* karta wyniku *\/\n.hil-r .hr-dg__wynik{margin-top:16px;overflow:hidden;max-height:0;opacity:0;\n  transition:max-height .55s cubic-bezier(.22,1,.36,1),opacity .4s ease;}\n.hil-r .hr-dg__wynik.jest-widoczny{max-height:1400px;opacity:1;}\n.hil-r .hr-dg__karta{background:linear-gradient(140deg,var(--navy),var(--navy-d));\n  color:#fff;border-radius:20px;padding:22px 20px;\n  box-shadow:0 26px 50px -30px rgba(14,43,77,.9);}\n.hil-r .hr-dg__odz{display:inline-flex;align-items:center;gap:8px;\n  background:rgba(240,198,75,.18);color:var(--gold-l);\n  font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;\n  padding:6px 14px;border-radius:999px;margin-bottom:14px;}\n.hil-r .hr-dg__karta h3{font-size:1.4rem;color:#fff;line-height:1.2;}\n.hil-r .hr-dg__karta h3 span{color:var(--gold-l);}\n.hil-r .hr-dg__wstep{margin:9px 0 18px;font-size:.9rem;line-height:1.65;color:#C6D7E5;}\n.hil-r .hr-dg__fakty{display:grid;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr));\n  margin-bottom:18px;}\n.hil-r .hr-dg__fakt{background:rgba(255,255,255,.08);border-radius:13px;padding:12px 10px;\n  text-align:center;}\n.hil-r .hr-dg__fakt b{display:block;font-family:'Source Serif 4',Georgia,serif;\n  font-size:1.1rem;font-weight:700;line-height:1.2;color:var(--gold-l);overflow-wrap:anywhere;}\n.hil-r .hr-dg__fakt u{text-decoration:none;display:block;font-size:.67rem;line-height:1.35;\n  letter-spacing:.05em;text-transform:uppercase;color:#C6D7E5;opacity:.8;margin-top:5px;}\n.hil-r .hr-dg__lista{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px;}\n.hil-r .hr-dg__lista li{position:relative;padding-left:25px;font-size:.89rem;line-height:1.6;\n  color:#DCE8F2;}\n.hil-r .hr-dg__lista li::before{content:\"\";position:absolute;left:0;top:.5em;\n  width:11px;height:11px;border-radius:50%;\n  background:linear-gradient(140deg,var(--gold-l),var(--gold));}\n.hil-r .hr-dg__akcje{display:grid;gap:10px;}\n.hil-r .hr-dg__akcje .hr-btn{margin:0;}\n.hil-r .hr-dg__akcje .hr-btn--jasny{background:rgba(255,255,255,.10);color:#fff;\n  box-shadow:inset 0 0 0 1.4px rgba(255,255,255,.28);}\n.hil-r .hr-dg__uwaga{margin:14px 0 0;font-size:.8rem;line-height:1.6;text-align:center;\n  color:var(--ink-2);}\n@media (max-width:400px){\n  .hil-r .hr-dg__wiek{padding:11px 4px!important;}\n  .hil-r .hr-dg__wiek-l{font-size:1.25rem;}\n  .hil-r .hr-dg__wiek-o{font-size:.63rem;letter-spacing:.04em;}\n  .hil-r .hr-dg__fakty{grid-template-columns:1fr;}\n  .hil-r .hr-dg__fakt{display:flex;align-items:baseline;gap:10px;text-align:left;}\n  .hil-r .hr-dg__fakt u{margin-top:0;}\n}\n\/* ============================================================================\n   FOTOGRAFIE\n   ---------------------------------------------------------------------------\n   Dwa rodzaje zdj\u0119\u0107:\n     \u2022 .hr-shot \u2014 kadr w ramce (hero, terminarz, przedszkole). Dop\u00f3ki plik si\u0119\n       wczytuje, w ramce przesuwa si\u0119 delikatna po\u015bwiata, a zdj\u0119cie pojawia si\u0119\n       mi\u0119kkim przenikaniem. Gdyby plik nie istnia\u0142, zostaje spokojne t\u0142o \u2014\n       nic si\u0119 nie \u201epsuje\u201d.\n     \u2022 .hr-band \u2014 pas na ca\u0142\u0105 szeroko\u015b\u0107 z tekstem na zdj\u0119ciu. Granatowa mg\u0142a\n       nad fotografi\u0105 pilnuje, \u017ceby bia\u0142y napis by\u0142 zawsze czytelny.\n       Na komputerze zdj\u0119cie stoi w miejscu przy przewijaniu (efekt g\u0142\u0119bi).\n   ADRESY ZDJ\u0118\u0106 I KADROWANIE: obiekt ZDJECIA w skrypcie na dole pliku.\n   ============================================================================ *\/\n@keyframes hr-shine{0%{background-position:200% 0}100%{background-position:-200% 0}}\n.hil-r .hr-shot{position:relative;width:100%;overflow:hidden;border-radius:18px;isolation:isolate;\n  background:#E7EDF2;border:1px solid rgba(217,164,23,.38);\n  box-shadow:0 26px 50px -34px rgba(14,43,77,.85);aspect-ratio:var(--ar,4\/3);}\n.hil-r .hr-shot::before{content:\"\";position:absolute;inset:0;z-index:1;\n  background:linear-gradient(100deg,#E7EDF2 30%,#F6F9FC 50%,#E7EDF2 70%);\n  background-size:200% 100%;animation:hr-shine 1.7s linear infinite;\n  transition:opacity .6s ease;}\n.hil-r .hr-shot.gotowe::before{opacity:0;animation:none;}\n.hil-r .hr-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\n  object-position:var(--kadr,center);z-index:2;opacity:0;transform:scale(1.05);\n  transition:opacity .9s ease,transform 1.4s cubic-bezier(.22,1,.36,1);}\n.hil-r .hr-shot.gotowe img{opacity:1;transform:none;}\n.hil-r .hr-shot.bez-zdjecia{background:linear-gradient(140deg,#16345A,#0E2B4D);}\n.hil-r .hr-shot__cap{position:absolute;left:0;right:0;bottom:0;z-index:3;\n  padding:30px 16px 13px;color:#fff;font-size:.78rem;font-weight:600;line-height:1.35;\n  background:linear-gradient(180deg,rgba(10,31,58,0),rgba(10,31,58,.85));}\n@media (min-width:900px) and (hover:hover){\n  .hil-r .hr-shot.gotowe img{transition:opacity .9s ease,transform 7s cubic-bezier(.22,1,.36,1);}\n  .hil-r .hr-shot:hover img{transform:scale(1.06);}\n}\n\/* pas ze zdj\u0119ciem i tekstem *\/\n.hil-r .hr-band{position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;\n  min-height:230px;padding:42px 20px;background:#0A1F3A center\/cover no-repeat;isolation:isolate;}\n.hil-r .hr-band::after{content:\"\";position:absolute;inset:0;z-index:1;\n  background:linear-gradient(180deg,rgba(10,31,58,.88) 0%,rgba(10,31,58,.55) 45%,rgba(10,31,58,.92) 100%);}\n.hil-r .hr-band__c{position:relative;z-index:2;max-width:660px;\n  opacity:0;transform:translateY(14px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1);}\n.hil-r .hr-band.gotowe .hr-band__c{opacity:1;transform:none;}\n.hil-r .hr-band__motto{font-family:'Source Serif 4',Georgia,serif;font-weight:700;\n  font-size:clamp(1.4rem,5.4vw,2.1rem);line-height:1.2;color:var(--gold-l);margin:0;}\n.hil-r .hr-band__t{color:#DCE8F2;font-size:.92rem;margin:10px 0 0;line-height:1.6;}\n.hil-r .hr-band .hr-btn{margin:18px auto 0;max-width:320px;}\n\/* trzy wiersze u\u0142o\u017cone piramid\u0105 \u2014 od najd\u0142u\u017cszego do najkr\u00f3tszego *\/\n.hil-r .hr-band__t--wiersze span{display:block;width:fit-content;margin:0 auto;}\n@media (min-width:760px){\n  .hil-r .hr-band__t--wiersze span{white-space:nowrap;}\n  .hil-r .hr-band__c{max-width:820px;}\n}\n\/* delikatna z\u0142ota kreska nad mottem *\/\n.hil-r .hr-band__linia{display:block;width:46px;height:2px;border-radius:2px;\n  background:var(--gold);margin:0 auto 16px;opacity:.9;}\n@media (min-width:900px){\n  .hil-r .hr-band{min-height:340px;padding:64px 40px;background-attachment:fixed;}\n  .hil-r .hr-band__t{font-size:1.04rem;}\n}\n@media (prefers-reduced-motion:reduce){\n  .hil-r .hr-shot::before{animation:none;}\n  .hil-r .hr-band__c{opacity:1;transform:none;}\n  .hil-r .hr-band{background-attachment:scroll;}\n}\n\/* sekcje *\/\n.hil-r .hr-sec{padding:26px 18px;}\n\/* wy\u015brodkowany nag\u0142\u00f3wek sekcji (u\u017cywany w \u201ePytania o rekrutacj\u0119\u201d) *\/\n.hil-r .hr-h--center{text-align:center;}\n.hil-r .hr-sub--center{text-align:center;max-width:62ch;margin-left:auto;margin-right:auto;}\n.hil-r .hr-sec--mist{background:var(--mist);}\n.hil-r .hr-h{font-size:1.35rem;margin-bottom:5px;}\n.hil-r .hr-sub{font-size:.85rem;color:var(--ink-2);margin-bottom:16px;}\n\/* terminarz *\/\n.hil-r .hr-tl{position:relative;padding-left:34px;}\n.hil-r .hr-tl::before{content:\"\";position:absolute;left:11px;top:10px;bottom:14px;width:2px;background:var(--line);}\n.hil-r .hr-tl__fill{position:absolute;left:11px;top:10px;width:2px;background:var(--gold);\n  transition:height .8s cubic-bezier(.22,1,.36,1);}\n.hil-r .hr-ev{position:relative;padding:0 0 20px;}\n.hil-r .hr-ev:last-child{padding-bottom:0;}\n.hil-r .hr-dot{position:absolute;left:-34px;top:2px;width:24px;height:24px;border-radius:50%;\n  background:var(--paper);border:2px solid var(--line);display:grid;place-items:center;z-index:2;}\n.hil-r .hr-dot svg{width:12px;height:12px;color:#fff;opacity:0;}\n.hil-r .hr-ev.is-done .hr-dot{background:var(--ok);border-color:var(--ok);}\n.hil-r .hr-ev.is-done .hr-dot svg{opacity:1;}\n.hil-r .hr-ev.is-live .hr-dot{background:var(--gold);border-color:var(--gold);\n  box-shadow:0 0 0 5px rgba(217,164,23,.22);}\n.hil-r .hr-ev.is-live .hr-dot svg{opacity:1;}\n.hil-r .hr-when{font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);}\n.hil-r .hr-ev.is-live .hr-when{color:var(--gold);}\n.hil-r .hr-what{font-size:.94rem;font-weight:600;margin-top:3px;line-height:1.4;}\n.hil-r .hr-ev.is-done .hr-what{color:var(--ink-2);}\n.hil-r .hr-state{display:inline-block;font-size:.7rem;font-weight:800;border-radius:999px;\n  padding:3px 9px;margin-top:7px;}\n.hil-r .hr-ev.is-done .hr-state{background:#E7F4EC;color:var(--ok);}\n.hil-r .hr-ev.is-live .hr-state{background:#FFF3D6;color:#8A5B00;}\n.hil-r .hr-ev.is-next .hr-state{background:var(--mist);color:var(--ink-2);}\n\/* wolne miejsca *\/\n.hil-r .hr-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;}\n.hil-r .hr-slot{background:var(--paper);border:1.5px solid var(--line);border-radius:14px;\n  padding:15px 12px;text-align:center;transition:border-color .25s ease,transform .18s ease;\n  display:block;color:var(--ink);}\n.hil-r .hr-slot:active{transform:scale(.97);}\n.hil-r .hr-slot b{display:block;font-family:'Source Serif 4',Georgia,serif;font-size:1.6rem;line-height:1;}\n.hil-r .hr-slot u{text-decoration:none;display:block;font-size:.73rem;color:var(--ink-2);margin-top:5px;}\n.hil-r .hr-slot span{display:inline-flex;align-items:center;gap:5px;margin-top:9px;\n  font-size:.73rem;font-weight:800;color:var(--gold);}\n.hil-r .hr-slot span svg{width:12px;height:12px;}\n.hil-r .hr-empty{background:var(--mist);border-radius:14px;padding:16px;font-size:.87rem;color:var(--ink-2);}\n\/* Przycisk \u201eStrona szko\u0142y\u201d pod osi\u0105 czasu: na telefonie na \u015brodku ekranu,\n   na komputerze na \u015brodku swojej kolumny \u2014 czyli w po\u0142owie drogi mi\u0119dzy\n   lew\u0105 kraw\u0119dzi\u0105 tre\u015bci a zdj\u0119ciem po prawej. Odst\u0119p od osi wi\u0119kszy,\n   \u017ceby nie skleja\u0142 si\u0119 z ostatnim etapem. *\/\n.hil-r .hr-btns--osobno{margin-top:24px;justify-items:center;}\n.hil-r .hr-btns--osobno .hr-btn{width:100%;max-width:300px;}\n@media (min-width:900px){ .hil-r .hr-btns--osobno{margin-top:38px;} }\n\/* Przycisk wstawiony w rz\u0105d z danymi kontaktowymi \u2014 ma by\u0107 tej samej\n   wysoko\u015bci co kafle obok, dlatego rozci\u0105ga si\u0119 na ca\u0142\u0105 kom\u00f3rk\u0119.\n   Selektor jest celowo szczeg\u00f3\u0142owy: regu\u0142a .hr-calls a nadaje wszystkim\n   odno\u015bnikom w tym rz\u0119dzie bia\u0142e t\u0142o i ramk\u0119, a przycisk ma zosta\u0107 granatowy. *\/\n.hil-r .hr-calls a.hr-btn--wkolumnie{\n  height:100%;min-height:58px;margin:0;padding:14px 18px;\n  background:var(--navy);border:0;border-radius:999px;color:#fff;\n  justify-content:center;text-align:center;font-weight:700;font-size:.94rem;}\n.hil-r .hr-calls a.hr-btn--wkolumnie:active{transform:scale(.98);}\n\/* atuty przedszkola: pas na ca\u0142\u0105 szeroko\u015b\u0107 sekcji, na komputerze w dw\u00f3ch\n   kolumnach, \u017ceby lista nie ci\u0105gn\u0119\u0142a si\u0119 w niesko\u0144czono\u015b\u0107 *\/\n.hil-r #hrPlus{margin-top:16px;}\n@media (min-width:900px){\n  .hil-r #hrPlus{grid-template-columns:1fr 1fr;column-gap:32px;padding:22px 26px;}\n}\n\/* Pojedynczy przycisk pod tre\u015bci\u0105 (terminarz, przedszkole) \u2014 nie dzielimy\n   go na trzy kolumny jak w sekcji kontaktu. *\/\n.hil-r .hr-btns--jeden{grid-template-columns:minmax(0,100%)!important;margin-top:16px;}\n@media (min-width:900px){\n  .hil-r .hr-btns--jeden{grid-template-columns:minmax(0,300px)!important;margin-top:20px;}\n  \/* wariant \u201eosobno\u201d dodatkowo centruje sam pas przycisku w kolumnie,\n     nie tylko przycisk w pasie \u2014 inaczej sta\u0142by przy lewej kraw\u0119dzi *\/\n  .hil-r .hr-btns--osobno{justify-content:center;}\n}\n\/* Zdj\u0119cia w uk\u0142adach dwukolumnowych zaczynaj\u0105 si\u0119 r\u00f3wno z tekstem obok \u2014\n   bez tego kadr \u201espada\u0142\u201d na \u015brodek kolumny i nad nim robi\u0142a si\u0119 luka. *\/\n.hil-r .hr-pmedia,.hil-r .hr-tlwrap{align-items:start;}\n\/* Sekcja przedszkola i sekcja pyta\u0144 le\u017c\u0105 na tym samym, szarym tle \u2014 same\n   z siebie dok\u0142ada\u0142y do siebie dwa pe\u0142ne odst\u0119py i mi\u0119dzy przyciskiem\n   \u201eStrona przedszkola\u201d a nag\u0142\u00f3wkiem \u201eNajcz\u0119stsze pytania\u201d robi\u0142 si\u0119 pusty pas.\n   Sk\u0142adamy je wi\u0119c w jeden blok: druga sekcja nie ma g\u00f3rnego odst\u0119pu,\n   a pierwsza ma skr\u00f3cony dolny. *\/\n.hil-r .hr-sec--mist + .hr-sec--mist{padding-top:0!important;}\n.hil-r #hrPrzedszkole{padding-bottom:18px!important;}\n.hil-r #hrPrzedszkole .hr-btns{margin-top:14px;}\n@media (min-width:900px){\n  .hil-r #hrPrzedszkole{padding-bottom:26px!important;}\n  \/* jeden przycisk \u2014 nie dzielimy go na trzy kolumny jak w sekcji kontaktu *\/\n  .hil-r #hrPrzedszkole .hr-btns{margin-top:18px;}\n}\n\/* \u2500\u2500 PRZEDSZKOLE \u2500\u2500 *\/\n.hil-r .hr-pgrid{display:grid;gap:16px;}\n.hil-r .hr-pmedia{display:grid;gap:16px;margin-bottom:16px;}\n.hil-r .hr-tlwrap{display:grid;gap:18px;}\n.hil-r .hr-tlwrap .hr-shot{--ar:16\/10;}\n\/* Okienka grup maj\u0105 d\u0142u\u017csze nazwy ni\u017c \u201eKlasa 5\u201d, wi\u0119c zawsze stoj\u0105 po dwa\n   w rz\u0119dzie i maj\u0105 mniejszy stopie\u0144 pisma \u2014 inaczej nazwy by si\u0119 \u0142ama\u0142y. *\/\n.hil-r #hrPSlots{grid-template-columns:1fr 1fr;}\n.hil-r #hrPSlots .hr-slot{padding:16px 10px;}\n.hil-r #hrPSlots .hr-slot b{font-size:1.05rem;line-height:1.2;}\n.hil-r #hrPSlots .hr-slot u{margin-top:5px;font-size:.72rem;}\n.hil-r #hrPSlots .hr-slot__wiek{margin-top:1px;font-weight:700;color:var(--ink);}\n.hil-r #hrPSlots .hr-slot__stan{margin-top:4px;font-weight:800;color:var(--gold);font-size:.7rem;\n  text-transform:uppercase;letter-spacing:.04em;}\n.hil-r .hr-plus{list-style:none;margin:0;padding:0;display:grid;gap:9px;\n  background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px;}\n.hil-r .hr-plus li{position:relative;padding-left:26px;font-size:.9rem;line-height:1.5;}\n.hil-r .hr-plus li::before{content:\"\u2713\";position:absolute;left:0;top:0;\n  color:var(--gold);font-weight:800;font-size:.95rem;}\n.hil-r .hr-pnote{background:rgba(217,164,23,.10);border:1px solid rgba(217,164,23,.35);\n  border-radius:14px;padding:13px 15px;font-size:.86rem;color:var(--ink);margin-bottom:14px;}\n.hil-r .hr-pnote b{color:var(--navy);}\n\/* kroki *\/\n.hil-r .hr-steps{display:grid;gap:10px;counter-reset:hrstep;}\n.hil-r .hr-step{background:var(--paper);border:1px solid var(--line);border-radius:14px;\n  padding:14px 14px 14px 52px;position:relative;}\n.hil-r .hr-step::before{counter-increment:hrstep;content:counter(hrstep);\n  position:absolute;left:13px;top:13px;width:27px;height:27px;border-radius:50%;\n  background:var(--navy);color:#fff;display:grid;place-items:center;\n  font-family:'Source Serif 4',Georgia,serif;font-size:.88rem;font-weight:700;}\n.hil-r .hr-step b{display:block;font-size:.95rem;}\n.hil-r .hr-step p{font-size:.83rem;color:var(--ink-2);margin:4px 0 0;}\n\/* ============================================================================\n   NAJCZ\u0118STSZE PYTANIA\n   ---------------------------------------------------------------------------\n   Wyszukiwarka dzia\u0142a na \u017cywo (bez prze\u0142adowania strony) i nie zwraca uwagi\n   na polskie znaki \u2014 \u201eswietlica\u201d znajdzie \u201e\u015bwietlic\u0119\u201d. Przyciski tematyczne\n   buduj\u0105 si\u0119 same z pola kat: w tablicy PYTANIA.\n   Wszystkie style trzymaj\u0105 si\u0119 kolor\u00f3w tej strony (granat, z\u0142oto, biel).\n   Przyciski maj\u0105 twardy reset, bo motyw WordPressa maluje im w\u0142asne t\u0142o.\n   ============================================================================ *\/\n.hil-r .hr-faq__szukajka{position:relative;max-width:560px;margin:0 auto 12px;}\n.hil-r .hr-faq__pole{\n  -webkit-appearance:none!important;appearance:none!important;\n  width:100%!important;margin:0!important;\n  border:1px solid var(--line)!important;border-radius:999px!important;\n  padding:14px 46px 14px 20px!important;\n  font-size:.95rem!important;font-family:inherit!important;font-weight:500!important;\n  color:var(--ink)!important;background:var(--paper)!important;\n  box-shadow:0 6px 18px -14px rgba(14,43,77,.6)!important;outline:none;\n  transition:border-color .25s ease,box-shadow .25s ease;}\n.hil-r .hr-faq__pole:focus{border-color:var(--gold)!important;\n  box-shadow:0 0 0 4px rgba(217,164,23,.14)!important;}\n.hil-r .hr-faq__pole::placeholder{color:#9BAAB6;font-weight:400;}\n.hil-r .hr-faq__lupa{position:absolute;right:18px;top:50%;transform:translateY(-50%);\n  color:var(--ink-2);opacity:.65;pointer-events:none;display:grid;place-items:center;}\n.hil-r .hr-faq__lupa svg{width:17px;height:17px;display:block;}\n.hil-r .hr-faq__tagi{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-bottom:14px;}\n.hil-r .hr-faq__tag{\n  -webkit-appearance:none!important;appearance:none!important;\n  margin:0!important;padding:7px 14px!important;min-width:0!important;min-height:0!important;\n  border:1px solid var(--line)!important;border-radius:999px!important;\n  background:var(--paper)!important;color:var(--navy)!important;\n  font-family:inherit!important;font-size:.78rem!important;font-weight:800!important;\n  line-height:1.1!important;box-shadow:none!important;cursor:pointer;\n  white-space:normal!important;\n  transition:background .22s ease,border-color .22s ease,color .22s ease;}\n.hil-r .hr-faq__tag:hover{border-color:var(--gold)!important;}\n.hil-r .hr-faq__tag.jest-aktywny{background:var(--navy)!important;border-color:var(--navy)!important;\n  color:#fff!important;}\n.hil-r .hr-faq__lista{display:grid;gap:9px;max-width:840px;margin:0 auto;}\n.hil-r .hr-faq__poz{background:var(--paper);border:1px solid var(--line);border-radius:14px;\n  overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;}\n.hil-r .hr-faq__poz.jest-ukryta{display:none;}\n.hil-r .hr-faq__poz.jest-otwarta{border-color:rgba(217,164,23,.55);\n  box-shadow:0 14px 30px -22px rgba(14,43,77,.75);}\n.hil-r .hr-faq__pytanie{\n  -webkit-appearance:none!important;appearance:none!important;\n  width:100%!important;margin:0!important;padding:15px 16px!important;\n  border:0!important;border-radius:0!important;background:transparent!important;\n  box-shadow:none!important;text-align:left!important;cursor:pointer;\n  display:flex!important;align-items:center;gap:13px;\n  font-family:inherit!important;font-size:.94rem!important;font-weight:700!important;\n  line-height:1.4!important;color:var(--navy)!important;\n  white-space:normal!important;flex-wrap:nowrap;}\n\/* d\u0142ugie pytanie musi si\u0119 zawija\u0107, a nie wychodzi\u0107 poza kafelek:\n   element tekstowy w uk\u0142adzie elastycznym potrzebuje jawnego min-width:0 *\/\n.hil-r .hr-faq__pytanie > span:last-child{flex:1 1 auto;min-width:0;\n  white-space:normal!important;overflow-wrap:anywhere;}\n.hil-r .hr-faq__tresc-wnetrze{overflow-wrap:anywhere;}\n.hil-r .hr-faq__znak{flex:0 0 28px;width:28px;height:28px;border-radius:50%;\n  background:rgba(217,164,23,.15);color:var(--gold);\n  display:grid;place-items:center;font-size:1.1rem;font-weight:800;line-height:1;\n  transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s ease,color .3s ease;}\n.hil-r .hr-faq__poz.jest-otwarta .hr-faq__znak{transform:rotate(45deg);\n  background:var(--gold);color:#fff;}\n.hil-r .hr-faq__tresc{max-height:0;overflow:hidden;\n  transition:max-height .4s cubic-bezier(.3,.7,.3,1);}\n.hil-r .hr-faq__tresc-wnetrze{padding:0 16px 18px 57px;font-size:.88rem;line-height:1.7;\n  color:var(--ink-2);}\n.hil-r .hr-faq__tresc-wnetrze strong{color:var(--navy);font-weight:700;}\n.hil-r .hr-faq__pusto{display:none;text-align:center;padding:30px 18px;color:var(--ink-2);\n  background:var(--paper);border:1px dashed var(--line);border-radius:14px;font-size:.88rem;}\n.hil-r .hr-faq__pusto.jest-widoczne{display:block;}\n.hil-r .hr-faq__pusto b{display:block;color:var(--navy);font-size:1rem;margin-bottom:6px;}\n\/* kontakt i przyciski *\/\n.hil-r .hr-calls{display:grid;gap:9px;}\n.hil-r .hr-calls a{display:flex;align-items:center;gap:12px;background:var(--paper);\n  border:1px solid var(--line);border-radius:14px;padding:13px 15px;font-size:.9rem;}\n.hil-r .hr-calls svg{width:18px;height:18px;color:var(--gold);flex:none;}\n.hil-r .hr-calls u{text-decoration:none;display:block;font-size:.73rem;color:var(--ink-2);}\n.hil-r .hr-calls b{display:block;font-weight:700;overflow-wrap:anywhere;}\n.hil-r .hr-btns{display:grid;gap:10px;margin-top:16px;}\n.hil-r .hr-btn{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;\n  padding:15px 18px;font-weight:700;font-size:.94rem;transition:transform .18s ease;}\n.hil-r .hr-btn:active{transform:scale(.97);}\n.hil-r .hr-btn svg{width:17px;height:17px;flex:none;}\n.hil-r .hr-btn--gold{background:linear-gradient(180deg,var(--gold-l),var(--gold));color:#3B2A00;\n  box-shadow:0 10px 26px -13px rgba(217,164,23,.9);}\n.hil-r .hr-btn--navy{background:var(--navy);color:#fff;}\n.hil-r .hr-btn--ghost{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.6px rgba(14,43,77,.26);}\n.hil-r .hr-btn{flex-wrap:wrap;}\n\/* przycisk czasowo nieaktywny \u2014 \u201ew przygotowaniu\u201d.\n   \u017beby go w\u0142\u0105czy\u0107: skasuj klas\u0119 hr-btn--soon w HTML i plakietk\u0119 <i>. *\/\n.hil-r .hr-btn--soon{opacity:.66;pointer-events:none;cursor:default;}\n.hil-r .hr-btn__soon{font-style:normal;font-size:.68rem;font-weight:800;letter-spacing:.05em;\n  text-transform:uppercase;background:rgba(14,43,77,.10);color:var(--ink-2);\n  border-radius:999px;padding:3px 9px;}\n\/* pasek akcji (telefon) *\/\n.hil-r .hr-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.94);\n  backdrop-filter:blur(10px);border-top:1px solid var(--line);\n  padding:9px 12px calc(9px + env(safe-area-inset-bottom));\n  display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;max-width:520px;margin:0 auto;}\n.hil-r .hr-bar a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.68rem;\n  font-weight:700;color:var(--navy);padding:6px 2px;border-radius:12px;text-align:center;}\n.hil-r .hr-bar svg{width:19px;height:19px;}\n.hil-r .hr-bar a.hr-bar--main{background:linear-gradient(180deg,var(--gold-l),var(--gold));color:#3B2A00;}\n@media (max-width:400px){\n  .hil-r .hr-sec{padding:22px 14px;}\n  .hil-r .hr-slot b{font-size:1.4rem;}\n  .hil-r .hr-step{padding-left:48px;}\n  .hil-r .hr-faq__tresc-wnetrze{padding-left:50px;}\n}\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\n   UK\u0141AD SZEROKOEKRANOWY \u2014 od 900 px w g\u00f3r\u0119\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 *\/\n@media (min-width:900px){\n  .hil-r{background:#fff;}\n  .hil-r .hr-app{max-width:1140px;box-shadow:none;padding-bottom:0;}\n  .hil-r .hr-back{padding:14px 40px;font-size:.92rem;}\n  \/* hero: tre\u015b\u0107 po lewej, licznik po prawej *\/\n  .hil-r .hr-hero{padding:54px 40px 48px;display:grid;\n    grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:40px;align-items:center;}\n  .hil-r .hr-badge{grid-column:1;justify-self:start;}\n  .hil-r .hr-hero h1{grid-column:1;font-size:3.4rem;}\n  .hil-r .hr-hero > p{grid-column:1;font-size:1.06rem;max-width:56ch;}\n  \/* licznik zostaje w lewej kolumnie, po prawej wchodzi fotografia *\/\n  .hil-r .hr-cd{grid-column:1;margin:22px 0 0;max-width:430px;padding:22px 24px 20px;}\n  .hil-r .hr-cd b{font-size:3.5rem;}\n  .hil-r .hr-cd span{font-size:.92rem;}\n  .hil-r .hr-cd em{font-size:.76rem;}\n  \/* zdj\u0119cie wype\u0142nia praw\u0105 kolumn\u0119 na szeroko\u015b\u0107; wysoko\u015b\u0107 wynika z proporcji\n     (align-self:stretch + aspect-ratio rozepchn\u0119\u0142oby kadr poza pas tre\u015bci) *\/\n  .hil-r .hr-hero__foto{grid-column:2;grid-row:1 \/ span 4;margin-top:0;--ar:4\/3;\n    align-self:center;width:100%;}\n  .hil-r .hr-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);}\n  .hil-r .hr-sec{padding:52px 40px;}\n  .hil-r .hr-h{font-size:2rem;}\n  .hil-r .hr-sub{font-size:.98rem;margin-bottom:24px;}\n  .hil-r #hrSlots{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}\n  .hil-r #hrPSlots{grid-template-columns:1fr 1fr;gap:16px;}\n  .hil-r #hrPSlots .hr-slot{padding:24px 14px;}\n  .hil-r #hrPSlots .hr-slot b{font-size:1.35rem;}\n  .hil-r .hr-slot{padding:24px 16px;}\n  .hil-r .hr-slot b{font-size:2rem;}\n  .hil-r .hr-slot u{font-size:.85rem;}\n  \/* \u2500\u2500 DOPASUJ GRUP\u0118 na du\u017cym ekranie \u2500\u2500\n     Wszystkie roczniki mieszcz\u0105 si\u0119 w jednym rz\u0119dzie, a karta wyniku\n     rozk\u0142ada si\u0119 na dwie kolumny: opis z list\u0105 po lewej, liczby\n     i przyciski po prawej. *\/\n  .hil-r .hr-dg{padding-top:44px;padding-bottom:44px;}\n  .hil-r .hr-dg__wieki{grid-template-columns:repeat(9,minmax(0,1fr));gap:12px;}\n  .hil-r .hr-dg__wiek{padding:18px 6px!important;border-radius:17px!important;}\n  .hil-r .hr-dg__wiek-l{font-size:1.7rem;}\n  .hil-r .hr-dg__wiek-o{font-size:.7rem;}\n  .hil-r .hr-dg__hint{font-size:.92rem;margin-top:16px;}\n  .hil-r .hr-dg__wynik{margin-top:24px;}\n  .hil-r .hr-dg__karta{padding:34px 36px;border-radius:24px;\n    display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);\n    column-gap:38px;align-items:start;}\n  .hil-r .hr-dg__odz{grid-column:1;justify-self:start;}\n  .hil-r .hr-dg__karta h3{grid-column:1;font-size:2rem;}\n  .hil-r .hr-dg__wstep{grid-column:1;font-size:1rem;margin-bottom:20px;}\n  .hil-r .hr-dg__lista{grid-column:1;margin-bottom:0;}\n  .hil-r .hr-dg__lista li{font-size:.96rem;}\n  .hil-r .hr-dg__fakty{grid-column:2;grid-row:1 \/ span 3;grid-template-columns:1fr;\n    gap:12px;margin-bottom:0;align-self:start;}\n  .hil-r .hr-dg__fakt{display:flex;align-items:baseline;gap:12px;text-align:left;padding:14px 16px;}\n  .hil-r .hr-dg__fakt b{font-size:1.25rem;flex:none;}\n  .hil-r .hr-dg__fakt u{margin-top:0;font-size:.72rem;}\n  .hil-r .hr-dg__akcje{grid-column:2;grid-row:4;align-self:start;margin-top:12px;}\n  .hil-r .hr-dg__uwaga{font-size:.88rem;margin-top:18px;}\n  \/* terminarz i kroki *\/\n  .hil-r .hr-tlwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);\n    gap:38px;align-items:start;}\n  .hil-r .hr-tl{max-width:none;}\n  .hil-r .hr-tlwrap .hr-shot{position:sticky;top:130px;--ar:3\/4;}\n  .hil-r .hr-ev{padding-bottom:26px;}\n  .hil-r .hr-what{font-size:1.02rem;}\n  .hil-r .hr-steps{grid-template-columns:1fr 1fr;gap:16px;}\n  .hil-r .hr-step{padding:20px 20px 20px 62px;}\n  .hil-r .hr-step::before{left:18px;top:18px;width:31px;height:31px;font-size:.98rem;}\n  .hil-r .hr-step b{font-size:1.04rem;}\n  .hil-r .hr-step p{font-size:.92rem;}\n  \/* pytania *\/\n  .hil-r .hr-faq__szukajka{max-width:620px;margin-bottom:14px;}\n  .hil-r .hr-faq__pole{padding:16px 52px 16px 24px!important;font-size:1rem!important;}\n  .hil-r .hr-faq__tagi{gap:8px;margin-bottom:20px;}\n  .hil-r .hr-faq__tag{padding:9px 17px!important;font-size:.83rem!important;}\n  .hil-r .hr-faq__lista{gap:10px;max-width:900px;}\n  .hil-r .hr-faq__pytanie{padding:19px 24px!important;font-size:1.02rem!important;gap:16px;}\n  .hil-r .hr-faq__znak{flex-basis:30px;width:30px;height:30px;font-size:1.18rem;}\n  .hil-r .hr-faq__tresc-wnetrze{padding:0 24px 22px 70px;font-size:.96rem;}\n  .hil-r .hr-pick{grid-template-columns:1fr 1fr;gap:16px;padding:22px 40px;}\n  .hil-r .hr-pick__t b{font-size:1.1rem;}\n  .hil-r .hr-pmedia{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:start;}\n  .hil-r .hr-pmedia .hr-shot{--ar:4\/3;}\n  \/* W prawej kolumnie (obok zdj\u0119cia) wszystko uk\u0142ada si\u0119 pod sob\u0105: najpierw\n     kafle grup z przyciskiem, pod nimi lista atut\u00f3w. Dwie kolumny obok\n     zdj\u0119cia by\u0142yby za w\u0105skie i nazwy grup \u0142ama\u0142yby si\u0119 na trzy wiersze. *\/\n  .hil-r .hr-pgrid{grid-template-columns:1fr;gap:18px;align-items:start;}\n  .hil-r .hr-plus{padding:22px 24px;}\n  .hil-r .hr-plus li{font-size:.98rem;}\n  .hil-r .hr-calls--2{grid-template-columns:1fr 1fr!important;max-width:720px;}\n  .hil-r .hr-calls--3{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr)!important;\n    align-items:stretch;}\n  .hil-r .hr-calls{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}\n  .hil-r .hr-btns{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;}\n  .hil-r .hr-bar{display:none;}\n}\n\/* na tabletach (od 600 do 900 px) roczniki uk\u0142adaj\u0105 si\u0119 po pi\u0119\u0107 w rz\u0119dzie *\/\n@media (min-width:600px) and (max-width:899px){\n  .hil-r .hr-dg__wieki{grid-template-columns:repeat(5,minmax(0,1fr));}\n}\n.hil-r.hr-on [data-hr]{opacity:0;transform:translateY(16px);}\n@media (prefers-reduced-motion:reduce){\n  .hil-r.hr-on [data-hr]{opacity:1!important;transform:none!important;}\n  .hil-r .hr-badge--live i{animation:none;}\n  .hil-r .hr-dg__wynik{transition:none;}\n}\n<\/style>\n<section class=\"hil-r\" id=\"hil-rekrutacja\">\n <div class=\"hr-app\">\n  <a class=\"hr-back\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=345\">\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>\n    Strona g\u0142\u00f3wna szko\u0142y\n  <\/a>\n  <div class=\"hr-hero\">\n    <span class=\"hr-badge\" id=\"hrBadge\"><i><\/i><span id=\"hrBadgeT\">\u2014<\/span><\/span>\n    <h1 id=\"hrTitle\">Rekrutacja<\/h1>\n    <p id=\"hrLead\">\u2014<\/p>\n    <div class=\"hr-cd\">\n      <b id=\"hrCdN\">\u2014<\/b>\n      <span id=\"hrCdT\">\u2014<\/span>\n      <em id=\"hrCdD\"><\/em>\n    <\/div>\n    <div class=\"hr-shot hr-hero__foto\" data-foto=\"hero\"><\/div>\n  <\/div>\n  <!-- wyb\u00f3r: szko\u0142a czy przedszkole -->\n  <div class=\"hr-pick\">\n    <a class=\"hr-pick__c\" href=\"#hrSzkola\">\n      <span class=\"hr-pick__ic\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.6 20.6h18.8\"\/><path d=\"M4.6 20.6V9.4L12 4.4l7.4 5v11.2\"\/><path d=\"M10 20.6v-5h4v5\"\/><\/svg>\n      <\/span>\n      <span class=\"hr-pick__t\"><b>Szko\u0142a Podstawowa<\/b><u>klasy 1\u20138, nab\u00f3r i wolne miejsca<\/u><\/span>\n      <span class=\"hr-pick__go\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v13M6 12.5l6 6 6-6\"\/><\/svg>\n      <\/span>\n    <\/a>\n    <a class=\"hr-pick__c hr-pick__c--p\" href=\"#hrPrzedszkole\">\n      <span class=\"hr-pick__ic\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M3.5 20c0-3 2.5-5 5.5-5s5.5 2 5.5 5\"\/><path d=\"M17 11.5c1.6 0 2.9 1.3 2.9 2.9 0 2.2-2.9 4.6-2.9 4.6s-2.9-2.4-2.9-4.6c0-1.6 1.3-2.9 2.9-2.9z\"\/><\/svg>\n      <\/span>\n      <span class=\"hr-pick__t\"><b>Przedszkole<\/b><u>ostatnie wolne miejsca w grupach<\/u><\/span>\n      <span class=\"hr-pick__go\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v13M6 12.5l6 6 6-6\"\/><\/svg>\n      <\/span>\n    <\/a>\n  <\/div>\n  <!-- ==================== DOPASUJ GRUP\u0118 ====================\n       Kreator dla rodzica: klikni\u0119cie w wiek dziecka pokazuje w\u0142a\u015bciw\u0105\n       grup\u0119 przedszkoln\u0105 albo klas\u0119. Kafelki wieku i karta wyniku buduj\u0105\n       si\u0119 skryptem z tablicy SCIEZKI \u2014 w tym miejscu nie ma nic do edycji. -->\n  <div class=\"hr-sec hr-dg\" id=\"hrDopasuj\">\n    <h2 class=\"hr-h hr-h--center\" data-hr>Gdzie trafi moje dziecko?<\/h2>\n    <p class=\"hr-sub hr-sub--center\" data-hr>Prosimy wskaza\u0107, ile lat b\u0119dzie mia\u0142o dziecko\n       we wrze\u015bniu \u2014 poka\u017cemy dok\u0142adnie t\u0119 grup\u0119 albo klas\u0119, kt\u00f3ra go dotyczy.<\/p>\n    <div class=\"hr-dg__wieki\" id=\"hrDgWieki\"><\/div>\n    <p class=\"hr-dg__hint\" id=\"hrDgHint\">Wystarczy jedno dotkni\u0119cie.<\/p>\n    <div class=\"hr-dg__wynik\" id=\"hrDgWynik\" aria-live=\"polite\"><\/div>\n    <p class=\"hr-dg__uwaga\">Podana \u015bcie\u017cka ma charakter orientacyjny \u2014 ostateczny przydzia\u0142\n       ustalamy indywidualnie podczas rozmowy w sekretariacie.<\/p>\n  <\/div>\n  <div class=\"hr-sec hr-sec--mist\">\n    <div class=\"hr-tlwrap\">\n      <div>\n        <h2 class=\"hr-h\" data-hr>Terminarz rekrutacji do klasy 1<\/h2>\n        <p class=\"hr-sub\" data-hr id=\"hrTlSub\">Etapy oznaczone s\u0105 zgodnie z dzisiejsz\u0105 dat\u0105.<\/p>\n        <div class=\"hr-tl\" id=\"hrTl\"><\/div>\n        <div class=\"hr-btns hr-btns--jeden hr-btns--osobno\">\n          <a class=\"hr-btn hr-btn--navy\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=345\" data-hr>Strona szko\u0142y<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"hr-shot\" data-foto=\"terminarz\"><\/div>\n    <\/div>\n  <\/div>\n  <div class=\"hr-sec\">\n    <h2 class=\"hr-h\" data-hr>Jak zg\u0142osi\u0107 dziecko?<\/h2>\n    <p class=\"hr-sub\" data-hr>Rekrutacja do klasy 1 odbywa si\u0119 na podstawie karty zg\u0142oszenia\n       z\u0142o\u017conej w sekretariacie szko\u0142y.<\/p>\n    <div class=\"hr-steps\">\n      <div class=\"hr-step\" data-hr><b>Karta zg\u0142oszenia<\/b>\n        <p>Kart\u0119 zg\u0142oszenia do klasy 1 sk\u0142adaj\u0105 Pa\u0144stwo w sekretariacie szko\u0142y.<\/p><\/div>\n      <div class=\"hr-step\" data-hr><b>Op\u0142ata rekrutacyjna<\/b>\n        <p>Do karty do\u0142\u0105czamy potwierdzenie wniesienia op\u0142aty rekrutacyjnej.<\/p><\/div>\n      <div class=\"hr-step\" data-hr><b>Lista kandydat\u00f3w<\/b>\n        <p>List\u0119 kandydat\u00f3w przyj\u0119tych do klasy 1 podajemy do publicznej wiadomo\u015bci.<\/p><\/div>\n      <div class=\"hr-step\" data-hr><b>Umowa<\/b>\n        <p>Na koniec podpisujemy umow\u0119 o \u015bwiadczenie us\u0142ug edukacyjnych.<\/p><\/div>\n    <\/div>\n  <\/div>\n  <!-- ==================== SZKO\u0141A \u2014 WOLNE MIEJSCA ====================\n       Sekcja stoi tu\u017c nad pasem z mottem, ju\u017c po terminarzu i po opisie\n       zg\u0142oszenia \u2014 rodzic najpierw poznaje zasady naboru, a dopiero potem\n       widzi konkretne wolne miejsca. Szare t\u0142o (hr-sec--mist) utrzymuje\n       naprzemienny rytm sekcji: terminarz szary, \u201eJak zg\u0142osi\u0107\u201d bia\u0142y,\n       wolne miejsca znowu szare. -->\n  <div class=\"hr-sec hr-sec--mist\" id=\"hrSzkola\">\n    <h2 class=\"hr-h hr-h--center\" data-hr>Szko\u0142a Podstawowa \u2014 wolne miejsca<\/h2>\n    <p class=\"hr-sub hr-sub--center\" data-hr>Prosimy dotkn\u0105\u0107 klasy, aby od razu wys\u0142a\u0107 zapytanie\n       do sekretariatu szko\u0142y.<\/p>\n    <div id=\"hrSlots\"><\/div>\n  <\/div>\n  <!-- pas przerywnikowy ze zdj\u0119ciem i mottem -->\n  <div class=\"hr-band\" data-foto=\"pasMotto\">\n    <div class=\"hr-band__c\">\n      <span class=\"hr-band__linia\" aria-hidden=\"true\"><\/span>\n      <p class=\"hr-band__motto\">HILARIS \u2014 follow your passion!<\/p>\n      <p class=\"hr-band__t\">Dwuj\u0119zyczna szko\u0142a i przedszkole w jednym kompleksie w B\u0142oniu.\n        Ma\u0142e grupy, angielski od pierwszego dnia i miejsce, w kt\u00f3rym dzieci\n        odkrywaj\u0105 swoje pasje.<\/p>\n    <\/div>\n  <\/div>\n  <!-- ==================== PRZEDSZKOLE ==================== -->\n  <div class=\"hr-sec hr-sec--mist\" id=\"hrPrzedszkole\">\n    <h2 class=\"hr-h\" data-hr>Przedszkole \u2014 rekrutacja<\/h2>\n    <p class=\"hr-sub\" data-hr id=\"hrPSub\">\u2014<\/p>\n    <div class=\"hr-pmedia\">\n      <div class=\"hr-shot\" data-foto=\"przedszkole\"><\/div>\n      <div>\n        <div class=\"hr-pnote\" data-hr id=\"hrPNote\">\u2014<\/div>\n        <div class=\"hr-slots\" id=\"hrPSlots\"><\/div>\n      <\/div>\n    <\/div>\n    <!-- atuty na ca\u0142\u0105 szeroko\u015b\u0107 panelu -->\n    <ul class=\"hr-plus\" id=\"hrPlus\" data-hr><\/ul>\n    <div class=\"hr-calls hr-calls--3\" style=\"margin-top:16px\">\n      <a id=\"hrPTel\" href=\"#\" data-hr>\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>\n        <span><u>Sekretariat przedszkola<\/u><b id=\"hrPTelT\">\u2014<\/b><\/span><\/a>\n      <a id=\"hrPMail\" href=\"#\" data-hr>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2.5\"\/><path d=\"m3.5 7 8.5 6 8.5-6\"\/><\/svg>\n        <span><u>E-mail przedszkola<\/u><b id=\"hrPMailT\">\u2014<\/b><\/span><\/a>\n      <a class=\"hr-btn hr-btn--navy hr-btn--wkolumnie\" id=\"hrPStrona\" href=\"#\" data-hr>Strona przedszkola<\/a>\n    <\/div>\n  <\/div>\n  <!-- ==================== NAJCZ\u0118STSZE PYTANIA ==================== -->\n  <div class=\"hr-sec hr-sec--mist\" id=\"hrFaqSec\">\n    <h2 class=\"hr-h hr-h--center\" data-hr>Najcz\u0119stsze pytania<\/h2>\n    <p class=\"hr-sub hr-sub--center\" data-hr>Prosimy wpisa\u0107 s\u0142owo \u2014 na przyk\u0142ad \u201eobiady\u201d, \u201e\u015bwietlica\u201d\n       albo \u201erekrutacja\u201d \u2014 a poka\u017cemy wszystko, co na ten temat wiemy.<\/p>\n    <div class=\"hr-faq__szukajka\" data-hr>\n      <input type=\"text\" class=\"hr-faq__pole\" id=\"hrFaqPole\" autocomplete=\"off\"\n             placeholder=\"Czego Pa\u0144stwo szukaj\u0105?\" aria-label=\"Szukaj w pytaniach rodzic\u00f3w\">\n      <span class=\"hr-faq__lupa\" aria-hidden=\"true\">\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>\n      <\/span>\n    <\/div>\n    <div class=\"hr-faq__tagi\" id=\"hrFaqTagi\" data-hr><\/div>\n    <div class=\"hr-faq__lista\" id=\"hrFaqLista\"><\/div>\n  <\/div>\n  <!-- pas przerywnikowy: zaproszenie na spotkanie -->\n  <div class=\"hr-band\" data-foto=\"pasSpotkanie\">\n    <div class=\"hr-band__c\">\n      <span class=\"hr-band__linia\" aria-hidden=\"true\"><\/span>\n      <p class=\"hr-band__motto\">Najlepiej po prostu przyjecha\u0107 i zobaczy\u0107<\/p>\n      <p class=\"hr-band__t hr-band__t--wiersze\">\n        <span>Poka\u017cemy budynek, sale i place zabaw, przedstawimy nauczycieli i odpowiemy na pytania.<\/span>\n        <span>Spotkanie trwa oko\u0142o 40 minut i do niczego nie zobowi\u0105zuje.<\/span>\n        <span>Zapraszamy w dogodnym dla Pa\u0144stwa terminie.<\/span>\n      <\/p>\n      <a class=\"hr-btn hr-btn--gold\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=4127\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2.5\"\/><path d=\"M8 2.5v5M16 2.5v5M3 10h18\"\/><path d=\"M9 15.2l2.1 2.1L15.4 13\"\/><\/svg>\n        Um\u00f3w si\u0119 na spotkanie<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hr-sec\">\n    <h2 class=\"hr-h hr-h--center\" data-hr>Pytania o rekrutacj\u0119<\/h2>\n    <p class=\"hr-sub hr-sub--center\" data-hr>Szczeg\u00f3\u0142owych informacji udzielaj\u0105 sekretariaty\n       szko\u0142y i przedszkola.<\/p>\n    <div class=\"hr-calls\">\n      <a href=\"tel:+48224985525\" data-hr>\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>\n        <span><u>Sekretariat szko\u0142y<\/u><b>22 498-55-25<\/b><\/span><\/a>\n      <a id=\"hrMail\" href=\"#\" data-hr>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2.5\"\/><path d=\"m3.5 7 8.5 6 8.5-6\"\/><\/svg>\n        <span><u>E-mail<\/u><b>hilaris@antie.pl<\/b><\/span><\/a>\n      <a href=\"#\" id=\"hrHours\" data-hr style=\"pointer-events:none\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5.3l3.4 2\"\/><\/svg>\n        <span><u>Godziny pracy sekretariatu<\/u><b>pn\u2013pt 8:00\u201316:00, \u015br do 17:00<\/b><\/span><\/a>\n    <\/div>\n    <div class=\"hr-btns\">\n      <a class=\"hr-btn hr-btn--gold\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=4127\" data-hr>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2.5\"\/><path d=\"M8 2.5v5M16 2.5v5M3 10h18\"\/><path d=\"M9 15.2l2.1 2.1L15.4 13\"\/><\/svg>\n        Um\u00f3w si\u0119 na spotkanie<\/a>\n      <a class=\"hr-btn hr-btn--navy\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=3822\" data-hr>Co nas wyr\u00f3\u017cnia?<\/a>\n      <a class=\"hr-btn hr-btn--ghost hr-btn--soon\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=2638\"\n         aria-disabled=\"true\" data-hr>Wirtualny spacer po szkole\n        <i class=\"hr-btn__soon\">w przygotowaniu<\/i><\/a>\n    <\/div>\n  <\/div>\n  <nav class=\"hr-bar\" aria-label=\"Szybkie akcje\">\n    <a href=\"tel:+48224985525\">\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>\n      Zadzwo\u0144<\/a>\n    <a class=\"hr-bar--main\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=4127\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2.5\"\/><path d=\"M8 2.5v5M16 2.5v5M3 10h18\"\/><path d=\"M9 15.2l2.1 2.1L15.4 13\"\/><\/svg>\n      Spotkanie<\/a>\n    <a href=\"https:\/\/hilaris-blonie.pl\/?page_id=345\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.6 20.6h18.8\"\/><path d=\"M4.6 20.6V9.4L12 4.4l7.4 5v11.2\"\/><\/svg>\n      Szko\u0142a<\/a>\n  <\/nav>\n <\/div>\n<\/section>\n<script>\n(function(){\n  var ROOT = document.getElementById('hil-rekrutacja');\n  if(!ROOT) return;\n  \/* \u2550\u2550\u2550 \u25bc JEDYNE MIEJSCE DO EDYCJI \u2014 REKRUTACJA \u25bc \u2550\u2550\u2550 *\/\n  var REKRUTACJA = {\n    rok: '2026\/2027',\n    startRoku: '2026-09-01',          \/\/ rozpocz\u0119cie roku szkolnego\n    mail: 'hilaris@antie.pl',\n    etapy: [\n      {od:'2026-01-17', do:'2026-02-20', t:'Przyjmowanie kart zg\u0142osze\u0144 wraz z wniesion\u0105 op\u0142at\u0105 rekrutacyjn\u0105'},\n      {od:'2026-02-27', do:'2026-02-27', t:'Podanie do publicznej wiadomo\u015bci listy kandydat\u00f3w do klasy 1'},\n      {od:'2026-02-27', do:'2026-03-06', t:'Podpisywanie um\u00f3w o \u015bwiadczenie us\u0142ug edukacyjnych'}\n    ],\n    \/* Klasy z wolnymi miejscami \u2014 ka\u017cda dostaje w\u0142asne okienko z gotowym\n       zapytaniem do sekretariatu. Dopisujesz i usuwasz numery po przecinku. *\/\n    wolneMiejsca: [2, 5, 6, 7, 8]\n  };\n  \/* \u2550\u2550\u2550 \u25bc JEDYNE MIEJSCE DO EDYCJI \u2014 ZDJ\u0118CIA \u25bc \u2550\u2550\u2550\n     src   \u2014 adres pliku (najlepiej z biblioteki medi\u00f3w WordPressa)\n     kadr  \u2014 kt\u00f3ry fragment zdj\u0119cia ma by\u0107 widoczny w ramce:\n             pierwsza warto\u015b\u0107 to poziom (ni\u017cej = wida\u0107 lew\u0105 cz\u0119\u015b\u0107),\n             druga to pion (ni\u017cej = wida\u0107 g\u00f3r\u0119, czyli twarze)\n     alt   \u2014 opis dla czytnik\u00f3w ekranu i wyszukiwarek\n     podpis\u2014 opcjonalny bia\u0142y napis na dole kadru (mo\u017cna pomin\u0105\u0107)\n     Podmiana zdj\u0119cia to podmiana jednego adresu \u2014 reszta dzieje si\u0119 sama. *\/\n  var ZDJECIA = {\n    hero: {\n      src:'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/10\/14-1-scaled.jpg',\n      kadr:'center 30%',\n      alt:'Uczniowie Szko\u0142y Podstawowej Hilaris w B\u0142oniu'\n    },\n    terminarz: {\n      src:'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/482025959_1139380187985633_1563417223492217931_n.jpg',\n      kadr:'center 32%',\n      alt:'Uroczyste \u015blubowanie klas I w Szkole Podstawowej Hilaris',\n      podpis:'Poznajemy \u015bwiat poprzez do\u015bwiadczenie'\n    },\n    pasMotto: {\n      src:'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/10\/99-1-scaled.jpg',\n      kadr:'center 38%'\n    },\n    przedszkole: {\n      src:'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/166-scaled.jpg',\n      kadr:'center 35%',\n      alt:'Angloj\u0119zyczny wyst\u0119p grup przedszkolnych w Niepublicznym Dwuj\u0119zycznym Przedszkolu Hilaris',\n      podpis:'Angloj\u0119zyczny wyst\u0119p grup przedszkolnych'\n    },\n    pasSpotkanie: {\n      src:'https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/524130760_1254803676443283_7990993386161855890_n.jpg',\n      kadr:'center 35%'\n    }\n  };\n  \/* \u2550\u2550\u2550 \u25bc JEDYNE MIEJSCE DO EDYCJI \u2014 PRZEDSZKOLE \u25bc \u2550\u2550\u2550\n     Hilaris to szko\u0142a i przedszkole w jednym kompleksie, wi\u0119c strona\n     rekrutacji prowadzi obie \u015bcie\u017cki. Poni\u017cej dane naboru do przedszkola. *\/\n  var PRZEDSZKOLE = {\n    nazwa: 'Niepubliczne Dwuj\u0119zyczne Przedszkole Hilaris',\n    adres: 'ul. Passowska 16A, 05-870 B\u0142onie',\n    telefon: '+48882486841',\n    telefonTxt: '882 486-841',\n    mail: 'sekretariat@antie.pl',\n    strona: 'https:\/\/hilaris-blonie.pl\/?page_id=1194',\n    \/* Grupy z wolnymi miejscami \u2014 ka\u017cda dostaje w\u0142asne okienko z gotowym\n       zapytaniem. Pust\u0105 list\u0119 zostawiasz tak: grupy: [] *\/\n    \/* n \u2014 nazwa, w \u2014 kogo obejmuje, wiek \u2014 osobny wiersz, o \u2014 status miejsc *\/\n    grupy: [\n      {n:'Pszcz\u00f3\u0142ki', w:'grupa maluszk\u00f3w',  wiek:'2,5\u20133 lata', o:'ostatnie wolne miejsca'},\n      {n:'Chmurki',   w:'grupa \u015bredniak\u00f3w', wiek:'4 lata',     o:'ostatnie wolne miejsca'}\n    ],\n    \/* pe\u0142ny sk\u0142ad grup \u2014 pokazywany pod nag\u0142\u00f3wkiem sekcji *\/\n    wszystkieGrupy: 'W przedszkolu dzia\u0142aj\u0105 cztery grupy: Pszcz\u00f3\u0142ki (2,5\u20133 lata), '\n      + 'Chmurki (4 lata), Biedroneczki (5 lat) i Robaczki \u2014 zer\u00f3wka (6 lat). '\n      + 'Ka\u017cda liczy najwy\u017cej 16 dzieci i ma dw\u00f3ch wychowawc\u00f3w.',\n    atuty: [\n      'Dwa razy dziennie j\u0119zyk angielski',\n      'Bogata oferta zaj\u0119\u0107 dodatkowych w ramach czesnego',\n      'Pierwsze\u0144stwo zapisu do Szko\u0142y Podstawowej Hilaris',\n      'Kameralne grupy do 16 dzieci',\n      'Dwa place zabaw na terenie plac\u00f3wki',\n      'Przedszkole pracuje przez 12 miesi\u0119cy w roku'\n    ]\n  };\n  \/* \u2550\u2550\u2550 \u25bc PYTANIA I ODPOWIEDZI \u25bc\n     kat: \u2014 temat (z tego buduj\u0105 si\u0119 przyciski nad list\u0105; nowy temat\n             wystarczy wpisa\u0107, przycisk pojawi si\u0119 sam)\n     p:   \u2014 pytanie\n     o:   \u2014 odpowied\u017a; mo\u017cna u\u017cywa\u0107 <strong>pogrubienia<\/strong>\n     \u2550\u2550\u2550 *\/\n  var PYTANIA = [\n    {kat:'Rekrutacja',p:'Jak wygl\u0105da rekrutacja do klasy pierwszej?',\n     o:'Nab\u00f3r odbywa si\u0119 na podstawie karty zg\u0142oszenia sk\u0142adanej w sekretariacie szko\u0142y wraz z op\u0142at\u0105 rekrutacyjn\u0105. Karty przyjmujemy od <strong>17 stycznia do 20 lutego 2026<\/strong>, list\u0119 kandydat\u00f3w og\u0142aszamy <strong>27 lutego 2026<\/strong>, a umowy podpisujemy mi\u0119dzy <strong>27 lutego a 6 marca 2026<\/strong>.'},\n    {kat:'Rekrutacja',p:'Czy s\u0105 wolne miejsca w starszych klasach?',\n     o:'Tak. Na rok szkolny 2026\/2027 dysponujemy wolnymi miejscami w klasach <strong>2, 5, 6, 7 i 8<\/strong>. W sprawie zapisu prosimy o kontakt z sekretariatem szko\u0142y.'},\n    {kat:'Rekrutacja',p:'Czy dziecko z naszego przedszkola musi przechodzi\u0107 rekrutacj\u0119 do szko\u0142y?',\n     o:'Nie. Dzieci ko\u0144cz\u0105ce u nas zer\u00f3wk\u0119 przechodz\u0105 do klasy pierwszej bez rekrutacji od zera \u2013 to jedna z podstawowych korzy\u015bci ci\u0105g\u0142o\u015bci nauczania w Hilaris.'},\n    {kat:'Rekrutacja',p:'Czy mo\u017cna obejrze\u0107 szko\u0142\u0119 przed podj\u0119ciem decyzji?',\n     o:'Tak, zapraszamy na indywidualne spotkanie. Pokazujemy budynek, sale i przedstawiamy nauczycieli. Spotkanie trwa oko\u0142o 40 minut i do niczego nie zobowi\u0105zuje.'},\n    {kat:'Przedszkole',p:'Czy s\u0105 jeszcze wolne miejsca w przedszkolu?',\n     o:'Tak \u2014 dysponujemy <strong>ostatnimi wolnymi miejscami w grupie Pszcz\u00f3\u0142ki<\/strong> (maluszki, 2,5\u20133 lata) <strong>i Chmurki<\/strong> (\u015bredniaki, 4 lata) na rok 2026\/2027. W przedszkolu dzia\u0142aj\u0105 cztery grupy: Pszcz\u00f3\u0142ki, Chmurki, Biedroneczki (5 lat) i Robaczki \u2014 zer\u00f3wka (6 lat). Zapisy prowadzi sekretariat przedszkola: <strong>882 486-841<\/strong>, <strong>sekretariat@antie.pl<\/strong>.'},\n    {kat:'Przedszkole',p:'Co wyr\u00f3\u017cnia przedszkole Hilaris?',\n     o:'<strong>Dwa razy dziennie j\u0119zyk angielski<\/strong>, bogata oferta zaj\u0119\u0107 dodatkowych w ramach czesnego, kameralne grupy <strong>do 16 dzieci<\/strong>, dwa place zabaw oraz <strong>pierwsze\u0144stwo zapisu do Szko\u0142y Podstawowej Hilaris<\/strong> \u2014 bez ponownej rekrutacji od zera.'},\n    {kat:'Przedszkole',p:'Czy przedszkole i szko\u0142a s\u0105 w tym samym miejscu?',\n     o:'Tak. Obie plac\u00f3wki mieszcz\u0105 si\u0119 w jednym kompleksie przy <strong>ul. Passowskiej 16A w B\u0142oniu<\/strong>, z w\u0142asnym boiskiem i dwoma placami zabaw.'},\n    {kat:'Opieka',p:'W jakich godzinach czynna jest plac\u00f3wka?',\n     o:'Przedszkole pracuje od <strong>6:30 do 18:00<\/strong>, szko\u0142a od <strong>7:30 do 18:00<\/strong>. \u015awietlica szkolna dzia\u0142a od poniedzia\u0142ku do pi\u0105tku do godziny 18:00.'},\n    {kat:'Opieka',p:'Czy \u015bwietlica jest dodatkowo p\u0142atna?',\n     o:'Nie. Opieka \u015bwietlicowa jest wliczona w czesne \u2013 zar\u00f3wno poranna, jak i popo\u0142udniowa, a\u017c do 18:00.'},\n    {kat:'Opieka',p:'Co dzieje si\u0119 w \u015bwietlicy?',\n     o:'Pomoc w odrabianiu lekcji, gry, zaj\u0119cia plastyczne i ruchowe. Raz w miesi\u0105cu organizujemy <strong>dzie\u0144 tematyczny<\/strong>. W lipcu prowadzimy \u201eLato w mie\u015bcie\u201d dla klas I\u2013III w godzinach 7:30\u201317:00.'},\n    {kat:'Opieka',p:'Czy przedszkole pracuje w wakacje?',\n     o:'Tak, przedszkole pracuje przez <strong>12 miesi\u0119cy w roku<\/strong>. W roku 2025\/2026 przewidzieli\u015bmy 13 dni wolnych od zaj\u0119\u0107 dydaktycznych, zgodnie z umow\u0105 edukacyjn\u0105.'},\n    {kat:'Nauka',p:'Na czym polega nauczanie dwuj\u0119zyczne?',\n     o:'Pracujemy metod\u0105 <strong>CLIL<\/strong> \u2013 angielski nie jest tylko osobnym przedmiotem, ale j\u0119zykiem, w kt\u00f3rym dziecko poznaje inne tre\u015bci. W przedszkolu to dwa bloki angielskiego dziennie, w szkole \u2013 przedmioty prowadzone cz\u0119\u015bciowo po angielsku.'},\n    {kat:'Nauka',p:'Ilu uczni\u00f3w jest w klasie?',\n     o:'\u015arednio <strong>15 uczni\u00f3w w oddziale<\/strong>, dodatkowo z podzia\u0142em na grupy j\u0119zykowe. W przedszkolu grupa liczy maksymalnie <strong>16 dzieci<\/strong> i ma dw\u00f3ch wychowawc\u00f3w.'},\n    {kat:'Nauka',p:'Jakie certyfikaty zdobywaj\u0105 uczniowie?',\n     o:'Przygotowujemy do egzamin\u00f3w Cambridge <strong>KET<\/strong> i <strong>PET<\/strong>. Zdawalno\u015b\u0107 w\u015br\u00f3d przyst\u0119puj\u0105cych uczni\u00f3w wynosi <strong>100%<\/strong>.'},\n    {kat:'Nauka',p:'Ile lekcji trwa dzie\u0144 w szkole?',\n     o:'Plan obejmuje do <strong>8 lekcji, od 8:00 do 15:30<\/strong>. Przerwy trwaj\u0105 10 minut, a przerwa obiadowa po pi\u0105tej lekcji \u2013 35 minut (12:25\u201313:00).'},\n    {kat:'Nauka',p:'Czy zaj\u0119cia dodatkowe s\u0105 p\u0142atne?',\n     o:'Nie. Zaj\u0119cia dodatkowe odbywaj\u0105 si\u0119 <strong>w ramach czesnego<\/strong> i na terenie naszego kompleksu \u2013 bez dowo\u017cenia dziecka po mie\u015bcie.'},\n    {kat:'Obiady',p:'Ile kosztuj\u0105 obiady?',\n     o:'Catering prowadzi Kuchnia Misia. Dieta standardowa: pe\u0142ny zestaw <strong>16,58 z\u0142<\/strong>, sama zupa 5,18 z\u0142, drugie danie 14,50 z\u0142. Dieta specjalna: pe\u0142ny zestaw <strong>17,61 z\u0142<\/strong>, zupa 6,22 z\u0142, drugie danie 15,50 z\u0142. Ceny podane za jeden dzie\u0144.'},\n    {kat:'Obiady',p:'Czy mo\u017cna zam\u00f3wi\u0107 diet\u0119 specjaln\u0105?',\n     o:'Tak. Prowadzimy diety specjalne dla dzieci z alergiami i nietolerancjami \u2013 szczeg\u00f3\u0142y ustalamy indywidualnie z sekretariatem.'},\n    {kat:'Obiady',p:'Ile posi\u0142k\u00f3w dostaje dziecko w przedszkolu?',\n     o:'<strong>Pi\u0119\u0107 posi\u0142k\u00f3w dziennie<\/strong>: \u015bniadanie, drugie \u015bniadanie, obiad (zupa i drugie danie), podwieczorek oraz przek\u0105ska popo\u0142udniowa.'},\n    {kat:'Kontakt',p:'Jak sprawdzi\u0107 oceny i informacje o dziecku?',\n     o:'Szko\u0142a korzysta z <strong>e-Dziennika Librus<\/strong> (portal.librus.pl\/rodzina), przedszkole z aplikacji <strong>4Parents<\/strong>. Dost\u0119p otrzymuj\u0105 Pa\u0144stwo po podpisaniu umowy.'},\n    {kat:'Kontakt',p:'Gdzie znajduje si\u0119 plac\u00f3wka?',\n     o:'<strong>ul. Passowska 16A, 05-870 B\u0142onie.<\/strong> Przedszkole i szko\u0142a mieszcz\u0105 si\u0119 w jednym kompleksie, z w\u0142asnym boiskiem i placem zabaw.'},\n    {kat:'Kontakt',p:'W jakich godzinach pracuje sekretariat?',\n     o:'Sekretariat szko\u0142y przyjmuje interesant\u00f3w w dni robocze. Telefon: <strong>22 498 55 25<\/strong>, e-mail: <strong>hilaris@antie.pl<\/strong>. Sekretariat przedszkola: <strong>882 486 841<\/strong>, <strong>sekretariat@antie.pl<\/strong>.'},\n    {kat:'Kontakt',p:'Kiedy odbywaj\u0105 si\u0119 zebrania z rodzicami?',\n     o:'Zebrania organizujemy dwa razy w roku szkolnym \u2013 we wrze\u015bniu i w lutym. Terminy indywidualnych konsultacji ustalamy bezpo\u015brednio z rodzicem.'}\n  ];\n  \/* \u2550\u2550\u2550 \u25bc DOPASUJ GRUP\u0118 \u2014 \u015aCIE\u017bKI WIEKOWE \u25bc\n     Z tej tablicy buduj\u0105 si\u0119 kafelki wieku i karta wyniku.\n     Kolejno\u015b\u0107 kafelk\u00f3w = kolejno\u015b\u0107 pozycji na li\u015bcie.\n       wiek      \u2014 du\u017ca liczba na kafelku (mo\u017ce by\u0107 zakres: '8\u20139')\n       opisWieku \u2014 s\u0142owo pod liczb\u0105 ('lata', 'lat', 'roku')\n       etap      \u2014 'Przedszkole' albo 'Szko\u0142a Podstawowa'. Decyduje te\u017c,\n                   kt\u00f3ry telefon poka\u017ce si\u0119 w karcie wyniku\n       nazwa     \u2014 nazwa grupy albo klasy\n       pseudonim \u2014 dopisek w cudzys\u0142owie obok nazwy\n       wstep     \u2014 dwa\u2013trzy zdania o tym etapie\n       fakty     \u2014 trzy pary [liczba, podpis] \u2014 kafelki z liczbami\n       punkty    \u2014 lista korzy\u015bci (dowolnie d\u0142uga, po jednej w wierszu)\n     \u2550\u2550\u2550 *\/\n  var SCIEZKI = [\n    {wiek:'2,5',opisWieku:'roku',etap:'Przedszkole',nazwa:'Grupa Maluszk\u00f3w',pseudonim:'Pszcz\u00f3\u0142ki',\n     wstep:'Najm\u0142odsza grupa w przedszkolu. Zaczynamy od poczucia bezpiecze\u0144stwa \u2013 reszta przychodzi sama.',\n     fakty:[['do 16','dzieci w grupie'],['2','wychowawc\u00f3w'],['60 min','angielskiego dziennie']],\n     punkty:['Adaptacja w tempie dziecka, nie kalendarza','Pi\u0119\u0107 posi\u0142k\u00f3w dziennie','Opieka od 6:30 do 18:00','Przedszkole pracuje 12 miesi\u0119cy w roku']},\n    {wiek:'3',opisWieku:'lata',etap:'Przedszkole',nazwa:'Grupa Maluszk\u00f3w',pseudonim:'Pszcz\u00f3\u0142ki',\n     wstep:'Trzylatek w Pszcz\u00f3\u0142kach uczy si\u0119 samodzielno\u015bci i pierwszych angielskich s\u0142\u00f3w \u2013 przez zabaw\u0119 i piosenk\u0119.',\n     fakty:[['do 16','dzieci w grupie'],['2','wychowawc\u00f3w'],['5','posi\u0142k\u00f3w dziennie']],\n     punkty:['Angielski dwa razy dziennie po 30 minut','Codzienne wyj\u015bcie na w\u0142asny plac zabaw','Zaj\u0119cia dodatkowe w ramach czesnego','Aplikacja 4Parents \u2013 bie\u017c\u0105cy kontakt z wychowawc\u0105']},\n    {wiek:'4',opisWieku:'lata',etap:'Przedszkole',nazwa:'Grupa \u015aredniak\u00f3w',pseudonim:'Chmurki',\n     wstep:'Wiek pyta\u0144 i pierwszych samodzielnych zda\u0144 po angielsku. Dziecko zaczyna u\u017cywa\u0107 j\u0119zyka, bo dzia\u0142a \u2013 nie dlatego, \u017ce musi.',\n     fakty:[['do 16','dzieci w grupie'],['2','wychowawc\u00f3w'],['20','Atrakcyjnych Pi\u0105tk\u00f3w w roku']],\n     punkty:['Pierwsze samodzielne zdania po angielsku','Atrakcyjne Pi\u0105tki \u2013 wydarzenie co tydzie\u0144','Zaj\u0119cia dodatkowe wliczone w czesne','Odpoczynek i zaj\u0119cia dopasowane do wieku']},\n    {wiek:'5',opisWieku:'lat',etap:'Przedszkole',nazwa:'Grupa Starszak\u00f3w',pseudonim:'Biedroneczki',\n     wstep:'Czas wyst\u0119p\u00f3w. Dziecko staje na scenie i m\u00f3wi po angielsku do publiczno\u015bci \u2013 to procentuje przez kolejne lata.',\n     fakty:[['do 16','dzieci w grupie'],['2','wychowawc\u00f3w'],['2','bloki zaj\u0119\u0107 dodatkowych']],\n     punkty:['Angielski na scenie \u2013 przedstawienia i wyst\u0119py','Przygotowanie do nauki czytania i pisania','Rozpoznawanie w\u0142asnych mocnych stron','Wyj\u015bcia i warsztaty tematyczne']},\n    {wiek:'6',opisWieku:'lat',etap:'Przedszkole',nazwa:'Zer\u00f3wka',pseudonim:'Robaczki',\n     wstep:'Ostatni rok przedszkola \u2013 w tym samym budynku, w kt\u00f3rym za rok zacznie si\u0119 szko\u0142a. Bez przeprowadzki, bez nowych twarzy.',\n     fakty:[['do 16','dzieci w grupie'],['0','rekrutacji do klasy 1'],['12','miesi\u0119cy pracy przedszkola']],\n     punkty:['Realizacja podstawy programowej wychowania przedszkolnego','Poznawanie nauczycieli klas 1\u20133 przed wrze\u015bniem','Przej\u015bcie do klasy pierwszej bez rekrutacji od zera','Gotowo\u015b\u0107 szkolna sprawdzana na bie\u017c\u0105co']},\n    {wiek:'7',opisWieku:'lat',etap:'Szko\u0142a Podstawowa',nazwa:'Klasa 1',pseudonim:'pierwszy etap edukacyjny',\n     wstep:'Start w szkole podstawowej. Nauczanie dwuj\u0119zyczne metod\u0105 CLIL od pierwszego dnia.',\n     fakty:[['~15','uczni\u00f3w w klasie'],['7:30\u201318:00','opieka'],['0 z\u0142','za zaj\u0119cia dodatkowe']],\n     punkty:['Nauczanie dwuj\u0119zyczne CLIL od klasy pierwszej','Podzia\u0142 klasy na grupy j\u0119zykowe','\u015awietlica poranna i popo\u0142udniowa bez dop\u0142at','Obiady z cateringu, tak\u017ce diety specjalne']},\n    {wiek:'8\u20139',opisWieku:'lat',etap:'Szko\u0142a Podstawowa',nazwa:'Klasy 2\u20133',pseudonim:'pierwszy etap edukacyjny',\n     wstep:'Utrwalenie podstaw i coraz wi\u0119ksza swoboda w angielskim. Na rok 2026\/2027 mamy wolne miejsca w klasie 2.',\n     fakty:[['~15','uczni\u00f3w w klasie'],['2','j\u0119zyki od klasy 4'],['8','lekcji maksymalnie']],\n     punkty:['Wolne miejsca w klasie 2 na rok 2026\/2027','Pomoc w odrabianiu lekcji w \u015bwietlicy','Zaj\u0119cia dodatkowe w ramach czesnego','Sta\u0142y kontakt z rodzicem przez e-Dziennik Librus']},\n    {wiek:'10\u201312',opisWieku:'lat',etap:'Szko\u0142a Podstawowa',nazwa:'Klasy 4\u20136',pseudonim:'drugi j\u0119zyk i pierwszy certyfikat',\n     wstep:'Dochodzi drugi j\u0119zyk obcy, a angielski wchodzi na poziom mierzony egzaminem mi\u0119dzynarodowym.',\n     fakty:[['2','j\u0119zyki obce'],['KET','egzamin Cambridge'],['~15','uczni\u00f3w w klasie']],\n     punkty:['Wolne miejsca w klasach 5 i 6 na rok 2026\/2027','Przygotowanie do egzaminu Cambridge KET','Wyjazdy zagraniczne i wymiany','Ko\u0142a zainteresowa\u0144: robotyka, teatr, sport']},\n    {wiek:'13\u201315',opisWieku:'lat',etap:'Szko\u0142a Podstawowa',nazwa:'Klasy 7\u20138',pseudonim:'finisz z wynikiem',\n     wstep:'Dwa lata, w kt\u00f3rych wszystko si\u0119 spina: certyfikat PET, egzamin \u00f3smoklasisty i wyb\u00f3r szko\u0142y \u015bredniej.',\n     fakty:[['83%','\u015brednia z egzaminu'],['100%','zdawalno\u015b\u0107 PET'],['PET','certyfikat Cambridge']],\n     punkty:['Wolne miejsca w klasie 7 na rok 2026\/2027','Przygotowanie do egzaminu \u00f3smoklasisty','Certyfikat Cambridge PET','Wsparcie psychologa i pedagoga przy wyborze liceum']}\n  ];\n  \/* adres strony \u201eUm\u00f3w si\u0119 na spotkanie\u201d \u2014 u\u017cywany tak\u017ce przez panel wy\u017cej *\/\n  var LINK_SPOTKANIE = 'https:\/\/hilaris-blonie.pl\/?page_id=4127';\n  \/* \u2550\u2550\u2550 \u25b2 KONIEC MIEJSC DO EDYCJI \u25b2 \u2550\u2550\u2550 *\/\n  var MIES = ['stycznia','lutego','marca','kwietnia','maja','czerwca','lipca','sierpnia',\n              'wrze\u015bnia','pa\u017adziernika','listopada','grudnia'];\n  var d0 = function(s){ var p = s.split('-'); return new Date(+p[0], +p[1]-1, +p[2]); };\n  var fmt = function(dt){ return dt.getDate() + ' ' + MIES[dt.getMonth()] + ' ' + dt.getFullYear(); };\n  var dni = function(a,b){ return Math.round((b - a) \/ 86400000); };\n  var dniTxt = function(n){\n    var n1 = n % 10, n2 = n % 100;\n    if(n === 1) return 'dzie\u0144';\n    if(n1 >= 2 && n1 <= 4 && !(n2 >= 12 && n2 <= 14)) return 'dni';\n    return 'dni';\n  };\n  var today = new Date(); today.setHours(0,0,0,0);\n  var E = REKRUTACJA.etapy.map(function(x){ return {od:d0(x.od), do:d0(x.do), t:x.t}; });\n  var start = E[0].od, koniec = E[E.length-1].do;\n  \/* \u2500\u2500 stan rekrutacji wyliczony z dzisiejszej daty \u2500\u2500 *\/\n  var stan;\n  if(today < start)        stan = 'przed';\n  else if(today <= koniec) stan = 'trwa';\n  else                     stan = 'po';\n  var badge = document.getElementById('hrBadge'),\n      badgeT = document.getElementById('hrBadgeT'),\n      title = document.getElementById('hrTitle'),\n      lead  = document.getElementById('hrLead');\n  title.textContent = 'Rekrutacja ' + REKRUTACJA.rok;\n  if(stan === 'przed'){\n    badge.className = 'hr-badge hr-badge--done';\n    badgeT.textContent = 'Nab\u00f3r rusza wkr\u00f3tce';\n    lead.textContent = 'Przyjmowanie kart zg\u0142osze\u0144 do klasy 1 rozpocznie si\u0119 ' + fmt(start)\n      + '. Nab\u00f3r do przedszkola trwa przez ca\u0142y rok.';\n  } else if(stan === 'trwa'){\n    badge.className = 'hr-badge hr-badge--live';\n    badgeT.textContent = 'Nab\u00f3r trwa';\n    lead.textContent = 'Trwa rekrutacja do klasy 1 szko\u0142y podstawowej. Kart\u0119 zg\u0142oszenia sk\u0142adaj\u0105 '\n      + 'Pa\u0144stwo w sekretariacie szko\u0142y. R\u00f3wnolegle prowadzimy nab\u00f3r do przedszkola.';\n  } else {\n    badge.className = 'hr-badge hr-badge--done';\n    badgeT.textContent = 'Nab\u00f3r g\u0142\u00f3wny zako\u0144czony';\n    lead.textContent = REKRUTACJA.wolneMiejsca.length\n      ? 'G\u0142\u00f3wny nab\u00f3r do klasy 1 zosta\u0142 zako\u0144czony, ale dysponujemy jeszcze pojedynczymi wolnymi '\n        + 'miejscami w klasach: 2,5,6,7 i 8 oraz wolnymi miejscami w przedszkolu.'\n      : 'G\u0142\u00f3wny nab\u00f3r do klasy 1 zosta\u0142 zako\u0144czony. Zapraszamy do kontaktu z sekretariatem '\n        + 'szko\u0142y lub przedszkola.';\n  }\n  \/* \u2500\u2500 licznik do rozpocz\u0119cia roku szkolnego \u2500\u2500 *\/\n  var sr = d0(REKRUTACJA.startRoku), doStartu = dni(today, sr);\n  var cdN = document.getElementById('hrCdN'), cdT = document.getElementById('hrCdT'),\n      cdD = document.getElementById('hrCdD');\n  \/* data zawsze w osobnym wierszu i bez mo\u017cliwo\u015bci z\u0142amania \u2014 \u017cadna cyfra\n     nie zostanie sama na ko\u0144cu linijki *\/\n  var dataNierozdzielna = fmt(sr).replace(\/ \/g, '\\u00A0');\n  if(doStartu > 0){\n    cdN.textContent = doStartu;\n    cdT.textContent = dniTxt(doStartu) + ' do rozpocz\u0119cia roku szkolnego ' + REKRUTACJA.rok;\n    cdD.textContent = dataNierozdzielna;\n  } else if(doStartu === 0){\n    cdN.textContent = '1';\n    cdT.textContent = 'Dzi\u015b rozpoczynamy rok szkolny ' + REKRUTACJA.rok + '. Witamy w szkole!';\n    cdD.textContent = dataNierozdzielna;\n  } else {\n    cdN.textContent = Math.abs(doStartu);\n    cdT.textContent = dniTxt(Math.abs(doStartu)) + ' od rozpocz\u0119cia roku szkolnego ' + REKRUTACJA.rok;\n    cdD.textContent = dataNierozdzielna;\n  }\n  \/* \u2500\u2500 terminarz z automatycznym statusem etap\u00f3w \u2500\u2500 *\/\n  var CK = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5 10 17.5 19 7.5\"\/><\/svg>';\n  var done = 0;\n  var html = '<div class=\"hr-tl__fill\" id=\"hrFill\"><\/div>';\n  E.forEach(function(x){\n    var st, lbl;\n    if(today > x.do){ st = 'is-done'; lbl = 'Zako\u0144czone'; done++; }\n    else if(today >= x.od){ st = 'is-live'; lbl = 'Trwa teraz'; }\n    else { st = 'is-next'; lbl = 'Przed nami'; }\n    var kiedy = (x.od.getTime() === x.do.getTime())\n      ? fmt(x.od)\n      : x.od.getDate() + ' ' + MIES[x.od.getMonth()] + ' \u2013 ' + fmt(x.do);\n    html += '<div class=\"hr-ev ' + st + '\" data-hr>'\n      + '<span class=\"hr-dot\">' + CK + '<\/span>'\n      + '<div class=\"hr-when\">' + kiedy + '<\/div>'\n      + '<div class=\"hr-what\">' + x.t + '<\/div>'\n      + '<span class=\"hr-state\">' + lbl + '<\/span><\/div>';\n  });\n  document.getElementById('hrTl').innerHTML = html;\n  document.getElementById('hrTlSub').textContent =\n    stan === 'po' ? 'Terminarz naboru na rok ' + REKRUTACJA.rok + ' \u2014 wszystkie etapy zako\u0144czone.'\n                  : 'Etapy oznaczane s\u0105 automatycznie, zgodnie z dzisiejsz\u0105 dat\u0105.';\n  \/* \u2500\u2500 wolne miejsca z gotowym zapytaniem \u2500\u2500 *\/\n  var box = document.getElementById('hrSlots');\n  if(REKRUTACJA.wolneMiejsca.length){\n    var ARR = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg>';\n    box.className = 'hr-slots';\n    box.innerHTML = REKRUTACJA.wolneMiejsca.map(function(k){\n      var body = 'Dzie\u0144 dobry,\\n\\npytam o wolne miejsce w klasie ' + k\n        + ' w roku szkolnym ' + REKRUTACJA.rok + '.\\n\\n'\n        + 'Imi\u0119 i nazwisko:\\nTelefon:\\n\\nPozdrawiam';\n      var href = 'mailto:' + REKRUTACJA.mail\n        + '?subject=' + encodeURIComponent('Zapytanie o wolne miejsce \u2014 klasa ' + k)\n        + '&body=' + encodeURIComponent(body);\n      return '<a class=\"hr-slot\" href=\"' + href + '\" data-hr>'\n        + '<b>Klasa ' + k + '<\/b><u>pojedyncze wolne miejsce<\/u>'\n        + '<span>Zapytaj ' + ARR + '<\/span><\/a>';\n    }).join('');\n  } else {\n    box.className = 'hr-empty';\n    box.innerHTML = 'Aktualnie nie dysponujemy wolnymi miejscami. Zapraszamy do kontaktu \u2014 '\n      + 'ch\u0119tnie poinformujemy, gdy sytuacja si\u0119 zmieni.';\n  }\n  \/* e-mail z gotowym tematem *\/\n  document.getElementById('hrMail').setAttribute('href',\n    'mailto:' + REKRUTACJA.mail + '?subject=' + encodeURIComponent('Pytanie o rekrutacj\u0119 ' + REKRUTACJA.rok));\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\n     ZDJ\u0118CIA \u2014 wczytywanie z po\u015bwiat\u0105 i mi\u0119kkim przenikaniem\n     Obrazki wstawiamy skryptem, \u017ceby w kodzie strony nie powtarza\u0142y si\u0119\n     d\u0142ugie adresy, a podmiana pliku sprowadza\u0142a si\u0119 do jednej linijki\n     w obiekcie ZDJECIA. Ka\u017cdy kadr sam melduje, kiedy si\u0119 wczyta\u0142\n     (klasa \u201egotowe\u201d), a gdy pliku brakuje \u2014 zamiast pustej ramki zostaje\n     spokojne granatowe t\u0142o.\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 *\/\n  (function(){\n    function wstaw(el){\n      var z = ZDJECIA[el.getAttribute('data-foto')];\n      if(!z || !z.src) return;\n      \/* pas na ca\u0142\u0105 szeroko\u015b\u0107: zdj\u0119cie jako t\u0142o *\/\n      if(el.classList.contains('hr-band')){\n        var wstepny = new Image();\n        wstepny.onload = function(){\n          el.style.backgroundImage = 'url(\"' + z.src + '\")';\n          if(z.kadr) el.style.backgroundPosition = z.kadr;\n          el.classList.add('gotowe');\n        };\n        wstepny.onerror = function(){ el.classList.add('gotowe'); };  \/* zostaje granat *\/\n        wstepny.src = z.src;\n        return;\n      }\n      \/* kadr w ramce *\/\n      if(z.kadr) el.style.setProperty('--kadr', z.kadr);\n      var img = document.createElement('img');\n      img.alt = z.alt || '';\n      img.loading = 'lazy';\n      img.decoding = 'async';\n      img.addEventListener('load', function(){ el.classList.add('gotowe'); });\n      img.addEventListener('error', function(){ el.classList.add('gotowe','bez-zdjecia'); });\n      el.appendChild(img);\n      if(z.podpis){\n        var cap = document.createElement('span');\n        cap.className = 'hr-shot__cap';\n        cap.textContent = z.podpis;\n        el.appendChild(cap);\n      }\n      img.src = z.src;\n      if(img.complete && img.naturalWidth) el.classList.add('gotowe');\n    }\n    ROOT.querySelectorAll('[data-foto]').forEach(wstaw);\n  })();\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\n     DOPASUJ GRUP\u0118 \u2014 kafelki wieku i karta wyniku\n     ---------------------------------------------------------------------------\n     Kafelki buduj\u0105 si\u0119 z tablicy SCIEZKI, wi\u0119c dodanie rocznika to dopisanie\n     jednej pozycji w tablicy \u2014 tutaj nic nie trzeba rusza\u0107.\n     Karta wyniku pojawia si\u0119 mi\u0119kkim rozwini\u0119ciem (wysoko\u015b\u0107 zamiast display),\n     a przy wyborze kolejnego wieku podmienia tre\u015b\u0107 bez \u201eprzeskoku\u201d strony.\n     Telefon w karcie dobiera si\u0119 sam: przedszkole albo sekretariat szko\u0142y.\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 *\/\n  (function(){\n    var sekcja = document.getElementById('hrDopasuj'),\n        wieki  = document.getElementById('hrDgWieki'),\n        wynik  = document.getElementById('hrDgWynik');\n    if(!sekcja || !wieki || !wynik) return;\n    var TEL = {\n      'Przedszkole':       {nr:'+48882486841', txt:'882 486-841', kto:'przedszkola'},\n      'Szko\u0142a Podstawowa': {nr:'+48224985525', txt:'22 498-55-25', kto:'szko\u0142y'}\n    };\n    var IKONA_TEL = '<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>';\n    var IKONA_KAL = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2.5\"\/><path d=\"M8 2.5v5M16 2.5v5M3 10h18\"\/><path d=\"M9 15.2l2.1 2.1L15.4 13\"\/><\/svg>';\n    var przyciski = [], wybrany = -1;\n    SCIEZKI.forEach(function(s, i){\n      var b = document.createElement('button');\n      b.type = 'button';\n      b.className = 'hr-dg__wiek';\n      b.setAttribute('aria-pressed','false');\n      b.setAttribute('aria-label', 'Dziecko w wieku ' + s.wiek + ' ' + s.opisWieku\n        + ' \u2014 ' + s.nazwa);\n      b.innerHTML = '<span class=\"hr-dg__wiek-l\">' + s.wiek + '<\/span>'\n                  + '<span class=\"hr-dg__wiek-o\">' + s.opisWieku + '<\/span>';\n      b.addEventListener('click', function(){ wybierz(i); });\n      wieki.appendChild(b);\n      przyciski.push(b);\n    });\n    function wybierz(i){\n      if(i === wybrany) return;\n      wybrany = i;\n      przyciski.forEach(function(x, n){\n        x.classList.toggle('jest-wybrany', n === i);\n        x.setAttribute('aria-pressed', n === i ? 'true' : 'false');\n      });\n      sekcja.classList.add('jest-wybrane');\n      pokaz(SCIEZKI[i]);\n    }\n    function pokaz(s){\n      var t = TEL[s.etap] || TEL['Szko\u0142a Podstawowa'];\n      wynik.innerHTML =\n        '<div class=\"hr-dg__karta\">'\n        + '<span class=\"hr-dg__odz\">' + (s.etap === 'Przedszkole' ? '\ud83e\uddf8' : '\ud83c\udf92') + ' ' + s.etap + '<\/span>'\n        + '<h3>' + s.nazwa + ' <span>\u201e' + s.pseudonim + '\u201d<\/span><\/h3>'\n        + '<p class=\"hr-dg__wstep\">' + s.wstep + '<\/p>'\n        + '<div class=\"hr-dg__fakty\">'\n        +   s.fakty.map(function(f){\n              return '<div class=\"hr-dg__fakt\"><b>' + f[0] + '<\/b><u>' + f[1] + '<\/u><\/div>';\n            }).join('')\n        + '<\/div>'\n        + '<ul class=\"hr-dg__lista\">'\n        +   s.punkty.map(function(p){ return '<li>' + p + '<\/li>'; }).join('')\n        + '<\/ul>'\n        + '<div class=\"hr-dg__akcje\">'\n        +   '<a class=\"hr-btn hr-btn--gold\" href=\"' + LINK_SPOTKANIE + '\">'\n        +     IKONA_KAL + 'Um\u00f3w si\u0119 na spotkanie<\/a>'\n        +   '<a class=\"hr-btn hr-btn--jasny\" href=\"tel:' + t.nr + '\">'\n        +     IKONA_TEL + t.txt + '<\/a>'\n        + '<\/div>'\n        + '<\/div>';\n      \/* rozwini\u0119cie na dok\u0142adn\u0105 wysoko\u015b\u0107 tre\u015bci \u2014 bez skoku strony *\/\n      wynik.classList.add('jest-widoczny');\n      var wys = wynik.firstElementChild ? wynik.firstElementChild.offsetHeight + 8 : 0;\n      wynik.style.maxHeight = wys + 'px';\n      \/* po zmianie okna (obr\u00f3t telefonu) wysoko\u015b\u0107 trzeba przeliczy\u0107 *\/\n      window.clearTimeout(wynik._t);\n      wynik._t = window.setTimeout(function(){\n        if(wynik.firstElementChild)\n          wynik.style.maxHeight = (wynik.firstElementChild.offsetHeight + 8) + 'px';\n      }, 700);\n    }\n    window.addEventListener('resize', function(){\n      if(wynik.classList.contains('jest-widoczny') && wynik.firstElementChild)\n        wynik.style.maxHeight = (wynik.firstElementChild.offsetHeight + 8) + 'px';\n    }, {passive:true});\n  })();\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\n     PRZEDSZKOLE \u2014 wolne miejsca, atuty i kontakt\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 *\/\n  (function(){\n    var P = PRZEDSZKOLE;\n    var sub2 = document.getElementById('hrPSub'),\n        note = document.getElementById('hrPNote'),\n        slots = document.getElementById('hrPSlots'),\n        plus = document.getElementById('hrPlus');\n    if(!slots) return;\n    sub2.textContent = P.nazwa + ' \u2014 ' + P.adres + '. Ten sam kompleks co szko\u0142a, '\n      + 'ta sama dwuj\u0119zyczno\u015b\u0107 od najm\u0142odszych lat. ' + (P.wszystkieGrupy || '');\n    note.innerHTML = P.grupy.length\n      ? '<b>Ostatnie wolne miejsca<\/b> na rok szkolny ' + REKRUTACJA.rok\n        + ' w grupie <b>Pszcz\u00f3\u0142ki<\/b> (maluszki) i <b>Chmurki<\/b> (\u015bredniaki). '\n        + 'Nab\u00f3r do przedszkola trwa przez ca\u0142y rok, '\n        + 'do wyczerpania miejsc \u2014 prosimy o kontakt z sekretariatem przedszkola.'\n      : '<b>Nab\u00f3r do przedszkola<\/b> prowadzimy przez ca\u0142y rok. Prosimy o kontakt '\n        + 'z sekretariatem \u2014 poinformujemy o dost\u0119pno\u015bci miejsc.';\n    var ARR2 = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg>';\n    if(P.grupy.length){\n      slots.className = 'hr-slots';\n      slots.innerHTML = P.grupy.map(function(g){\n        var body = 'Dzie\u0144 dobry,\\n\\npytam o wolne miejsce w przedszkolu, w grupie ' + g.n\n          + (g.w ? ' (' + g.w + (g.wiek ? ', ' + g.wiek : '') + ')' : '')\n          + ', w roku szkolnym ' + REKRUTACJA.rok + '.\\n\\n'\n          + 'Imi\u0119 i nazwisko:\\nWiek dziecka:\\nTelefon:\\n\\nPozdrawiam';\n        var href = 'mailto:' + P.mail\n          + '?subject=' + encodeURIComponent('Zapytanie o miejsce w przedszkolu \u2014 grupa ' + g.n)\n          + '&body=' + encodeURIComponent(body);\n        return '<a class=\"hr-slot\" href=\"' + href + '\" data-hr>'\n          + '<b>' + g.n + '<\/b>'\n          + (g.w ? '<u>' + g.w + '<\/u>' : '')\n          + (g.wiek ? '<u class=\"hr-slot__wiek\">' + g.wiek + '<\/u>' : '')\n          + '<u class=\"hr-slot__stan\">' + g.o + '<\/u>'\n          + '<span>Zapytaj ' + ARR2 + '<\/span><\/a>';\n      }).join('');\n    } else {\n      slots.className = 'hr-empty';\n      slots.textContent = 'Aktualnie nie dysponujemy wolnymi miejscami w przedszkolu. '\n        + 'Zapraszamy do kontaktu \u2014 ch\u0119tnie poinformujemy, gdy sytuacja si\u0119 zmieni.';\n    }\n    plus.innerHTML = P.atuty.map(function(a){ return '<li>' + a + '<\/li>'; }).join('');\n    var tel = document.getElementById('hrPTel');\n    tel.setAttribute('href','tel:' + P.telefon);\n    document.getElementById('hrPTelT').textContent = P.telefonTxt;\n    document.getElementById('hrPMail').setAttribute('href',\n      'mailto:' + P.mail + '?subject=' + encodeURIComponent('Pytanie o przedszkole \u2014 rekrutacja ' + REKRUTACJA.rok));\n    document.getElementById('hrPMailT').textContent = P.mail;\n    document.getElementById('hrPStrona').setAttribute('href', P.strona);\n  })();\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\n     NAJCZ\u0118STSZE PYTANIA \u2014 wyszukiwarka na \u017cywo i rozwijane odpowiedzi\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 *\/\n  (function(){\n    var lista = document.getElementById('hrFaqLista'),\n        pole  = document.getElementById('hrFaqPole'),\n        tagi  = document.getElementById('hrFaqTagi');\n    if(!lista || !pole || !tagi) return;\n    \/* wyszukiwanie bez polskich znak\u00f3w: \u201eswietlica\u201d znajdzie \u201e\u015bwietlic\u0119\u201d *\/\n    function bezOgonkow(t){\n      return (t||'').toLowerCase()\n        .replace(\/\u0105\/g,'a').replace(\/\u0107\/g,'c').replace(\/\u0119\/g,'e').replace(\/\u0142\/g,'l')\n        .replace(\/\u0144\/g,'n').replace(\/\u00f3\/g,'o').replace(\/\u015b\/g,'s').replace(\/\u017a\/g,'z').replace(\/\u017c\/g,'z');\n    }\n    \/* przyciski tematyczne budowane z pola kat: *\/\n    var kategorie = ['Wszystkie'];\n    PYTANIA.forEach(function(x){ if(kategorie.indexOf(x.kat) < 0) kategorie.push(x.kat); });\n    var aktywna = 'Wszystkie', przyciski = [];\n    kategorie.forEach(function(k, i){\n      var b = document.createElement('button');\n      b.type = 'button';\n      b.className = 'hr-faq__tag' + (i === 0 ? ' jest-aktywny' : '');\n      b.textContent = k;\n      b.addEventListener('click', function(){\n        przyciski.forEach(function(x){ x.classList.remove('jest-aktywny'); });\n        b.classList.add('jest-aktywny');\n        aktywna = k; filtruj();\n      });\n      tagi.appendChild(b);\n      przyciski.push(b);\n    });\n    \/* pytania *\/\n    PYTANIA.forEach(function(q){\n      var el = document.createElement('div');\n      el.className = 'hr-faq__poz';\n      el.setAttribute('data-hr','');\n      el.dataset.kat = q.kat;\n      el.dataset.szukaj = bezOgonkow(q.p + ' ' + q.o.replace(\/<[^>]+>\/g,'') + ' ' + q.kat);\n      el.innerHTML =\n        '<button type=\"button\" class=\"hr-faq__pytanie\" aria-expanded=\"false\">'\n        + '<span class=\"hr-faq__znak\" aria-hidden=\"true\">+<\/span><span>' + q.p + '<\/span><\/button>'\n        + '<div class=\"hr-faq__tresc\"><div class=\"hr-faq__tresc-wnetrze\">' + q.o + '<\/div><\/div>';\n      lista.appendChild(el);\n      var przycisk = el.querySelector('.hr-faq__pytanie');\n      przycisk.addEventListener('click', function(){\n        var bylo = el.classList.contains('jest-otwarta');\n        \/* zamykamy pozosta\u0142e \u2014 na raz otwarta jest jedna odpowied\u017a *\/\n        lista.querySelectorAll('.hr-faq__poz').forEach(function(x){\n          x.classList.remove('jest-otwarta');\n          x.querySelector('.hr-faq__tresc').style.maxHeight = '0px';\n          x.querySelector('.hr-faq__pytanie').setAttribute('aria-expanded','false');\n        });\n        if(!bylo){\n          el.classList.add('jest-otwarta');\n          var t = el.querySelector('.hr-faq__tresc');\n          t.style.maxHeight = t.scrollHeight + 'px';\n          przycisk.setAttribute('aria-expanded','true');\n        }\n      });\n    });\n    \/* komunikat, gdy nic nie pasuje *\/\n    var pusto = document.createElement('div');\n    pusto.className = 'hr-faq__pusto';\n    pusto.innerHTML = '<b>Nie znale\u017ali\u015bmy pasuj\u0105cej odpowiedzi<\/b>'\n      + 'Prosimy o kontakt z sekretariatem \u2014 odpowiemy na ka\u017cde pytanie.';\n    lista.appendChild(pusto);\n    function filtruj(){\n      var fraza = bezOgonkow(pole.value.trim()), ile = 0;\n      lista.querySelectorAll('.hr-faq__poz').forEach(function(el){\n        var ok = (aktywna === 'Wszystkie' || el.dataset.kat === aktywna)\n              && (!fraza || el.dataset.szukaj.indexOf(fraza) >= 0);\n        el.classList.toggle('jest-ukryta', !ok);\n        if(ok) ile++;\n      });\n      pusto.classList.toggle('jest-widoczne', ile === 0);\n    }\n    pole.addEventListener('input', filtruj);\n  })();\n  \/* \u2500\u2500 sierotki typograficzne \u2500\u2500 *\/\n  (function(){\n    if(!document.createTreeWalker) return;\n    var RE = \/(^|[\\s(\u201e\"])([aiouwzAIOUWZ])[ \\t]+\/g;\n    var w = document.createTreeWalker(ROOT, NodeFilter.SHOW_TEXT, {\n      acceptNode:function(n){\n        var t = n.parentNode && n.parentNode.nodeName;\n        if(t === 'SCRIPT' || t === 'STYLE') return NodeFilter.FILTER_REJECT;\n        RE.lastIndex = 0;\n        return RE.test(n.nodeValue) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n      }\n    });\n    var n, list = []; while((n = w.nextNode())) list.push(n);\n    list.forEach(function(t){ RE.lastIndex = 0; t.nodeValue = t.nodeValue.replace(RE, '$1$2\\u00A0'); });\n  })();\n  \/* \u2500\u2500 animacje \u2500\u2500 *\/\n  function anim(){\n    var gsap = window.gsap, ST = window.ScrollTrigger;\n    if(!gsap || !ST) return;\n    if(window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n    gsap.registerPlugin(ST);\n    ROOT.classList.add('hr-on');\n    var o = {v:0};\n    gsap.to(o,{v:Math.max(0,doStartu),duration:1.3,ease:'power2.out',\n      onUpdate:function(){ if(doStartu>0) cdN.textContent = Math.round(o.v); },\n      onComplete:function(){ if(doStartu>0) cdN.textContent = doStartu; }});\n    ST.batch('.hil-r [data-hr]',{start:'top 96%',\n      onEnter:function(b){ gsap.to(b,{opacity:1,y:0,duration:.6,stagger:.06,ease:'power3.out'}); }});\n    var fill = document.getElementById('hrFill');\n    if(fill){\n      var pct = E.length ? Math.round(done \/ E.length * 100) : 0;\n      ST.create({trigger:'.hil-r .hr-tl', start:'top 85%',\n        onEnter:function(){ fill.style.height = pct + '%'; }});\n    }\n    window.addEventListener('load', function(){ ST.refresh(); });\n    setTimeout(function(){\n      ROOT.querySelectorAll('[data-hr]').forEach(function(el){\n        var op = parseFloat(getComputedStyle(el).opacity);\n        if(isNaN(op) || op < .99){ el.style.opacity = 1; el.style.transform = 'none'; }\n      });\n    }, 3000);\n  }\n  if(window.gsap && window.ScrollTrigger){ anim(); }\n  else { var t=0; (function w2(){ if(window.gsap&&window.ScrollTrigger){anim();}\n    else if(t++<40){setTimeout(w2,100);} })(); }\n})();\n<\/script>\n\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>Strona g\u0142\u00f3wna szko\u0142y \u2014 Rekrutacja \u2014 \u2014 \u2014 Szko\u0142a Podstawowaklasy 1\u20138, nab\u00f3r i wolne miejsca Przedszkoleostatnie wolne miejsca w grupach Gdzie trafi moje dziecko? Prosimy wskaza\u0107, ile lat b\u0119dzie mia\u0142o dziecko we wrze\u015bniu \u2014 poka\u017cemy dok\u0142adnie t\u0119 grup\u0119 albo klas\u0119, kt\u00f3ra go dotyczy. Wystarczy jedno dotkni\u0119cie. Podana \u015bcie\u017cka ma charakter orientacyjny \u2014 ostateczny przydzia\u0142 ustalamy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":345,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-351","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/351","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=351"}],"version-history":[{"count":49,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/351\/revisions"}],"predecessor-version":[{"id":7742,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/351\/revisions\/7742"}],"up":[{"embeddable":true,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/345"}],"wp:attachment":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}