{"id":1194,"date":"2025-09-11T08:28:13","date_gmt":"2025-09-11T06:28:13","guid":{"rendered":"https:\/\/hilaris-blonie.pl\/?page_id=1194"},"modified":"2026-08-28T23:16:14","modified_gmt":"2026-08-28T21:16:14","slug":"przedszkole","status":"publish","type":"page","link":"https:\/\/hilaris-blonie.pl\/?page_id=1194","title":{"rendered":"PRZEDSZKOLE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1194\" class=\"elementor elementor-1194\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9cccf2 e-flex e-con-boxed e-con e-parent\" data-id=\"e9cccf2\" 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-7bd01eb elementor-widget elementor-widget-html\" data-id=\"7bd01eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   HILARIS \u2013 TRE\u015a\u0106 STRONY G\u0141\u00d3WNEJ (bez nag\u0142\u00f3wka\/stopki)\n   Wersja 3.4:\n   \u2022 blok \u201eZasada Hilaris\u201d przebudowany na dwie kolumny: tre\u015b\u0107 po lewej,\n     film po prawej \u2014 bez pustych przestrzeni; o\u015b przej\u015bcia pe\u0142nej szeroko\u015bci\n   \u2022 film startuje sam, gdy blok wjedzie w ekran, chodzi w p\u0119tli i zatrzymuje\n     si\u0119 po wyj\u015bciu z ekranu (oraz gdy karta przegl\u0105darki zejdzie w t\u0142o)\n   \u2022 o\u015b \u201eZer\u00f3wka \u2192 Klasa 1 \u2192 2 \u2192 3\u201d: rysowany tor, zapalaj\u0105ce si\u0119 po kolei\n     punkty i klamra \u201eten sam wychowawca\u201d\n   Wersja 3.3:\n   \u2022 godziny pracy przedszkola: 6:30 \u2013 18:00 (poprawka z 7:30)\n     \u2014 widoczne w pasku zaufania, w nag\u0142\u00f3wku \u201eRytm dnia\u201d,\n       na osi czasu i w FAQ\n   \u2022 nowy blok \u201eZasada Hilaris\u201d w sekcji Nasze grupy: wychowawca\n     z zer\u00f3wki przechodzi z dzie\u0107mi do klasy 1 i prowadzi je do ko\u0144ca 3\n   Wersja 3.2:\n   \u2022 przycisk \u201ePoznaj nasz zesp\u00f3\u0142\u201d w sekcji Kadra (efekt hover)\n   \u2022 naprawiona o\u015b czasu \u2013 godziny nie nachodz\u0105 na kropki\/lini\u0119\n   \u2022 usuni\u0119ty przycisk \u201ewr\u00f3\u0107 na g\u00f3r\u0119\u201d z pier\u015bcieniem post\u0119pu\n   ========================================================= *\/\n@property --hil-angle{ syntax:'<angle>'; inherits:false; initial-value:0deg; }\n\/* ---------- 1. ZMIENNE \/ RESET ---------- *\/\n:root{\n  --color-secondary-dark:#0E4F63;\n  --color-secondary:#12657F;\n  --color-secondary-light:#E5F5FA;\n  --color-primary:#FF8A3D;\n  --color-primary-dark:#E0691F;\n  --color-primary-light:#FFD8A8;\n  --color-accent:#2FBFAE;\n  --color-accent-light:#D8F3F0;\n  --color-accent-2:#FFC93C;\n  --color-accent-3:#6FBF7F;\n  --color-ink:#1F2A33;\n  --color-ink-soft:#5B6B74;\n  --color-bg:#FFFDF9;\n  --color-bg-alt:#FBF3E9;\n  --color-border:#EAE2D6;\n  --grp-pszczolki:#E8A400;   --grp-pszczolki-2:#C98600;\n  --grp-chmurki:#2E8FB4;     --grp-chmurki-2:#0E4F63;\n  --grp-biedroneczki:#E4655F;--grp-biedroneczki-2:#C0403A;\n  --grp-robaczki:#6FBF7F;    --grp-robaczki-2:#3F8C4E;\n  --font-heading:'Poppins','Segoe UI',sans-serif;\n  --font-body:'Nunito','Segoe UI',sans-serif;\n  --container-w:1200px;\n  --pad-inline:clamp(16px,4vw,32px);\n  --space-section:clamp(38px,5vw,68px);\n  --space-lg:clamp(28px,4vw,48px);\n  --space-md:clamp(16px,2.4vw,26px);\n  --radius-sm:12px;\n  --radius-md:20px;\n  --radius-lg:30px;\n  --shadow-sm:0 4px 14px rgba(20,30,40,.07);\n  --shadow-md:0 12px 32px rgba(20,30,40,.11);\n  --shadow-lg:0 24px 54px rgba(20,30,40,.16);\n  --ease-out:cubic-bezier(.22,.9,.3,1);\n  --fs-h1:clamp(1.9rem,1.35rem + 2.4vw,3rem);\n  --fs-h2:clamp(1.5rem,1.28rem + 1vw,2.15rem);\n  --fs-h2-sm:clamp(1.3rem,1.15rem + .7vw,1.7rem);\n  --fs-h3:clamp(1.02rem,.98rem + .2vw,1.16rem);\n  --fs-lead:clamp(1rem,.95rem + .2vw,1.14rem);\n  --fs-body:clamp(.92rem,.9rem + .08vw,.98rem);\n  --fs-small:clamp(.76rem,.74rem + .06vw,.84rem);\n}\n#hilaris-tresc,\n#hilaris-tresc *,\n#hilaris-tresc *::before,\n#hilaris-tresc *::after{ box-sizing:border-box; min-width:0; }\n#hilaris-tresc{\n  font-family:var(--font-body);\n  color:var(--color-ink);\n  background:var(--color-bg);\n  line-height:1.65;\n  font-size:var(--fs-body);\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n  overflow-x:clip;\n  scroll-margin-top:24px;\n}\n#hilaris-tresc img{ max-width:100%; display:block; }\n#hilaris-tresc a{ color:inherit; text-decoration:none; }\n#hilaris-tresc ul{ margin:0; padding:0; list-style:none; }\n#hilaris-tresc h1,#hilaris-tresc h2,#hilaris-tresc h3,#hilaris-tresc h4{\n  font-family:var(--font-heading); color:var(--color-ink); line-height:1.22; margin:0;\n  overflow-wrap:break-word; text-wrap:balance;\n}\n#hilaris-tresc p{ margin:0; text-wrap:pretty; }\n#hilaris-tresc button{ font-family:inherit; cursor:pointer; background:none; border:none; padding:0; color:inherit; }\n#hilaris-tresc .container{ width:100%; max-width:var(--container-w); margin-inline:auto; padding-inline:var(--pad-inline); }\n#hilaris-tresc section{ scroll-margin-top:24px; }\n#hilaris-tresc a:focus-visible, #hilaris-tresc button:focus-visible, #hilaris-tresc summary:focus-visible{\n  outline:3px solid var(--color-secondary); outline-offset:3px; border-radius:6px;\n}\n\/* ---------- 2. ELEMENTY OG\u00d3LNE ---------- *\/\n#hilaris-tresc .eyebrow{\n  display:inline-flex; align-items:center; gap:8px;\n  font-family:var(--font-heading); font-weight:700; font-size:var(--fs-small);\n  letter-spacing:.07em; text-transform:uppercase; color:var(--color-secondary-dark);\n  background:var(--color-secondary-light); padding:7px 16px; border-radius:99px;\n}\n#hilaris-tresc .section-head{ max-width:680px; margin:0 auto var(--space-lg); text-align:center; }\n#hilaris-tresc .section-head h2{ font-size:var(--fs-h2); margin-top:14px; }\n#hilaris-tresc .section-head h2::after{\n  content:\"\"; display:block; width:64px; height:4px; margin:18px auto 0; border-radius:99px;\n  background:linear-gradient(90deg, var(--color-secondary), var(--color-primary));\n}\n#hilaris-tresc .section-head p{ margin-top:14px; color:var(--color-ink-soft); font-size:var(--fs-lead); }\n#hilaris-tresc section.pad{ padding-block:var(--space-section); position:relative; }\n#hilaris-tresc .section-alt{ background:var(--color-bg-alt); }\n#hilaris-tresc .btn{\n  position:relative; overflow:hidden; isolation:isolate;\n  display:inline-flex; align-items:center; justify-content:center; gap:10px;\n  font-family:var(--font-heading); font-weight:600; font-size:clamp(.9rem,.86rem + .1vw,.98rem);\n  padding:14px clamp(18px,3vw,28px); border-radius:99px; border:2px solid transparent;\n  transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), background .2s, color .2s, border-color .2s;\n  white-space:nowrap; max-width:100%;\n}\n#hilaris-tresc .btn::after{\n  content:\"\"; position:absolute; z-index:-1; inset:0 auto 0 -140%; width:70%;\n  background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);\n  transform:skewX(-18deg); transition:left .55s var(--ease-out); pointer-events:none;\n}\n#hilaris-tresc .btn:hover::after{ left:160%; }\n#hilaris-tresc .btn svg{ width:18px; height:18px; flex-shrink:0; }\n#hilaris-tresc .btn-primary{ background:var(--color-primary); color:#fff; box-shadow:0 6px 18px rgba(224,105,31,.28); }\n#hilaris-tresc .btn-primary:hover{ background:var(--color-primary-dark); transform:translateY(-3px); box-shadow:0 12px 28px rgba(224,105,31,.34); }\n#hilaris-tresc .btn-secondary{ background:#fff; color:var(--color-ink); border-color:var(--color-border); }\n#hilaris-tresc .btn-secondary:hover{ border-color:var(--color-secondary); color:var(--color-secondary-dark); transform:translateY(-3px); box-shadow:var(--shadow-sm); }\n#hilaris-tresc .btn-ghost-light{ background:rgba(255,255,255,.16); color:#fff; border-color:rgba(255,255,255,.6); backdrop-filter:blur(3px); }\n#hilaris-tresc .btn-ghost-light:hover{ background:#fff; color:var(--color-primary-dark); }\n#hilaris-tresc .btn-block{ width:100%; }\n#hilaris-tresc .btn:active{ transform:translateY(-1px) scale(.985); }\n\/* PRZYCISK \u201ePOZNAJ NASZ ZESP\u00d3\u0141\u201d (sekcja Kadra) *\/\n#hilaris-tresc .team-cta{ display:flex; justify-content:center; margin-top:clamp(24px,3vw,34px); }\n#hilaris-tresc .btn-team{\n  position:relative; isolation:isolate; overflow:hidden;\n  background:#fff; color:var(--color-secondary-dark);\n  border:2px solid var(--color-secondary-light);\n  box-shadow:0 6px 18px rgba(14,79,99,.10);\n  padding:15px clamp(22px,3.4vw,34px);\n  font-weight:700; letter-spacing:.05em; text-transform:uppercase;\n  font-size:clamp(.82rem,.78rem + .12vw,.92rem);\n}\n#hilaris-tresc .btn-team::before{\n  content:\"\"; position:absolute; inset:0; z-index:0; border-radius:inherit;\n  background:linear-gradient(120deg,var(--color-secondary-dark) 0%,var(--color-secondary) 48%,var(--color-accent) 100%);\n  transform:scaleX(0); transform-origin:left center; opacity:0;\n  transition:transform .45s var(--ease-out), opacity .28s var(--ease-out);\n}\n#hilaris-tresc .btn-team > *{ position:relative; z-index:2; }\n#hilaris-tresc .btn-team:hover::before,\n#hilaris-tresc .btn-team:focus-visible::before{ transform:scaleX(1); opacity:1; }\n#hilaris-tresc .btn-team:hover,\n#hilaris-tresc .btn-team:focus-visible{\n  color:#fff; border-color:transparent; transform:translateY(-3px);\n  box-shadow:0 14px 32px rgba(14,79,99,.28);\n}\n#hilaris-tresc .btn-team svg{ transition:transform .35s var(--ease-out); }\n#hilaris-tresc .btn-team:hover .bt-ico{ transform:scale(1.14) rotate(-8deg); }\n#hilaris-tresc .btn-team:hover .bt-arrow{ transform:translateX(5px); }\n#hilaris-tresc .btn-team:active{ transform:translateY(-1px) scale(.985); }\n#hilaris-tresc .icon-badge{\n  width:54px; height:54px; border-radius:16px; display:flex; align-items:center; justify-content:center;\n  flex-shrink:0; transition:transform .35s var(--ease-out);\n}\n#hilaris-tresc .value-card:hover .icon-badge,\n#hilaris-tresc .pillar:hover .icon-badge,\n#hilaris-tresc .activity-cat:hover h3 .icon-badge{ transform:scale(1.12) rotate(-6deg); }\n#hilaris-tresc .icon-badge svg{ width:26px; height:26px; }\n#hilaris-tresc .svg-sprite{ position:absolute; width:0; height:0; overflow:hidden; }\n#hilaris-tresc .spot{ position:relative; isolation:isolate; }\n#hilaris-tresc .spot::before{\n  content:\"\"; position:absolute; inset:0; border-radius:inherit; z-index:-1;\n  background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),\n             rgba(255,138,61,.16), rgba(47,191,174,.08) 40%, transparent 68%);\n  opacity:0; transition:opacity .35s ease; pointer-events:none;\n}\n#hilaris-tresc .spot:hover::before{ opacity:1; }\n#hilaris-tresc .values-grid, #hilaris-tresc .activities-grid,\n#hilaris-tresc .steps, #hilaris-tresc .life-strip{\n  display:grid; grid-template-columns:1fr; align-items:start;\n}\n#hilaris-tresc .team-wrap, #hilaris-tresc .groups-grid{\n  display:grid; grid-template-columns:1fr; align-items:stretch;\n}\n#hilaris-tresc .team-card{ display:flex; flex-direction:column; height:100%; }\n#hilaris-tresc .team-card p{ margin-top:10px; }\n#hilaris-tresc .hero-stats{ display:grid; grid-template-columns:1fr 1fr; align-items:stretch; }\n#hilaris-tresc .pillars{\n  display:grid; align-items:start;\n  grid-template-columns:repeat(auto-fit, minmax(235px, 1fr));\n}\n\/* ---------- 3. HERO + PASEK ZAUFANIA ---------- *\/\n#hilaris-tresc .hero{\n  position:relative; overflow:hidden; padding-block:clamp(40px,6vw,70px);\n  background:var(--color-bg);\n}\n#hilaris-tresc .hero-aurora{ position:absolute; inset:-10% -5%; z-index:0; pointer-events:none; overflow:hidden; }\n#hilaris-tresc .hero-blob{\n  position:absolute; border-radius:50%; filter:blur(60px); will-change:transform;\n  animation:heroBlobDrift 16s ease-in-out infinite;\n}\n#hilaris-tresc .hero-blob.b1{ width:46%; aspect-ratio:1; background:var(--color-primary-light); top:-14%; right:-6%; opacity:.75; }\n#hilaris-tresc .hero-blob.b2{ width:38%; aspect-ratio:1; background:var(--color-accent-light); bottom:-18%; left:-8%; opacity:.85; animation-delay:-5s; }\n#hilaris-tresc .hero-blob.b3{ width:30%; aspect-ratio:1; background:var(--color-accent-2); top:34%; left:38%; opacity:.28; animation-delay:-10s; }\n@keyframes heroBlobDrift{\n  0%,100%{ transform:translate3d(0,0,0) scale(1); }\n  33%{ transform:translate3d(4%,-6%,0) scale(1.12); }\n  66%{ transform:translate3d(-5%,4%,0) scale(.94); }\n}\n#hilaris-tresc .hero > .container{ position:relative; z-index:1; }\n#hilaris-tresc .hero-inner{ display:grid; grid-template-columns:1fr; gap:0; align-items:center; }\n#hilaris-tresc .hero-visual{ position:relative; width:100%; perspective:1200px; }\n#hilaris-tresc .hero-copy{ display:contents; }\n#hilaris-tresc .hero-copy > .eyebrow{ order:1; justify-self:start; }\n#hilaris-tresc .hero-copy > h1{ order:2; }\n#hilaris-tresc .hero-copy > p.lead{ order:3; }\n#hilaris-tresc .hero-visual{ order:4; max-width:420px; margin:30px auto 0; }\n#hilaris-tresc .hero-copy > .hero-actions{ order:5; }\n#hilaris-tresc .hero-copy > .hero-stats{ order:6; }\n#hilaris-tresc .hero-copy h1{ font-size:var(--fs-h1); margin-top:18px; }\n#hilaris-tresc .hero-copy h1 em{\n  font-style:normal; color:var(--color-primary);\n  background:linear-gradient(100deg,var(--color-primary) 0%,var(--color-accent-2) 28%,var(--color-primary-dark) 55%,var(--color-primary) 100%);\n  background-size:280% 100%;\n  -webkit-background-clip:text; background-clip:text;\n  -webkit-text-fill-color:transparent; color:transparent;\n  animation:hilShimmer 7s ease-in-out infinite;\n}\n@keyframes hilShimmer{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } }\n#hilaris-tresc .hero-copy p.lead{ margin-top:20px; font-size:var(--fs-lead); color:var(--color-ink-soft); max-width:560px; }\n#hilaris-tresc .hero-actions{ display:flex; gap:14px; flex-wrap:wrap; margin-top:32px; }\n#hilaris-tresc .hero-stats{ gap:12px; margin-top:var(--space-md); }\n#hilaris-tresc .hero-stat{\n  position:relative; overflow:hidden; background:#fff; border:1px solid var(--color-border);\n  border-radius:var(--radius-md); box-shadow:var(--shadow-sm);\n  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;\n  gap:6px; text-align:center; padding:16px 10px 14px; height:100%;\n  transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out), border-color .3s;\n}\n#hilaris-tresc .hero-stat::before{\n  content:\"\"; position:absolute; inset:0 0 auto 0; height:4px;\n  background:linear-gradient(90deg,var(--color-primary),var(--color-accent-2));\n}\n#hilaris-tresc .hero-stat:nth-child(2n)::before{ background:linear-gradient(90deg,var(--color-secondary),var(--color-secondary-dark)); }\n#hilaris-tresc .hero-stat:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:transparent; }\n#hilaris-tresc .hs-icon{\n  width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center;\n  background:var(--color-primary-light); color:var(--color-primary-dark); flex-shrink:0;\n  transition:transform .35s var(--ease-out);\n}\n#hilaris-tresc .hero-stat:nth-child(2n) .hs-icon{ background:var(--color-secondary-light); color:var(--color-secondary-dark); }\n#hilaris-tresc .hero-stat:hover .hs-icon{ transform:scale(1.15) rotate(-8deg); }\n#hilaris-tresc .hs-icon svg{ width:17px; height:17px; }\n#hilaris-tresc .hero-stat strong{\n  display:block; width:100%; font-family:var(--font-heading); font-weight:700;\n  color:var(--color-primary-dark); line-height:1.2; letter-spacing:0;\n  font-size:clamp(.86rem,.78rem + .3vw,.92rem); white-space:nowrap;\n  font-variant-numeric:tabular-nums;\n}\n#hilaris-tresc .hero-stat:nth-child(2n) strong{ color:var(--color-secondary-dark); }\n#hilaris-tresc .hero-stat > span:not(.hs-icon){\n  font-size:var(--fs-small); color:var(--color-ink-soft); font-weight:700; line-height:1.3;\n}\n#hilaris-tresc .hero-stat strong .count-num{\n  font:inherit; font-size:inherit; font-weight:inherit; font-family:inherit;\n  color:inherit; line-height:inherit; letter-spacing:inherit;\n}\n#hilaris-tresc .real-photo-frame{\n  position:relative; border-radius:var(--radius-lg); overflow:hidden;\n  box-shadow:var(--shadow-lg); background:var(--color-bg-alt);\n  transform-style:preserve-3d; transition:box-shadow .4s var(--ease-out);\n}\n#hilaris-tresc .real-photo-frame img{ width:100%; height:100%; object-fit:cover; display:block; }\n#hilaris-tresc .real-photo-frame.is-clickable{ cursor:zoom-in; }\n#hilaris-tresc .hero-visual .real-photo-frame::after{\n  content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:3;\n  background:radial-gradient(420px circle at var(--gx,70%) var(--gy,12%), rgba(255,255,255,.30), transparent 60%);\n  opacity:0; transition:opacity .4s ease;\n}\n#hilaris-tresc .hero-visual:hover .real-photo-frame::after{ opacity:1; }\n#hilaris-tresc .photo-caption{\n  position:absolute; left:16px; bottom:16px; background:rgba(20,24,34,.55); backdrop-filter:blur(3px);\n  color:#fff; font-size:.76rem; font-weight:700; padding:7px 14px; border-radius:99px; max-width:calc(100% - 32px);\n  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:2;\n}\n#hilaris-tresc .photo-badge{\n  position:absolute; z-index:2; background:rgba(255,255,255,.94); backdrop-filter:blur(6px);\n  border:1px solid rgba(255,255,255,.7);\n  border-radius:var(--radius-sm); box-shadow:var(--shadow-md);\n  padding:8px 12px; display:flex; align-items:center; gap:8px; font-weight:700; font-size:.72rem;\n  max-width:calc(50% - 24px); animation:photoBadgeFloat 5s ease-in-out infinite;\n}\n#hilaris-tresc .photo-badge svg{ width:18px; height:18px; flex-shrink:0; }\n#hilaris-tresc .photo-badge div{ overflow-wrap:break-word; min-width:0; }\n#hilaris-tresc .photo-badge small{ display:block; font-weight:600; color:var(--color-ink-soft); font-size:.64rem; overflow-wrap:break-word; }\n#hilaris-tresc .photo-badge.pb-top-left{ top:14px; left:14px; }\n#hilaris-tresc .photo-badge.pb-top-right{ top:14px; right:14px; animation-delay:-2.5s; }\n@media (max-width:520px){\n  #hilaris-tresc .photo-badge{ padding:7px 10px; font-size:.68rem; max-width:calc(50% - 18px); }\n  #hilaris-tresc .photo-badge small{ display:none; }\n  #hilaris-tresc .photo-badge svg{ width:15px; height:15px; }\n}\n@keyframes photoBadgeFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-7px); } }\n#hilaris-tresc .trustbar{\n  background:#fff; border-block:1px solid var(--color-border); overflow:hidden; position:relative;\n  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);\n  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);\n}\n#hilaris-tresc .trust-track{ display:flex; width:max-content; padding-block:20px; animation:trustScroll 38s linear infinite; }\n#hilaris-tresc .trustbar:hover .trust-track{ animation-play-state:paused; }\n#hilaris-tresc .trust-group{ display:flex; align-items:center; gap:44px; padding-inline:22px; flex-shrink:0; }\n#hilaris-tresc .trustbar-item{ display:flex; align-items:center; gap:10px; font-weight:700; color:var(--color-ink-soft); font-size:.9rem; white-space:nowrap; }\n#hilaris-tresc .trustbar-item svg{ width:20px; height:20px; color:var(--color-primary); flex-shrink:0; }\n#hilaris-tresc .trustbar-item:nth-child(2n) svg{ color:var(--color-secondary-dark); }\n@keyframes trustScroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }\n#hilaris-tresc .life-strip-head{ display:flex; align-items:baseline; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-bottom:24px; }\n#hilaris-tresc .life-strip-head h2{ font-size:var(--fs-h2-sm); }\n#hilaris-tresc .life-strip{ gap:16px; }\n#hilaris-tresc .life-strip .real-photo-frame{ aspect-ratio:4\/3; }\n#hilaris-tresc .life-strip .real-photo-frame img{ transition:transform .6s var(--ease-out); }\n#hilaris-tresc .life-strip .real-photo-frame:hover img{ transform:scale(1.07); }\n#hilaris-tresc .life-strip .real-photo-frame::before{\n  content:\"\"; position:absolute; inset:0; z-index:1; pointer-events:none;\n  background:linear-gradient(180deg,transparent 55%,rgba(14,79,99,.45));\n  opacity:0; transition:opacity .4s ease;\n}\n#hilaris-tresc .life-strip .real-photo-frame:hover::before{ opacity:1; }\n\/* ---------- 4. SEKCJE \/ GRIDY \/ KARTY ---------- *\/\n#hilaris-tresc .values-grid{ gap:22px; }\n#hilaris-tresc .value-card{\n  background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md);\n  padding:clamp(22px,3vw,30px) clamp(20px,2.6vw,26px); box-shadow:var(--shadow-sm);\n  transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out), border-color .3s;\n}\n#hilaris-tresc .value-card:hover{ transform:translateY(-8px); box-shadow:var(--shadow-md); border-color:transparent; }\n#hilaris-tresc .value-card h3{ font-size:var(--fs-h3); margin-top:18px; }\n#hilaris-tresc .value-card p{ margin-top:10px; color:var(--color-ink-soft); font-size:.95rem; }\n#hilaris-tresc .value-card:nth-child(1) .icon-badge{ background:var(--color-primary-light); color:var(--color-primary-dark); }\n#hilaris-tresc .value-card:nth-child(2) .icon-badge{ background:var(--color-secondary-light); color:var(--color-secondary-dark); }\n#hilaris-tresc .value-card:nth-child(3) .icon-badge{ background:#FFF1CE; color:#B8860B; }\n#hilaris-tresc .value-card:nth-child(4) .icon-badge{ background:var(--color-accent-light); color:#1B7C70; }\n#hilaris-tresc .value-card:nth-child(5) .icon-badge{ background:#F1E7FB; color:#7B4FA3; }\n#hilaris-tresc .value-card:nth-child(6) .icon-badge{ background:var(--color-secondary-light); color:var(--color-secondary-dark); }\n#hilaris-tresc .groups-grid{ gap:20px; }\n#hilaris-tresc .group-card{\n  border-radius:var(--radius-md); overflow:hidden; background:#fff; border:1px solid var(--color-border);\n  box-shadow:var(--shadow-sm); transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);\n  display:flex; flex-direction:column; height:100%;\n}\n#hilaris-tresc .group-card:hover{ transform:translateY(-8px); box-shadow:var(--shadow-md); }\n#hilaris-tresc .group-top{\n  padding:18px 22px 18px; min-height:214px; color:#fff; position:relative; overflow:hidden;\n  display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between;\n}\n#hilaris-tresc .group-top::before{\n  content:\"\"; position:absolute; inset:0; pointer-events:none;\n  background:\n    radial-gradient(circle at 50% 46%, transparent 0 24%, rgba(255,255,255,.55) 24% 24.6%, transparent 24.7%),\n    radial-gradient(circle at 50% 46%, transparent 0 34%, rgba(255,255,255,.4) 34% 34.5%, transparent 34.6%),\n    radial-gradient(circle at 50% 46%, transparent 0 44%, rgba(255,255,255,.28) 44% 44.4%, transparent 44.5%);\n  opacity:.5;\n}\n#hilaris-tresc .group-top::after{\n  content:\"\"; position:absolute; inset:0; pointer-events:none;\n  background-image:radial-gradient(rgba(255,255,255,.5) 1.2px, transparent 1.3px);\n  background-size:20px 20px; opacity:.28;\n}\n#hilaris-tresc .group-symbol{\n  position:relative; z-index:1; align-self:center;\n  width:clamp(70px,17vw,86px); height:clamp(70px,17vw,86px); margin:10px auto 12px;\n  color:#fff; display:block;\n  filter:drop-shadow(0 5px 12px rgba(0,0,0,.22));\n  transition:transform .5s var(--ease-out);\n}\n#hilaris-tresc .group-card:hover .group-symbol{ transform:scale(1.09) rotate(-5deg); }\n#hilaris-tresc .group-kind{\n  position:relative; z-index:1; font-family:var(--font-heading);\n  font-size:.66rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase;\n  background:rgba(255,255,255,.22); border:1px solid rgba(255,255,255,.34);\n  padding:5px 12px; border-radius:99px; backdrop-filter:blur(3px); white-space:nowrap;\n}\n#hilaris-tresc .group-name{ position:relative; z-index:1; }\n#hilaris-tresc .group-top .age{ font-size:.76rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; opacity:.95; text-shadow:0 1px 4px rgba(0,0,0,.35); }\n#hilaris-tresc .group-top h3{ color:#fff; font-size:1.3rem; margin-top:4px; text-shadow:0 2px 8px rgba(0,0,0,.35); }\n#hilaris-tresc .group-card:nth-child(1) .group-top{ background:linear-gradient(140deg, var(--grp-pszczolki), var(--grp-pszczolki-2)); }\n#hilaris-tresc .group-card:nth-child(2) .group-top{ background:linear-gradient(140deg, var(--grp-chmurki), var(--grp-chmurki-2)); }\n#hilaris-tresc .group-card:nth-child(3) .group-top{ background:linear-gradient(140deg, var(--grp-biedroneczki), var(--grp-biedroneczki-2)); }\n#hilaris-tresc .group-card:nth-child(4) .group-top{ background:linear-gradient(140deg, var(--grp-robaczki), var(--grp-robaczki-2)); }\n#hilaris-tresc .group-body{ padding:18px 20px 22px; flex:1; display:flex; flex-direction:column; gap:12px; }\n#hilaris-tresc .group-body p{ color:var(--color-ink-soft); font-size:.92rem; flex:1; }\n#hilaris-tresc .group-link{\n  display:flex; align-items:center; justify-content:space-between; gap:10px;\n  margin-top:auto; padding-top:14px; border-top:1px solid var(--color-border);\n  font-family:var(--font-heading); font-weight:700; font-size:.86rem;\n  color:var(--color-secondary-dark); transition:color .25s var(--ease-out);\n}\n#hilaris-tresc .group-link span{ min-width:0; white-space:nowrap; }\n#hilaris-tresc .group-link svg{ width:17px; height:17px; flex-shrink:0; transition:transform .25s var(--ease-out); }\n#hilaris-tresc .group-link:hover{ color:var(--color-primary-dark); }\n#hilaris-tresc .group-link:hover svg{ transform:translateX(4px); }\n#hilaris-tresc .group-card:hover .group-link svg{ transform:translateX(4px); }\n\/* \u2014\u2014\u2014 ZASADA CI\u0104G\u0141O\u015aCI OPIEKI \u2014\u2014\u2014\n   Wychowawca z zer\u00f3wki idzie z dzie\u0107mi do klasy 1 i prowadzi je do ko\u0144ca 3.\n   Blok stoi pod kartami grup, bo tam rodzic my\u015bli o tym, \u201eco dalej\u201d.\n   UK\u0141AD: na komputerze dwie kolumny \u2014 po lewej tre\u015b\u0107 (nag\u0142\u00f3wek, akapit,\n   trzy korzy\u015bci), po prawej film wype\u0142niaj\u0105cy ca\u0142\u0105 wysoko\u015b\u0107 tej kolumny,\n   a pod nimi, na pe\u0142nej szeroko\u015bci, o\u015b przej\u015bcia zer\u00f3wka \u2192 klasa 3.\n   Na telefonie wszystko idzie w jednej kolumnie: nag\u0142\u00f3wek, film, korzy\u015bci, o\u015b.\n   FILM: startuje sam, gdy blok wjedzie w ekran (bez przycisku odtwarzania),\n   chodzi w p\u0119tli i zatrzymuje si\u0119 po wyj\u015bciu z kadru. D\u017awi\u0119k: przegl\u0105darki\n   blokuj\u0105 automatyczne odtwarzanie z d\u017awi\u0119kiem, dop\u00f3ki u\u017cytkownik czego\u015b\n   nie kliknie \u2014 dlatego film startuje wyciszony i w\u0142\u0105cza d\u017awi\u0119k sam\n   przy pierwszym klikni\u0119ciu\/dotkni\u0119ciu strony. Pigu\u0142ka \u201eW\u0142\u0105cz d\u017awi\u0119k\u201d\n   w rogu filmu pozwala w\u0142\u0105czy\u0107 lub wyciszy\u0107 go jednym klikni\u0119ciem. *\/\n#hilaris-tresc .rule-card{\n  position:relative; overflow:hidden;\n  margin-top:clamp(26px,3.6vw,40px);\n  border-radius:var(--radius-lg); color:#fff;\n  padding:clamp(22px,3.2vw,36px) clamp(20px,3vw,36px);\n  background:linear-gradient(145deg, var(--color-secondary-dark) 0%, var(--color-secondary) 52%, #1B7C70 100%);\n  box-shadow:var(--shadow-lg);\n  display:grid; grid-template-columns:1fr; align-items:start;\n  gap:clamp(20px,2.6vw,30px) clamp(24px,3vw,38px);\n}\n#hilaris-tresc .rule-card::before{\n  content:\"\"; position:absolute; width:130%; aspect-ratio:1; top:-72%; right:-38%;\n  background:radial-gradient(circle, rgba(255,201,60,.30), transparent 62%);\n  pointer-events:none;\n}\n#hilaris-tresc .rule-card > *{ position:relative; z-index:1; min-width:0; }\n#hilaris-tresc .rule-card .eyebrow{\n  background:rgba(255,255,255,.16); color:#fff; border:1px solid rgba(255,255,255,.3);\n}\n#hilaris-tresc .rule-card h3{\n  color:#fff; font-family:var(--font-heading); font-size:var(--fs-h2-sm);\n  margin-top:14px; max-width:20ch;\n}\n#hilaris-tresc .rule-head p{\n  margin-top:12px; color:rgba(255,255,255,.92); font-size:var(--fs-lead); line-height:1.6;\n}\n\/* --- film --- *\/\n#hilaris-tresc .rule-media{\n  margin:0; position:relative; overflow:hidden;\n  aspect-ratio:var(--vid-ar, 16 \/ 10);\n  border-radius:var(--radius-md);\n  background:#0B2B36; border:1px solid rgba(255,255,255,.22);\n  box-shadow:0 18px 40px rgba(0,0,0,.34);\n}\n#hilaris-tresc .rule-video{\n  width:100%; height:100%; object-fit:cover; display:block; background:#0B2B36;\n}\n#hilaris-tresc .rule-media::after{\n  content:\"\"; position:absolute; inset:0; pointer-events:none;\n  background:\n    linear-gradient(180deg, rgba(4,26,33,.55) 0%, transparent 26%),\n    linear-gradient(0deg, rgba(4,26,33,.68) 0%, transparent 34%);\n}\n\/* Logo nak\u0142adamy TYLKO w uk\u0142adzie dwukolumnowym, gdzie kadr jest przycinany\n   do wysoko\u015bci kolumny (object-fit:cover) i wbudowane logo mo\u017ce wypa\u015b\u0107 poza\n   kadr. W jednej kolumnie film leci w oryginalnych proporcjach \u2014 ma w\u0142asne\n   logo w obrazie, wi\u0119c drugie by\u0142oby dublem. *\/\n#hilaris-tresc .rule-media figcaption{\n  display:none;\n  position:absolute; left:14px; top:12px; z-index:2;\n  align-items:center; background:none; border:0; padding:0;\n}\n#hilaris-tresc .rule-media figcaption img{\n  height:clamp(30px,4vw,42px); width:auto;\n  \/* dwa cienie: ciemny pod spodem trzyma logo czytelne tak\u017ce na jasnej klatce *\/\n  filter:drop-shadow(0 2px 5px rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(0,0,0,.35));\n}\n#hilaris-tresc .rule-sound{\n  position:absolute; right:12px; bottom:12px; z-index:3;\n  display:inline-flex; align-items:center; gap:7px;\n  padding:7px 13px; border-radius:99px;\n  background:rgba(255,255,255,.92); color:var(--color-secondary-dark);\n  font-family:var(--font-heading); font-weight:700; font-size:.72rem; letter-spacing:.02em;\n  box-shadow:0 6px 16px rgba(0,0,0,.3);\n  transition:transform .25s var(--ease-out), background .25s;\n}\n#hilaris-tresc .rule-sound:hover{ transform:translateY(-2px); background:#fff; }\n#hilaris-tresc .rule-sound svg{ width:15px; height:15px; flex-shrink:0; }\n#hilaris-tresc .rule-sound .rs-on{ display:none; }\n#hilaris-tresc .rule-sound.is-on .rs-on{ display:block; }\n#hilaris-tresc .rule-sound.is-on .rs-off{ display:none; }\n\/* --- trzy korzy\u015bci --- *\/\n#hilaris-tresc .rule-points{ display:grid; gap:15px; align-content:start; }\n#hilaris-tresc .rule-points li{ display:flex; gap:12px; align-items:flex-start; }\n#hilaris-tresc .rule-points li > svg{\n  width:19px; height:19px; margin-top:3px; flex-shrink:0; color:var(--color-accent-2);\n}\n#hilaris-tresc .rule-points b{ display:block; font-family:var(--font-heading); font-size:.95rem; line-height:1.3; }\n#hilaris-tresc .rule-points span{ display:block; margin-top:3px; color:rgba(255,255,255,.84); font-size:.88rem; line-height:1.5; }\n\/* --- o\u015b przej\u015bcia --- *\/\n#hilaris-tresc .rule-path{\n  padding:clamp(18px,2.2vw,24px) clamp(14px,2vw,24px) clamp(14px,1.8vw,18px);\n  border-radius:var(--radius-md);\n  background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.2);\n}\n#hilaris-tresc .rule-track{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:4px; }\n\/* tor (t\u0142o) + wype\u0142nienie, kt\u00f3re samo doje\u017cd\u017ca od zer\u00f3wki do klasy trzeciej *\/\n#hilaris-tresc .rule-track::before,\n#hilaris-tresc .rule-rail{\n  position:absolute; left:12.5%; right:12.5%; top:10px; height:3px; border-radius:3px;\n}\n#hilaris-tresc .rule-track::before{ content:\"\"; background:rgba(255,255,255,.22); }\n#hilaris-tresc .rule-rail{\n  background:linear-gradient(90deg,var(--color-accent-2) 0%,#FFE9A8 55%,#FFFFFF 100%);\n  transform:scaleX(0); transform-origin:left center;\n}\n\/* 2,5 s r\u00f3wnym tempem \u2014 dzi\u0119ki temu kropki zapalaj\u0105 si\u0119 dok\u0142adnie wtedy,\n   gdy z\u0142ota nitka do nich dobiega (odst\u0119p mi\u0119dzy nimi = 2,5 s \/ 3 \u2248 0,833 s) *\/\n#hilaris-tresc .rule-card.is-live .rule-rail{\n  animation:hilRailFill 2.5s linear .3s forwards;\n}\n\/* delikatny b\u0142ysk w momencie, gdy pasek dobiegnie do ko\u0144ca *\/\n#hilaris-tresc .rule-rail::after{\n  content:\"\"; position:absolute; right:-11px; top:50%; width:26px; height:26px; margin-top:-13px;\n  border-radius:50%; opacity:0; pointer-events:none;\n  background:radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(255,201,60,.55) 42%, rgba(255,201,60,0) 70%);\n}\n#hilaris-tresc .rule-card.is-live .rule-rail::after{ animation:hilRailFlash 1.2s ease-out 2.7s; }\n#hilaris-tresc .rule-card.is-live .rule-node:last-child i{ animation:hilNodePulse 1.2s ease-out 2.8s; }\n@keyframes hilRailFill{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }\n@keyframes hilRailFlash{\n  0%{ opacity:0; transform:scale(.4); }\n  30%{ opacity:1; transform:scale(1.1); }\n  100%{ opacity:0; transform:scale(1.6); }\n}\n@keyframes hilNodePulse{\n  0%{ box-shadow:0 0 0 4px rgba(255,255,255,.55); }\n  100%{ box-shadow:0 0 0 20px rgba(255,201,60,0); }\n}\n#hilaris-tresc .rule-node{ text-align:center; min-width:0; }\n\/* Kropki: najpierw wskakuj\u0105 (szybki, drobny stagger), a potem zapalaj\u0105 si\u0119\n   na z\u0142oto \u2014 ka\u017cda dok\u0142adnie w chwili, gdy dobiega do niej wype\u0142nienie paska. *\/\n#hilaris-tresc .rule-node i{\n  position:relative; z-index:1; display:block; width:23px; height:23px; margin:0 auto 12px;\n  border-radius:50%; background:var(--color-secondary-dark); border:3px solid rgba(255,255,255,.6);\n  opacity:0; transform:scale(.35);\n  transition:\n    opacity .4s ease calc(.15s + var(--i, 0) * .12s),\n    transform .5s var(--ease-out) calc(.15s + var(--i, 0) * .12s),\n    background .45s ease calc(.3s + var(--i, 0) * .833s),\n    border-color .45s ease calc(.3s + var(--i, 0) * .833s),\n    box-shadow .5s ease calc(.3s + var(--i, 0) * .833s);\n}\n#hilaris-tresc .rule-card.is-live .rule-node i{\n  opacity:1; transform:none;\n  background:var(--color-accent-2); border-color:#fff; box-shadow:0 0 0 6px rgba(255,201,60,.22);\n}\n#hilaris-tresc .rule-node.is-start i{\n  background:var(--color-accent-2); border-color:#fff; box-shadow:0 0 0 6px rgba(255,201,60,.22);\n}\n#hilaris-tresc .rule-node b{\n  display:block; font-family:var(--font-heading); font-weight:700; line-height:1.2;\n  font-size:clamp(.78rem,.72rem + .2vw,.94rem);\n}\n#hilaris-tresc .rule-node.is-start b{ color:var(--color-accent-2); }\n#hilaris-tresc .rule-span{\n  display:flex; align-items:center; justify-content:center; gap:11px; text-align:center;\n  margin-top:clamp(16px,2vw,20px); padding-top:clamp(13px,1.7vw,17px);\n  border-top:1px dashed rgba(255,255,255,.26);\n  font-family:var(--font-heading); font-weight:700; letter-spacing:.02em;\n  color:var(--color-accent-2); font-size:clamp(1rem,.92rem + .45vw,1.3rem); line-height:1.25;\n}\n#hilaris-tresc .rule-span svg{ width:clamp(18px,2vw,22px); height:clamp(18px,2vw,22px); flex-shrink:0; }\n\/* Na telefonie sama ikona g\u0142o\u015bnika \u2014 napis zas\u0142ania\u0142by kadr *\/\n@media (max-width:700px){\n  #hilaris-tresc .rule-sound{\n    width:36px; height:36px; padding:0; justify-content:center; border-radius:50%;\n    right:10px; bottom:10px;\n  }\n  #hilaris-tresc .rule-sound .rs-txt{ display:none; }\n  #hilaris-tresc .rule-sound svg{ width:17px; height:17px; }\n}\n\/* Dwie kolumny \u2014 zapas dla przegl\u0105darek bez container queries *\/\n@media (min-width:860px){\n  #hilaris-tresc .rule-card{ grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); }\n  #hilaris-tresc .rule-head{ grid-column:1; grid-row:1; }\n  #hilaris-tresc .rule-points{ grid-column:1; grid-row:2; }\n  #hilaris-tresc .rule-media{ grid-column:2; grid-row:1 \/ span 2; height:100%; aspect-ratio:auto; min-height:300px; }\n  #hilaris-tresc .rule-media figcaption{ display:flex; }\n  #hilaris-tresc .rule-path{ grid-column:1 \/ -1; grid-row:3; }\n}\n#hilaris-tresc .english-wrap{ display:grid; grid-template-columns:1fr; gap:clamp(28px,4vw,48px); align-items:start; }\n#hilaris-tresc .english-quote{\n  background:linear-gradient(160deg, var(--color-ink) 0%, #2C4753 100%); color:#fff; border-radius:var(--radius-lg);\n  padding:clamp(28px,4vw,38px) clamp(22px,3vw,32px); position:relative; overflow:hidden;\n}\n#hilaris-tresc .english-quote::before{\n  content:\"\"; position:absolute; width:150%; aspect-ratio:1; top:-60%; right:-45%;\n  background:radial-gradient(circle, rgba(47,191,174,.34), transparent 62%);\n  animation:quoteGlow 14s ease-in-out infinite; pointer-events:none;\n}\n@keyframes quoteGlow{ 0%,100%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(-8%,8%) scale(1.18); } }\n#hilaris-tresc .english-quote > *{ position:relative; }\n#hilaris-tresc .english-quote svg.quote-mark{ width:38px; height:38px; color:var(--color-accent); opacity:.95; }\n#hilaris-tresc .english-quote p.q{ font-family:var(--font-heading); font-size:clamp(1.05rem,1rem + .5vw,1.28rem); font-weight:600; margin-top:16px; line-height:1.4; }\n#hilaris-tresc .english-quote .tags{ display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }\n#hilaris-tresc .english-quote .tags span{ font-size:.74rem; font-weight:700; background:rgba(255,255,255,.12); padding:6px 12px; border-radius:99px; border:1px solid rgba(255,255,255,.14); }\n#hilaris-tresc .pillars{ gap:16px; }\n#hilaris-tresc .pillar{\n  display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid var(--color-border);\n  border-radius:var(--radius-sm); padding:18px; transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);\n}\n#hilaris-tresc .pillar:hover{ transform:translateY(-5px); box-shadow:var(--shadow-sm); }\n#hilaris-tresc .pillar .icon-badge{ width:42px; height:42px; border-radius:11px; background:var(--color-primary-light); color:var(--color-primary-dark); }\n#hilaris-tresc .pillar:nth-child(2n) .icon-badge{ background:var(--color-secondary-light); color:var(--color-secondary-dark); }\n#hilaris-tresc .pillar .icon-badge svg{ width:20px; height:20px; }\n#hilaris-tresc .pillar h4{ font-size:.96rem; font-family:var(--font-heading); }\n#hilaris-tresc .pillar p{ font-size:.85rem; color:var(--color-ink-soft); margin-top:5px; }\n#hilaris-tresc .activities-grid{ gap:18px; }\n#hilaris-tresc .activity-cat{\n  background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); padding:22px 20px;\n  box-shadow:var(--shadow-sm); transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out); height:100%;\n}\n#hilaris-tresc .activity-cat:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }\n#hilaris-tresc .activity-cat h3{ font-size:1rem; display:flex; align-items:center; gap:10px; }\n#hilaris-tresc .activity-cat h3 .icon-badge{ width:38px; height:38px; border-radius:10px; }\n#hilaris-tresc .activity-cat h3 svg{ width:18px; height:18px; }\n#hilaris-tresc .activity-cat ul{ margin-top:16px; display:flex; flex-direction:column; gap:10px; }\n#hilaris-tresc .activity-cat li{ font-size:.9rem; color:var(--color-ink-soft); display:flex; gap:8px; align-items:flex-start; transition:transform .25s var(--ease-out); }\n#hilaris-tresc .activity-cat li:hover{ transform:translateX(4px); }\n#hilaris-tresc .activity-cat li svg{ width:15px; height:15px; margin-top:3px; color:var(--color-accent-3); flex-shrink:0; }\n#hilaris-tresc .activity-cat:nth-child(1) h3 .icon-badge{ background:#F1E7FB; color:#7B4FA3; }\n#hilaris-tresc .activity-cat:nth-child(2) h3 .icon-badge{ background:var(--color-secondary-light); color:var(--color-secondary-dark); }\n#hilaris-tresc .activity-cat:nth-child(3) h3 .icon-badge{ background:#FFF1CE; color:#B8860B; }\n#hilaris-tresc .activity-cat:nth-child(4) h3 .icon-badge{ background:var(--color-primary-light); color:var(--color-primary-dark); }\n#hilaris-tresc .meals-wrap{ display:grid; grid-template-columns:1fr; gap:clamp(28px,4vw,50px); align-items:center; }\n#hilaris-tresc .meals-visual{\n  aspect-ratio:3\/4; width:100%; max-width:420px; margin:0 auto; border-radius:var(--radius-lg);\n  position:relative; overflow:hidden; box-shadow:var(--shadow-lg); background:var(--color-bg-alt);\n}\n#hilaris-tresc .meals-visual img{\n  width:100%; height:100%; object-fit:cover; display:block;\n  transition:transform .6s var(--ease-out);\n}\n#hilaris-tresc .meals-visual:hover img{ transform:scale(1.05); }\n#hilaris-tresc .meals-list{ display:flex; flex-direction:column; gap:14px; }\n#hilaris-tresc .meal-row{\n  display:flex; align-items:center; gap:16px; background:#fff; border:1px solid var(--color-border);\n  border-radius:var(--radius-sm); padding:14px 18px; box-shadow:var(--shadow-sm);\n  transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);\n}\n#hilaris-tresc .meal-row:hover{ transform:translateX(6px); box-shadow:var(--shadow-md); }\n#hilaris-tresc .meal-row .num{\n  width:34px; height:34px; border-radius:10px; background:var(--color-bg-alt); display:flex; align-items:center; justify-content:center;\n  font-family:var(--font-heading); font-weight:800; color:var(--color-primary-dark); flex-shrink:0; transition:background .3s, color .3s;\n}\n#hilaris-tresc .meal-row:hover .num{ background:var(--color-primary); color:#fff; }\n#hilaris-tresc .meal-row strong{ display:block; font-size:.94rem; }\n#hilaris-tresc .meal-row span{ font-size:.84rem; color:var(--color-ink-soft); }\n\/* \u2014\u2014\u2014 PLAN DNIA \/ O\u015a CZASU \u2014\u2014\u2014\n   Szeroko\u015b\u0107 kolumny z godzin\u0105 i odst\u0119p reguluj\u0105 dwie zmienne.\n   Linia i kropka s\u0105 liczone OD TYCH ZMIENNYCH, wi\u0119c zawsze\n   l\u0105duj\u0105 w odst\u0119pie mi\u0119dzy godzin\u0105 a kart\u0105 \u2014 nic nie nachodzi.\n   Gdyby godziny by\u0142y za blisko kropki: zwi\u0119ksz --tl-col. *\/\n#hilaris-tresc .timeline{\n  position:relative; max-width:760px; margin:0 auto;\n  --tl-col:64px; --tl-gap:28px;\n}\n#hilaris-tresc .timeline::before{\n  content:\"\"; position:absolute; left:calc(var(--tl-col) + var(--tl-gap) \/ 2);\n  top:6px; bottom:6px; width:2px; background:var(--color-border);\n}\n#hilaris-tresc .tl-item{\n  display:grid; grid-template-columns:var(--tl-col) 1fr; gap:var(--tl-gap);\n  position:relative; padding-bottom:30px; align-items:start;\n}\n#hilaris-tresc .tl-item:last-child{ padding-bottom:0; }\n#hilaris-tresc .tl-time{\n  font-family:var(--font-heading); font-weight:800; color:var(--color-primary-dark);\n  font-size:clamp(.7rem,.64rem + .25vw,.82rem); line-height:1.25; text-align:right;\n  padding-top:12px; padding-right:6px; white-space:nowrap; font-variant-numeric:tabular-nums;\n}\n#hilaris-tresc .tl-item:nth-child(2n) .tl-time{ color:var(--color-secondary-dark); }\n#hilaris-tresc .tl-dot{\n  position:absolute; left:calc(var(--tl-col) + var(--tl-gap) \/ 2 - 7px);\n  top:12px; width:14px; height:14px; border-radius:50%; z-index:1;\n  background:var(--color-primary); border:3px solid #fff; box-shadow:0 0 0 2px var(--color-primary);\n  transition:transform .3s var(--ease-out);\n}\n#hilaris-tresc .tl-item:nth-child(2n) .tl-dot{ background:var(--color-secondary); box-shadow:0 0 0 2px var(--color-secondary); }\n#hilaris-tresc .tl-item:hover .tl-dot{ transform:scale(1.35); }\n#hilaris-tresc .tl-card{\n  background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-sm); padding:16px 18px;\n  box-shadow:var(--shadow-sm); transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);\n}\n#hilaris-tresc .tl-item:hover .tl-card{ transform:translateX(6px); box-shadow:var(--shadow-md); }\n#hilaris-tresc .tl-card strong{ font-size:.94rem; }\n#hilaris-tresc .tl-card p{ font-size:.85rem; color:var(--color-ink-soft); margin-top:4px; }\n@media (max-width:380px){\n  #hilaris-tresc .timeline{ --tl-col:58px; --tl-gap:24px; }\n  #hilaris-tresc .tl-time{ font-size:.68rem; letter-spacing:-.01em; }\n}\n\/* Kadra *\/\n#hilaris-tresc .team-wrap{ gap:20px; }\n#hilaris-tresc .team-card{\n  background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); padding:24px 20px 22px;\n  text-align:center; box-shadow:var(--shadow-sm); transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);\n}\n#hilaris-tresc .team-card:hover{ transform:translateY(-8px); box-shadow:var(--shadow-md); }\n#hilaris-tresc .team-photo{\n  position:relative; width:clamp(84px,18vw,104px); height:clamp(84px,18vw,104px); margin:0 auto 16px; border-radius:50%; padding:4px;\n  background:conic-gradient(from 0deg, #B8860B, #F9E7A6, #FFD700, #E8B923, #B8860B, #F4D77B, #FFD700, #B8860B);\n  box-shadow:0 6px 18px rgba(184,134,11,.32);\n  transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out);\n}\n#hilaris-tresc .team-card:hover .team-photo{ transform:scale(1.06); box-shadow:0 10px 26px rgba(184,134,11,.45); }\n#hilaris-tresc .team-photo-inner{ position:relative; width:100%; height:100%; border-radius:50%; overflow:hidden; background:#fff; }\n#hilaris-tresc .team-photo img{ position:relative; z-index:1; width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; }\n#hilaris-tresc .team-photo-inner::after{\n  content:\"\"; position:absolute; z-index:2; top:-30%; left:-70%; width:45%; height:160%;\n  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.8) 50%, transparent 100%);\n  transform:rotate(12deg); animation:teamShineSweep 4.6s ease-in-out infinite;\n  pointer-events:none;\n}\n#hilaris-tresc .team-card:nth-child(2) .team-photo-inner::after{ animation-delay:.8s; }\n#hilaris-tresc .team-card:nth-child(3) .team-photo-inner::after{ animation-delay:1.6s; }\n#hilaris-tresc .team-card:nth-child(4) .team-photo-inner::after{ animation-delay:2.4s; }\n@keyframes teamShineSweep{\n  0%{ left:-70%; opacity:0; }\n  10%{ opacity:1; }\n  38%{ left:130%; opacity:0; }\n  100%{ left:130%; opacity:0; }\n}\n#hilaris-tresc .team-card h3{ font-size:1rem; }\n#hilaris-tresc .team-card span.role{ display:block; font-size:.8rem; color:var(--color-primary-dark); font-weight:700; margin-top:4px; }\n#hilaris-tresc .team-card p{ font-size:.85rem; color:var(--color-ink-soft); margin-top:10px; }\n#hilaris-tresc .team-note{ text-align:center; max-width:640px; margin:28px auto 0; color:var(--color-ink-soft); font-size:.92rem; }\n\/* \u015acie\u017cka zapisu *\/\n#hilaris-tresc .steps{ gap:18px; }\n#hilaris-tresc .step-card{\n  position:relative; background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md);\n  padding:26px 22px 22px; box-shadow:var(--shadow-sm); height:100%; overflow:hidden;\n  transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);\n}\n#hilaris-tresc .step-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }\n#hilaris-tresc .step-card::after{\n  content:attr(data-step); position:absolute; right:10px; bottom:-18px;\n  font-family:var(--font-heading); font-weight:800; font-size:5rem; line-height:1;\n  color:var(--color-bg-alt); z-index:0; pointer-events:none; transition:transform .4s var(--ease-out);\n}\n#hilaris-tresc .step-card:hover::after{ transform:translateY(-6px) scale(1.06); }\n#hilaris-tresc .step-card > *{ position:relative; z-index:1; }\n#hilaris-tresc .step-num{\n  width:38px; height:38px; border-radius:12px; background:var(--color-ink); color:#fff; font-family:var(--font-heading);\n  font-weight:800; display:flex; align-items:center; justify-content:center; margin-bottom:14px;\n}\n#hilaris-tresc .step-card:nth-child(2n) .step-num{ background:var(--color-secondary-dark); }\n#hilaris-tresc .step-card h3{ font-size:.98rem; }\n#hilaris-tresc .step-card p{ font-size:.86rem; color:var(--color-ink-soft); margin-top:8px; }\n\/* CTA banner *\/\n#hilaris-tresc .cta-banner{\n  position:relative; overflow:hidden;\n  border-radius:var(--radius-lg); background:linear-gradient(120deg, var(--color-primary) 0%, #FF9463 100%);\n  background-size:cover; background-position:center;\n  color:#fff; padding:clamp(28px,4vw,50px) clamp(22px,4vw,44px);\n  display:flex; flex-direction:column; align-items:flex-start; gap:22px;\n  box-shadow:var(--shadow-lg);\n}\n#hilaris-tresc .cta-banner > *{ position:relative; z-index:1; }\n#hilaris-tresc .cta-banner h3{ color:#fff; font-size:clamp(1.2rem,1.1rem + .6vw,1.5rem); max-width:480px; }\n#hilaris-tresc .cta-banner p{ color:rgba(255,255,255,.94); margin-top:10px; max-width:480px; }\n#hilaris-tresc .cta-banner-actions{ display:flex; gap:12px; flex-wrap:wrap; }\n\/* ---------- 5. LIGHTBOX ---------- *\/\n#hilaris-tresc .lightbox{\n  border:none; padding:20px; max-width:100vw; max-height:100vh; width:100%; height:100%;\n  background:transparent; overflow:visible; color:#fff;\n}\n#hilaris-tresc .lightbox::backdrop{ background:rgba(15,18,26,.92); backdrop-filter:blur(6px); }\n#hilaris-tresc .lightbox[open]{ display:flex; align-items:center; justify-content:center; animation:lbIn .28s var(--ease-out); }\n@keyframes lbIn{ from{ opacity:0; transform:scale(.96); } to{ opacity:1; transform:none; } }\n#hilaris-tresc .lightbox figure{ margin:0; max-width:min(900px,92vw); max-height:88vh; display:flex; flex-direction:column; align-items:center; gap:14px; }\n#hilaris-tresc .lightbox img{ max-width:100%; max-height:74vh; border-radius:16px; box-shadow:0 20px 60px rgba(0,0,0,.5); }\n#hilaris-tresc .lightbox figcaption{ color:#fff; font-weight:700; font-size:.88rem; opacity:.9; text-align:center; }\n#hilaris-tresc .lightbox-close{ position:fixed; top:16px; right:16px; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.14); display:flex; align-items:center; justify-content:center; color:#fff; transition:background .2s, transform .2s; }\n#hilaris-tresc .lightbox-close:hover{ background:rgba(255,255,255,.28); transform:rotate(90deg); }\n#hilaris-tresc .lightbox-close svg{ width:19px; height:19px; }\n#hilaris-tresc .lightbox-nav{ position:fixed; top:50%; transform:translateY(-50%); width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,.14); display:flex; align-items:center; justify-content:center; color:#fff; transition:background .2s; }\n#hilaris-tresc .lightbox-nav:hover{ background:rgba(255,255,255,.28); }\n#hilaris-tresc .lightbox-nav svg{ width:20px; height:20px; }\n#hilaris-tresc .lightbox-nav.prev{ left:10px; }\n#hilaris-tresc .lightbox-nav.next{ right:10px; }\n\/* ---------- 6. FAQ ---------- *\/\n#hilaris-tresc .faq-list{ max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }\n#hilaris-tresc .faq-item{\n  background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-sm); overflow:hidden;\n  transition:box-shadow .3s var(--ease-out), border-color .3s;\n}\n#hilaris-tresc .faq-item[open]{ box-shadow:var(--shadow-sm); border-color:var(--color-secondary-light); }\n#hilaris-tresc .faq-item summary{\n  list-style:none; cursor:pointer; padding:18px 20px; display:flex; align-items:center; justify-content:space-between;\n  font-family:var(--font-heading); font-weight:700; font-size:.94rem; gap:14px; transition:color .2s;\n}\n#hilaris-tresc .faq-item summary:hover{ color:var(--color-secondary-dark); }\n#hilaris-tresc .faq-item summary::-webkit-details-marker{ display:none; }\n#hilaris-tresc .faq-item summary .plus{\n  width:28px; height:28px; border-radius:9px; background:var(--color-bg-alt); display:flex; align-items:center; justify-content:center;\n  flex-shrink:0; transition:transform .35s var(--ease-out), background .3s, color .3s;\n}\n#hilaris-tresc .faq-item summary .plus svg{ width:14px; height:14px; }\n#hilaris-tresc .faq-item[open] summary .plus{ transform:rotate(135deg); background:var(--color-secondary-dark); color:#fff; }\n#hilaris-tresc .faq-item .faq-a{ padding:0 20px 20px; color:var(--color-ink-soft); font-size:.92rem; max-width:680px; }\n@supports (interpolate-size: allow-keywords){\n  #hilaris-tresc{ interpolate-size:allow-keywords; }\n  #hilaris-tresc .faq-item::details-content{\n    block-size:0; overflow:hidden;\n    transition:block-size .38s var(--ease-out), content-visibility .38s allow-discrete;\n  }\n  #hilaris-tresc .faq-item[open]::details-content{ block-size:auto; }\n}\n\/* ---------- 9. ANIMACJE POJAWIANIA SI\u0118 ---------- *\/\n#hilaris-tresc .reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s var(--ease-out), transform .7s var(--ease-out); }\n#hilaris-tresc .reveal.in-view{ opacity:1; transform:none; }\n#hilaris-tresc .reveal:nth-child(2){ transition-delay:.07s; }\n#hilaris-tresc .reveal:nth-child(3){ transition-delay:.14s; }\n#hilaris-tresc .reveal:nth-child(4){ transition-delay:.21s; }\n#hilaris-tresc .reveal:nth-child(5){ transition-delay:.28s; }\n#hilaris-tresc .reveal:nth-child(6){ transition-delay:.35s; }\n@supports (animation-timeline: view()){\n  #hilaris-tresc .reveal{\n    opacity:1; transform:none; transition:none; transition-delay:0s;\n    animation:hilReveal linear both;\n    animation-timeline:view();\n    animation-range:entry 0% entry 42%;\n  }\n  #hilaris-tresc .reveal.in-view{ animation:none !important; opacity:1 !important; transform:none !important; }\n  @keyframes hilReveal{\n    from{ opacity:0; transform:translateY(28px); }\n    to{ opacity:1; transform:none; }\n  }\n  #hilaris-tresc .timeline::after{\n    content:\"\"; position:absolute; left:calc(var(--tl-col) + var(--tl-gap) \/ 2);\n    top:6px; bottom:6px; width:2px; transform-origin:top;\n    background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));\n    animation:hilFill linear both;\n    animation-timeline:view();\n    animation-range:entry 55% cover 78%;\n  }\n  @keyframes hilFill{ from{ transform:scaleY(0); } to{ transform:scaleY(1); } }\n  #hilaris-tresc .hero-visual .real-photo-frame{\n    animation:hilParallax linear both;\n    animation-timeline:view();\n    animation-range:cover 0% cover 100%;\n  }\n  @keyframes hilParallax{ from{ transform:translateY(-14px); } to{ transform:translateY(14px); } }\n}\n\/* ---------- 10a. MEDIA QUERIES (zapas) ---------- *\/\n@media (min-width:560px){\n  #hilaris-tresc .values-grid, #hilaris-tresc .groups-grid, #hilaris-tresc .activities-grid,\n  #hilaris-tresc .team-wrap, #hilaris-tresc .steps,\n  #hilaris-tresc .life-strip{ grid-template-columns:repeat(2,1fr); }\n}\n@media (min-width:780px){\n  #hilaris-tresc .hero-inner{ grid-template-columns:1.05fr .95fr; gap:clamp(32px,5vw,56px); }\n  #hilaris-tresc .hero-copy{ display:block; }\n  #hilaris-tresc .hero-visual{ order:0; max-width:none; margin:0; }\n  #hilaris-tresc .english-wrap{ grid-template-columns:.85fr 1.15fr; }\n  #hilaris-tresc .meals-wrap{ grid-template-columns:.9fr 1.1fr; }\n  #hilaris-tresc .life-strip{ grid-template-columns:repeat(3,1fr); }\n  #hilaris-tresc .timeline{ --tl-col:92px; --tl-gap:32px; }\n}\n@media (min-width:1040px){\n  #hilaris-tresc .values-grid{ grid-template-columns:repeat(3,1fr); }\n  #hilaris-tresc .groups-grid,\n  #hilaris-tresc .activities-grid,\n  #hilaris-tresc .team-wrap,\n  #hilaris-tresc .steps,\n  #hilaris-tresc .hero-stats{ grid-template-columns:repeat(4,1fr); }\n  #hilaris-tresc .cta-banner{ flex-direction:row; align-items:center; justify-content:space-between; }\n}\n\/* ---------- 10b. CONTAINER QUERIES (g\u0142\u00f3wny mechanizm) ---------- *\/\n@supports (container-type: inline-size){\n  #hilaris-tresc .container{ container-type:inline-size; container-name:hil; }\n  #hilaris-tresc .hero-copy{ container-type:inline-size; container-name:herocopy; }\n  @container hil (min-width:0px){\n    #hilaris-tresc .values-grid, #hilaris-tresc .groups-grid, #hilaris-tresc .activities-grid,\n    #hilaris-tresc .team-wrap, #hilaris-tresc .steps,\n    #hilaris-tresc .life-strip{ grid-template-columns:1fr; }\n    #hilaris-tresc .hero-inner,\n    #hilaris-tresc .english-wrap,\n    #hilaris-tresc .meals-wrap{ grid-template-columns:1fr; }\n    #hilaris-tresc .hero-copy{ display:contents; }\n    #hilaris-tresc .hero-inner{ gap:0; }\n    #hilaris-tresc .hero-visual{ order:4; max-width:420px; margin:30px auto 0; }\n    #hilaris-tresc .meals-visual{ margin-inline:auto; }\n    #hilaris-tresc .timeline{ --tl-col:64px; --tl-gap:28px; }\n    #hilaris-tresc .cta-banner{ flex-direction:column; align-items:flex-start; }\n    #hilaris-tresc .rule-card{ grid-template-columns:1fr; }\n    #hilaris-tresc .rule-head,\n    #hilaris-tresc .rule-points,\n    #hilaris-tresc .rule-media,\n    #hilaris-tresc .rule-path{ grid-column:auto; grid-row:auto; }\n    #hilaris-tresc .rule-media{ height:auto; aspect-ratio:var(--vid-ar, 16 \/ 10); min-height:0; }\n    #hilaris-tresc .rule-media figcaption{ display:none; }\n  }\n  @container hil (min-width:500px){\n    #hilaris-tresc .values-grid, #hilaris-tresc .groups-grid, #hilaris-tresc .activities-grid,\n    #hilaris-tresc .team-wrap, #hilaris-tresc .steps,\n    #hilaris-tresc .life-strip{ grid-template-columns:repeat(2,1fr); }\n  }\n  @container hil (min-width:700px){\n    #hilaris-tresc .hero-inner{ grid-template-columns:1.05fr .95fr; gap:clamp(32px,5vw,56px); }\n    #hilaris-tresc .hero-copy{ display:block; }\n    #hilaris-tresc .hero-visual{ order:0; max-width:none; margin:0; }\n    #hilaris-tresc .english-wrap{ grid-template-columns:.85fr 1.15fr; }\n    #hilaris-tresc .meals-wrap{ grid-template-columns:.9fr 1.1fr; }\n    #hilaris-tresc .meals-visual{ margin-inline:0; }\n    #hilaris-tresc .life-strip{ grid-template-columns:repeat(3,1fr); }\n    #hilaris-tresc .timeline{ --tl-col:92px; --tl-gap:32px; }\n    \/* blok \u201eZasada Hilaris\u201d: tre\u015b\u0107 | film, o\u015b na pe\u0142nej szeroko\u015bci *\/\n    #hilaris-tresc .rule-card{ grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); }\n    #hilaris-tresc .rule-head{ grid-column:1; grid-row:1; }\n    #hilaris-tresc .rule-points{ grid-column:1; grid-row:2; }\n    #hilaris-tresc .rule-media{ grid-column:2; grid-row:1 \/ span 2; height:100%; aspect-ratio:auto; min-height:300px; }\n    #hilaris-tresc .rule-media figcaption{ display:flex; }\n    #hilaris-tresc .rule-path{ grid-column:1 \/ -1; grid-row:3; }\n  }\n  @container hil (min-width:960px){\n    #hilaris-tresc .values-grid{ grid-template-columns:repeat(3,1fr); }\n    #hilaris-tresc .groups-grid,\n    #hilaris-tresc .activities-grid,\n    #hilaris-tresc .team-wrap,\n    #hilaris-tresc .steps{ grid-template-columns:repeat(4,1fr); }\n    #hilaris-tresc .cta-banner{ flex-direction:row; align-items:center; justify-content:space-between; }\n  }\n  @container herocopy (min-width:0px){ #hilaris-tresc .hero-stats{ grid-template-columns:1fr 1fr; } }\n  @container herocopy (min-width:520px){ #hilaris-tresc .hero-stats{ grid-template-columns:repeat(4,1fr); } }\n}\n\/* ---------- SZANUJEMY USTAWIENIE \u201eOGRANICZ ANIMACJE\u201d ---------- *\/\n@media (prefers-reduced-motion: reduce){\n  #hilaris-tresc *,\n  #hilaris-tresc *::before,\n  #hilaris-tresc *::after{\n    animation-duration:.001ms !important; animation-iteration-count:1 !important;\n    transition-duration:.001ms !important; scroll-behavior:auto !important;\n  }\n  #hilaris-tresc .reveal{ opacity:1 !important; transform:none !important; }\n  #hilaris-tresc .trust-track{ animation:none !important; }\n  #hilaris-tresc .hero-blob{ animation:none !important; }\n}\n<\/style>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n<div id=\"hilaris-tresc\" lang=\"pl\">\n<svg class=\"svg-sprite\" aria-hidden=\"true\">\n  <symbol id=\"hi-phone\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/symbol>\n  <symbol id=\"hi-shield\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/symbol>\n  <symbol id=\"hi-globe\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15 15 0 0 1 0 20 15 15 0 0 1 0-20z\"\/><\/symbol>\n  <symbol id=\"hi-users\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/symbol>\n  <symbol id=\"hi-apple\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22c4 0 8-4 8-10a5 5 0 0 0-8-4 5 5 0 0 0-8 4c0 6 4 10 8 10z\"\/><path d=\"M12 8s0-3 3-5\"\/><\/symbol>\n  <symbol id=\"hi-palette\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a10 10 0 1 0 0 20c1.1 0 2-.9 2-2 0-.5-.2-1-.5-1.3-.3-.4-.5-.8-.5-1.3 0-1.1.9-2 2-2h2.3A5.2 5.2 0 0 0 22 10.7C22 5.9 17.5 2 12 2z\"\/><circle cx=\"7.5\" cy=\"10.5\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"12\" cy=\"7\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"16.5\" cy=\"10.5\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"\/><\/symbol>\n  <symbol id=\"hi-grad\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m22 10-10-5L2 10l10 5 10-5z\"\/><path d=\"M6 12v5c0 1.5 3 3 6 3s6-1.5 6-3v-5\"\/><\/symbol>\n  <symbol id=\"hi-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/symbol>\n  <symbol id=\"hi-quote\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9.6 4.8C6 6.2 3.6 9.4 3.6 13.2c0 3 1.9 5.2 4.4 5.2 2 0 3.6-1.6 3.6-3.7 0-1.9-1.4-3.4-3.2-3.4-.3 0-.6 0-.8.1.3-2.2 2.2-4.1 4.4-5.1L9.6 4.8zm10 0c-3.6 1.4-6 4.6-6 8.4 0 3 1.9 5.2 4.4 5.2 2 0 3.6-1.6 3.6-3.7 0-1.9-1.4-3.4-3.2-3.4-.3 0-.6 0-.8.1.3-2.2 2.2-4.1 4.4-5.1l-2.4-1.5z\"\/><\/symbol>\n  <symbol id=\"hi-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/symbol>\n  <symbol id=\"hi-arrow-left\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 18l-6-6 6-6\"\/><\/symbol>\n  <symbol id=\"hi-plus\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/symbol>\n  <symbol id=\"hi-star\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 2 3.1 6.3 6.9 1-5 4.9L18.2 21 12 17.8 5.8 21 7 14.2l-5-4.9 6.9-1L12 2z\"\/><\/symbol>\n  <symbol id=\"hi-heart\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z\"\/><\/symbol>\n  <symbol id=\"hi-book\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/symbol>\n  <symbol id=\"hi-music\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18V5l12-2v13\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><circle cx=\"18\" cy=\"16\" r=\"3\"\/><\/symbol>\n  <symbol id=\"hi-puzzle\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19.5 12.5a2 2 0 0 0-2-2h-1v-1a2.5 2.5 0 0 0-5 0v1h-1a2 2 0 0 0-2 2v1h-1a2.5 2.5 0 0 0 0 5h1v1a2 2 0 0 0 2 2h1v-1a2.5 2.5 0 0 1 5 0v1h1a2 2 0 0 0 2-2v-1h1a2.5 2.5 0 0 0 0-5h-1v-1z\"\/><\/symbol>\n  <symbol id=\"hi-close\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 6l12 12M18 6 6 18\"\/><\/symbol>\n  <symbol id=\"hi-clock\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5.2l3.3 2\"\/><\/symbol>\n  <symbol id=\"hi-sound-on\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 5.5 6.6 9H3.4v6h3.2L11 18.5z\"\/><path d=\"M15.2 9.4a3.7 3.7 0 0 1 0 5.2\"\/><path d=\"M18.2 6.4a7.9 7.9 0 0 1 0 11.2\"\/><\/symbol>\n  <symbol id=\"hi-sound-off\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 5.5 6.6 9H3.4v6h3.2L11 18.5z\"\/><path d=\"m15.6 10 4.4 4M20 10l-4.4 4\"\/><\/symbol>\n  <symbol id=\"hi-handshake\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 7.4 9.9 5.6a2.4 2.4 0 0 0-3.3.2L2.8 9.7l3.6 3.6\"\/><path d=\"m12 7.4 2.1-1.8a2.4 2.4 0 0 1 3.3.2l3.8 3.9-3.6 3.6\"\/><path d=\"m7.6 13.9 2.3 2.3M10.4 11.8l3.1 3.1M13.2 10.4l3.2 3.2\"\/><\/symbol>\n  <symbol id=\"hi-bee\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <ellipse cx=\"6.8\" cy=\"8.4\" rx=\"3.4\" ry=\"2.3\" transform=\"rotate(-30 6.8 8.4)\"\/>\n    <ellipse cx=\"17.2\" cy=\"8.4\" rx=\"3.4\" ry=\"2.3\" transform=\"rotate(30 17.2 8.4)\"\/>\n    <ellipse cx=\"12\" cy=\"14.2\" rx=\"4.8\" ry=\"6.2\"\/>\n    <path d=\"M7.6 12h8.8M7.3 15.2h9.4M8.8 18.3h6.4\"\/>\n    <path d=\"M10.3 8.5 8.8 5.4M13.7 8.5 15.2 5.4\"\/>\n    <circle cx=\"8.5\" cy=\"4.8\" r=\".9\" fill=\"currentColor\" stroke=\"none\"\/>\n    <circle cx=\"15.5\" cy=\"4.8\" r=\".9\" fill=\"currentColor\" stroke=\"none\"\/>\n  <\/symbol>\n  <symbol id=\"hi-cloud\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <path d=\"M7.2 17.4h9.6a3.8 3.8 0 0 0 .35-7.6A5.6 5.6 0 0 0 6.8 10.6a3.8 3.8 0 0 0 .4 6.8z\"\/>\n    <path d=\"M4.4 12.6H2.2M5.4 15.8H3.2M19.6 12.6h2.2M18.6 15.8h2.2\"\/>\n  <\/symbol>\n  <symbol id=\"hi-ladybug\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <ellipse cx=\"12\" cy=\"13.8\" rx=\"6.3\" ry=\"6.8\"\/>\n    <path d=\"M12 7v13.4\"\/>\n    <circle cx=\"12\" cy=\"6.3\" r=\"2.4\"\/>\n    <path d=\"M10.4 4 9 2.1M13.6 4 15 2.1\"\/>\n    <circle cx=\"8.8\" cy=\"12\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\n    <circle cx=\"15.2\" cy=\"12\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\n    <circle cx=\"9.4\" cy=\"16.3\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\n    <circle cx=\"14.6\" cy=\"16.3\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\n  <\/symbol>\n  <symbol id=\"hi-caterpillar\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <circle cx=\"4.6\" cy=\"17.2\" r=\"2.8\"\/>\n    <circle cx=\"9.3\" cy=\"16.2\" r=\"3.2\"\/>\n    <circle cx=\"14\" cy=\"14.7\" r=\"3.45\"\/>\n    <circle cx=\"18.7\" cy=\"12.1\" r=\"3.8\"\/>\n    <path d=\"M17.1 8.4 15.8 4.9M20.3 8.4 21.6 4.9\"\/>\n    <circle cx=\"15.55\" cy=\"4.2\" r=\".85\" fill=\"currentColor\" stroke=\"none\"\/>\n    <circle cx=\"21.85\" cy=\"4.2\" r=\".85\" fill=\"currentColor\" stroke=\"none\"\/>\n    <circle cx=\"19.9\" cy=\"11.2\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\n  <\/symbol>\n<\/svg>\n  <section class=\"hero pad\">\n    <div class=\"hero-aurora\" aria-hidden=\"true\">\n      <div class=\"hero-blob b1\"><\/div>\n      <div class=\"hero-blob b2\"><\/div>\n      <div class=\"hero-blob b3\"><\/div>\n    <\/div>\n    <div class=\"container\">\n      <div class=\"hero-inner\">\n        <div class=\"hero-copy\">\n          <span class=\"eyebrow\"><svg style=\"width:14px;height:14px\"><use href=\"#hi-star\"\/><\/svg> Niepubliczne Dwuj\u0119zyczne Przedszkole w B\u0142oniu<\/span>\n          <h1>Przedszkole z pasji, w kt\u00f3rym Twoje dziecko czuje si\u0119 <em>bezpiecznie i szcz\u0119\u015bliwie<\/em><\/h1>\n          <p class=\"lead\">Od 2008 roku towarzyszymy najm\u0142odszym w odkrywaniu \u015bwiata \u2013 po polsku i po angielsku. Kameralne grupy, do\u015bwiadczona kadra oraz codzienna rado\u015b\u0107 nauki przez zabaw\u0119, dzie\u0144 po dniu.<\/p>\n          <div class=\"hero-actions\">\n            <a href=\"https:\/\/hilaris-blonie.pl\/?page_id=360\" class=\"btn btn-primary\"><svg><use href=\"#hi-phone\"\/><\/svg> Um\u00f3w si\u0119 na wizyt\u0119<\/a>\n            <a href=\"https:\/\/hilaris-blonie.pl\/?page_id=6131\" class=\"btn btn-secondary\">Poznaj nasz\u0105 ofert\u0119 <svg><use href=\"#hi-arrow\"\/><\/svg><\/a>\n          <\/div>\n          <div class=\"hero-stats\">\n            <div class=\"hero-stat spot\"><span class=\"hs-icon\"><svg><use href=\"#hi-grad\"\/><\/svg><\/span><strong><span class=\"count-num\" data-target=\"18\">0<\/span> lat<\/strong><span>do\u015bwiadczenia<\/span><\/div>\n            <div class=\"hero-stat spot\"><span class=\"hs-icon\"><svg><use href=\"#hi-users\"\/><\/svg><\/span><strong><span class=\"count-num\" data-target=\"4\">0<\/span> grupy<\/strong><span>wiek 2,5\u20136 lat<\/span><\/div>\n            <div class=\"hero-stat spot\"><span class=\"hs-icon\"><svg><use href=\"#hi-heart\"\/><\/svg><\/span><strong><span class=\"count-num\" data-target=\"16\">0<\/span> dzieci<\/strong><span>maks. w grupie<\/span><\/div>\n            <div class=\"hero-stat spot\"><span class=\"hs-icon\"><svg><use href=\"#hi-clock\"\/><\/svg><\/span><strong>6:30 \u2013 18:00<\/strong><span>otwarte dla dzieci<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"hero-visual js-tilt\">\n          <figure class=\"real-photo-frame is-clickable js-lightbox\" style=\"aspect-ratio:4\/5\" data-full=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/IMG-20251107-WA0091.jpg\" data-caption=\"Bal Dyni w przedszkolu Hilaris\">\n            <img fetchpriority=\"high\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/IMG-20251107-WA0091-1024x768.jpg\" alt=\"Dzieci z przedszkola Hilaris podczas Balu Dyni\" loading=\"eager\" decoding=\"async\" width=\"1024\" height=\"768\">\n            <span class=\"photo-badge pb-top-left\"><svg style=\"color:var(--color-secondary-dark)\"><use href=\"#hi-globe\"\/><\/svg><div>Angielski<br><small>ka\u017cdego dnia<\/small><\/div><\/span>\n            <span class=\"photo-badge pb-top-right\"><svg style=\"color:var(--color-primary-dark)\"><use href=\"#hi-shield\"\/><\/svg><div>Bezpieczne<br><small>i kameralne grupy<\/small><\/div><\/span>\n            <figcaption class=\"photo-caption\">Bal Dyni w Hilaris<\/figcaption>\n          <\/figure>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  <div class=\"trustbar\">\n    <div class=\"trust-track\">\n      <div class=\"trust-group\">\n        <div class=\"trustbar-item\"><svg><use href=\"#hi-clock\"\/><\/svg> Czynne 6:30 \u2013 18:00, pon. \u2013 pt.<\/div>\n        <div class=\"trustbar-item\"><svg><use href=\"#hi-grad\"\/><\/svg> Cz\u0119\u015b\u0107 kompleksu edukacyjnego ze Szko\u0142\u0105 Podstawow\u0105 Hilaris<\/div>\n        <div class=\"trustbar-item\"><svg><use href=\"#hi-globe\"\/><\/svg> Przygotowanie do egzaminu Cambridge Starters<\/div>\n        <div class=\"trustbar-item\"><svg><use href=\"#hi-apple\"\/><\/svg> 5 posi\u0142k\u00f3w dziennie z dietetykiem<\/div>\n        <div class=\"trustbar-item\"><svg><use href=\"#hi-users\"\/><\/svg> Psycholog i logopeda na miejscu<\/div>\n        <div class=\"trustbar-item\"><svg><use href=\"#hi-heart\"\/><\/svg> Kameralne grupy do 16 dzieci<\/div>\n      <\/div>\n      <div class=\"trust-group\" aria-hidden=\"true\">\n        <div class=\"trustbar-item\"><svg><use href=\"#hi-clock\"\/><\/svg> Czynne 6:30 \u2013 18:00, pon. \u2013 pt.<\/div>\n        <div class=\"trustbar-item\"><svg><use href=\"#hi-grad\"\/><\/svg> Cz\u0119\u015b\u0107 kompleksu edukacyjnego ze Szko\u0142\u0105 Podstawow\u0105 Hilaris<\/div>\n        <div class=\"trustbar-item\"><svg><use href=\"#hi-globe\"\/><\/svg> Przygotowanie do egzaminu Cambridge Starters<\/div>\n        <div class=\"trustbar-item\"><svg><use href=\"#hi-apple\"\/><\/svg> 5 posi\u0142k\u00f3w dziennie z dietetykiem<\/div>\n        <div class=\"trustbar-item\"><svg><use href=\"#hi-users\"\/><\/svg> Psycholog i logopeda na miejscu<\/div>\n        <div class=\"trustbar-item\"><svg><use href=\"#hi-heart\"\/><\/svg> Kameralne grupy do 16 dzieci<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <section class=\"pad\" style=\"padding-block:clamp(32px,5vw,48px) clamp(24px,3vw,32px)\">\n    <div class=\"container\">\n      <div class=\"life-strip-head reveal\">\n        <div>\n          <span class=\"eyebrow\">Prosto z Hilaris<\/span>\n          <h2 style=\"margin-top:14px\">Tw\u00f3rczo, aktywnie i dwuj\u0119zycznie!<\/h2>\n        <\/div>\n        <a href=\"https:\/\/hilaris-blonie.pl\/?page_id=6166\" class=\"btn btn-secondary\">Zobacz ca\u0142\u0105 galeri\u0119<\/a>\n      <\/div>\n      <div class=\"life-strip\">\n        <figure class=\"real-photo-frame is-clickable js-lightbox reveal\" data-full=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/44-scaled.jpg\" data-caption=\"Przedstawienie \u201eWelcome to our Farm\u201d w Hilaris\">\n          <img loading=\"lazy\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/44-scaled.jpg\" alt=\"Dzieci z Hilaris podczas przedstawienia Welcome to our Farm\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"225\">\n          <figcaption class=\"photo-caption\">Welcome to our Farm<\/figcaption>\n        <\/figure>\n        <figure class=\"real-photo-frame is-clickable js-lightbox reveal\" data-full=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/66-scaled.jpg\" data-caption=\"Przedstawienie \u201eWelcome to our Farm\u201d w Hilaris\">\n          <img loading=\"lazy\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/66-scaled.jpg\" alt=\"Dzieci z Hilaris podczas przedstawienia Welcome to our Farm\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"225\">\n          <figcaption class=\"photo-caption\">Welcome to our Farm<\/figcaption>\n        <\/figure>\n        <figure class=\"real-photo-frame is-clickable js-lightbox reveal\" data-full=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/70-scaled.jpg\" data-caption=\"Przedstawienie \u201eWelcome to our Farm\u201d w Hilaris\">\n          <img loading=\"lazy\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/70-scaled.jpg\" alt=\"Dzieci z Hilaris podczas przedstawienia Welcome to our Farm\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"225\">\n          <figcaption class=\"photo-caption\">Welcome to our Farm<\/figcaption>\n        <\/figure>\n      <\/div>\n    <\/div>\n  <\/section>\n  <section id=\"o-nas\" class=\"pad\">\n    <div class=\"container\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">Dlaczego rodzice wybieraj\u0105 Hilaris<\/span>\n        <h2>Przedszkole, kt\u00f3remu warto zaufa\u0107<\/h2>\n        <p>Nazwa Hilaris po \u0142acinie oznacza \u201epogodny, radosny\" \u2013 i to w\u0142a\u015bnie staramy si\u0119 dawa\u0107 ka\u017cdego dnia najm\u0142odszym: poczucie bezpiecze\u0144stwa, ciekawo\u015b\u0107 \u015bwiata i mn\u00f3stwo rado\u015bci z nauki.<\/p>\n      <\/div>\n      <div class=\"values-grid\">\n        <div class=\"value-card spot reveal\">\n          <span class=\"icon-badge\"><svg><use href=\"#hi-shield\"\/><\/svg><\/span>\n          <h3>Bezpiecze\u0144stwo i blisko\u015b\u0107<\/h3>\n          <p>Kameralne grupy licz\u0105ce maksymalnie 16 dzieci pod opiek\u0105 dw\u00f3ch wychowawc\u00f3w \u2013 tak, by ka\u017cdy maluch by\u0142 naprawd\u0119 zauwa\u017cony.<\/p>\n        <\/div>\n        <div class=\"value-card spot reveal\">\n          <span class=\"icon-badge\"><svg><use href=\"#hi-globe\"\/><\/svg><\/span>\n          <h3>Dwuj\u0119zyczno\u015b\u0107 na co dzie\u0144<\/h3>\n          <p>Angielski towarzyszy dzieciom przez ca\u0142y dzie\u0144 \u2013 w zabawie, piosenkach i codziennych sytuacjach, a nie tylko przy stoliku.<\/p>\n        <\/div>\n        <div class=\"value-card spot reveal\">\n          <span class=\"icon-badge\"><svg><use href=\"#hi-users\"\/><\/svg><\/span>\n          <h3>Do\u015bwiadczony zesp\u00f3\u0142<\/h3>\n          <p>Psycholog, logopeda i pedagog specjalny s\u0105 cz\u0119\u015bci\u0105 naszego zespo\u0142u na miejscu, gotowi wesprze\u0107 rozw\u00f3j ka\u017cdego dziecka.<\/p>\n        <\/div>\n        <div class=\"value-card spot reveal\">\n          <span class=\"icon-badge\"><svg><use href=\"#hi-apple\"\/><\/svg><\/span>\n          <h3>Zdrowe od\u017cywianie<\/h3>\n          <p>5 posi\u0142k\u00f3w dziennie uk\u0142adanych wsp\u00f3lnie z dietetykiem \u2013 smacznie, zdrowo i z trosk\u0105 o rozw\u00f3j najm\u0142odszych.<\/p>\n        <\/div>\n        <div class=\"value-card spot reveal\">\n          <span class=\"icon-badge\"><svg><use href=\"#hi-palette\"\/><\/svg><\/span>\n          <h3>Bogata oferta zaj\u0119\u0107<\/h3>\n          <p>Rytmika, logopedia, taniec, matematyka, plastyka, kodowanie, hiszpa\u0144ski i wiele innych \u2013 rozw\u00f3j dopasowany do zainteresowa\u0144 dziecka.<\/p>\n        <\/div>\n        <div class=\"value-card spot reveal\">\n          <span class=\"icon-badge\"><svg><use href=\"#hi-grad\"\/><\/svg><\/span>\n          <h3>Naturalne przej\u015bcie do szko\u0142y<\/h3>\n          <p>Jeste\u015bmy cz\u0119\u015bci\u0105 kompleksu edukacyjnego Passowska, a wychowawca z zer\u00f3wki przechodzi z dzie\u0107mi do klasy pierwszej \u2013 nauka toczy si\u0119 dalej, w znajomym otoczeniu.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  <section id=\"grupy\" class=\"pad section-alt\">\n    <div class=\"container\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">Nasze grupy<\/span>\n        <h2>Cztery kameralne grupy, jedna wielka rodzina<\/h2>\n        <p>Ka\u017cda grupa liczy maksymalnie 16 dzieci i pozostaje pod opiek\u0105 dw\u00f3ch wychowawc\u00f3w \u2013 tak, by tempo nauki zawsze dopasowa\u0107 do wieku i potrzeb malucha.<\/p>\n      <\/div>\n      <div class=\"groups-grid\">\n        <div class=\"group-card reveal\">\n          <div class=\"group-top\">\n            <span class=\"group-kind\">Maluszki<\/span>\n            <svg class=\"group-symbol\" aria-hidden=\"true\"><use href=\"#hi-bee\"\/><\/svg>\n            <div class=\"group-name\"><span class=\"age\">2,5\u20133 lata<\/span><h3>Pszcz\u00f3\u0142ki<\/h3><\/div>\n          <\/div>\n          <div class=\"group-body\">\n            <p>Pierwsze przedszkole w \u017cyciu. Tu wszystko dzieje si\u0119 powoli i po kolei \u2013 w otoczeniu troskliwych wychowawc\u00f3w.<\/p>\n            <a class=\"group-link\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=2423\" aria-label=\"Poznaj grup\u0119 Pszcz\u00f3\u0142ki\"><span>Poznaj t\u0119 grup\u0119<\/span><svg aria-hidden=\"true\"><use href=\"#hi-arrow\"\/><\/svg><\/a>\n          <\/div>\n        <\/div>\n        <div class=\"group-card reveal\">\n          <div class=\"group-top\">\n            <span class=\"group-kind\">\u015aredniaki<\/span>\n            <svg class=\"group-symbol\" aria-hidden=\"true\"><use href=\"#hi-cloud\"\/><\/svg>\n            <div class=\"group-name\"><span class=\"age\">4 lata<\/span><h3>Chmurki<\/h3><\/div>\n          <\/div>\n          <div class=\"group-body\">\n            <p>Czas nieko\u0144cz\u0105cych si\u0119 pyta\u0144. Rozwijamy ciekawo\u015b\u0107 \u015bwiata poprzez zabaw\u0119 i wsp\u00f3lne ma\u0142e projekty.<\/p>\n            <a class=\"group-link\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=2423\" aria-label=\"Poznaj grup\u0119 Chmurki\"><span>Poznaj t\u0119 grup\u0119<\/span><svg aria-hidden=\"true\"><use href=\"#hi-arrow\"\/><\/svg><\/a>\n          <\/div>\n        <\/div>\n        <div class=\"group-card reveal\">\n          <div class=\"group-top\">\n            <span class=\"group-kind\">Starszaki<\/span>\n            <svg class=\"group-symbol\" aria-hidden=\"true\"><use href=\"#hi-ladybug\"\/><\/svg>\n            <div class=\"group-name\"><span class=\"age\">5 lat<\/span><h3>Biedroneczki<\/h3><\/div>\n          <\/div>\n          <div class=\"group-body\">\n            <p>Budujemy samodzielno\u015b\u0107 i odwag\u0119 do wyst\u0119p\u00f3w publicznych \u2013 coraz \u015bmielej tak\u017ce w j\u0119zyku angielskim.<\/p>\n            <a class=\"group-link\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=2423\" aria-label=\"Poznaj grup\u0119 Biedroneczki\"><span>Poznaj t\u0119 grup\u0119<\/span><svg aria-hidden=\"true\"><use href=\"#hi-arrow\"\/><\/svg><\/a>\n          <\/div>\n        <\/div>\n        <div class=\"group-card reveal\">\n          <div class=\"group-top\">\n            <span class=\"group-kind\">Zer\u00f3wka<\/span>\n            <svg class=\"group-symbol\" aria-hidden=\"true\"><use href=\"#hi-caterpillar\"\/><\/svg>\n            <div class=\"group-name\"><span class=\"age\">6 lat \u00b7 zer\u00f3wka<\/span><h3>Robaczki<\/h3><\/div>\n          <\/div>\n          <div class=\"group-body\">\n            <p>Ostatni rok przed szko\u0142\u0105. Przygotowujemy do pewnego i p\u0142ynnego startu w klasie pierwszej.<\/p>\n            <a class=\"group-link\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=2423\" aria-label=\"Poznaj grup\u0119 Robaczki\"><span>Poznaj t\u0119 grup\u0119<\/span><svg aria-hidden=\"true\"><use href=\"#hi-arrow\"\/><\/svg><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- ===== ZASADA HILARIS: wychowawca z zer\u00f3wki idzie do klasy 1\u20133 ===== -->\n      <div class=\"rule-card reveal\" id=\"hilRuleCard\">\n        <div class=\"rule-head\">\n          <span class=\"eyebrow\"><svg style=\"width:14px;height:14px\"><use href=\"#hi-handshake\"\/><\/svg> Zasada Hilaris<\/span>\n          <h3>Do pierwszej klasy dziecko idzie ze swoim wychowawc\u0105 z zer\u00f3wki<\/h3>\n          <p>To nie jest przypadek ani wyj\u0105tek \u2014 tak pracujemy od lat. Wychowawca, kt\u00f3rego dziecko zna\n             z zer\u00f3wki, przechodzi razem z grup\u0105 do szko\u0142y i prowadzi j\u0105 a\u017c do ko\u0144ca klasy trzeciej.\n             Pierwszego wrze\u015bnia w drzwiach klasy stoi wi\u0119c znajoma osoba, a nie kto\u015b obcy.<\/p>\n        <\/div>\n        <figure class=\"rule-media\">\n          <video id=\"hilRuleVideo\" class=\"rule-video\"\n                 src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/film-przedszkole-przejscie-zerowka.mp4\"\n                 muted loop playsinline webkit-playsinline preload=\"metadata\" disablepictureinpicture\n                 aria-label=\"Film: przej\u015bcie dzieci z zer\u00f3wki do pierwszej klasy w Hilaris\"><\/video>\n          <figcaption><img src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/LOGO-HILARIS-STRONA-GLOWNA-bez-nazw.png\" alt=\"Hilaris\" loading=\"lazy\" decoding=\"async\"><\/figcaption>\n          <button type=\"button\" class=\"rule-sound\" id=\"hilRuleSound\" aria-pressed=\"false\" aria-label=\"W\u0142\u0105cz d\u017awi\u0119k filmu\">\n            <svg class=\"rs-off\" aria-hidden=\"true\"><use href=\"#hi-sound-off\"\/><\/svg>\n            <svg class=\"rs-on\" aria-hidden=\"true\"><use href=\"#hi-sound-on\"\/><\/svg>\n            <span class=\"rs-txt\">W\u0142\u0105cz d\u017awi\u0119k<\/span>\n          <\/button>\n        <\/figure>\n        <ul class=\"rule-points\">\n          <li>\n            <svg aria-hidden=\"true\"><use href=\"#hi-clock\"\/><\/svg>\n            <div><b>Wi\u0119cej czasu, lepsza znajomo\u015b\u0107 dziecka<\/b><span>Cztery lata zamiast jednego roku to realna szansa, by pozna\u0107 mocne strony i potrzeby dziecka.<\/span><\/div>\n          <\/li>\n          <li>\n            <svg aria-hidden=\"true\"><use href=\"#hi-heart\"\/><\/svg>\n            <div><b>Mniejszy stres pierwszego wrze\u015bnia<\/b><span>Zmienia si\u0119 budynek i plan lekcji, ale nie osoba, do kt\u00f3rej dziecko przychodzi z ka\u017cdym problemem.<\/span><\/div>\n          <\/li>\n          <li>\n            <svg aria-hidden=\"true\"><use href=\"#hi-users\"\/><\/svg>\n            <div><b>Rodzic te\u017c nie zaczyna od zera<\/b><span>Kontakt z wychowawc\u0105, zaufanie i ustalenia z zer\u00f3wki po prostu trwaj\u0105 dalej w szkole.<\/span><\/div>\n          <\/li>\n        <\/ul>\n        <div class=\"rule-path\">\n          <div class=\"rule-track\" role=\"img\" aria-label=\"Ten sam wychowawca prowadzi dzieci od zer\u00f3wki, przez klas\u0119 pierwsz\u0105 i drug\u0105, a\u017c do ko\u0144ca klasy trzeciej\">\n            <span class=\"rule-rail\" aria-hidden=\"true\"><\/span>\n            <div class=\"rule-node is-start\" style=\"--i:0\"><i aria-hidden=\"true\"><\/i><b>Zer\u00f3wka<\/b><\/div>\n            <div class=\"rule-node\" style=\"--i:1\"><i aria-hidden=\"true\"><\/i><b>Klasa 1<\/b><\/div>\n            <div class=\"rule-node\" style=\"--i:2\"><i aria-hidden=\"true\"><\/i><b>Klasa 2<\/b><\/div>\n            <div class=\"rule-node\" style=\"--i:3\"><i aria-hidden=\"true\"><\/i><b>Klasa 3<\/b><\/div>\n          <\/div>\n          <p class=\"rule-span\"><svg aria-hidden=\"true\"><use href=\"#hi-check\"\/><\/svg> Bez zmiany wychowawcy<\/p>\n        <\/div>\n      <\/div>\n      <!-- ===== \/ ZASADA HILARIS ===== -->\n    <\/div>\n  <\/section>\n  <section id=\"angielski\" class=\"pad\">\n    <div class=\"container\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">Nasza specjalno\u015b\u0107<\/span>\n        <h2>Angielski, kt\u00f3ry staje si\u0119 przyjemno\u015bci\u0105<\/h2>\n        <p>Nauka j\u0119zyka to nasza pasja. Od blisko dwudziestu lat szukamy metod, dzi\u0119ki kt\u00f3rym angielski towarzyszy dzieciom tak naturalnie, jak zabawa czy ulubiona bajka.<\/p>\n      <\/div>\n      <div class=\"english-wrap\">\n        <div class=\"english-quote reveal\">\n          <svg class=\"quote-mark\"><use href=\"#hi-quote\"\/><\/svg>\n          <p class=\"q\">\u201ePod\u0105\u017caj za mn\u0105, a b\u0119d\u0119 Ci\u0119 s\u0142ucha\u0107!\" \u2014 pod\u0105\u017camy za zainteresowaniami dziecka, bo to cz\u0119sto ono decyduje, jak wygl\u0105da reszta dnia.<\/p>\n          <div class=\"tags\">\n            <span>Poszerzamy horyzonty!<\/span>\n            <span>Cambridge Starters<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"pillars\">\n          <div class=\"pillar spot reveal\">\n            <span class=\"icon-badge\"><svg><use href=\"#hi-book\"\/><\/svg><\/span>\n            <div><h4>Bajki, piosenki i multimedia<\/h4><p>Nauka poprzez historie i bohater\u00f3w, kt\u00f3re dzieci uwielbiaj\u0105.<\/p><\/div>\n          <\/div>\n          <div class=\"pillar spot reveal\">\n            <span class=\"icon-badge\"><svg><use href=\"#hi-globe\"\/><\/svg><\/span>\n            <div><h4>J\u0119zyk w codzienno\u015bci<\/h4><p>Nazywamy po angielsku miejsca, przedmioty i czynno\u015bci bliskie dziecku.<\/p><\/div>\n          <\/div>\n          <div class=\"pillar spot reveal\">\n            <span class=\"icon-badge\"><svg><use href=\"#hi-apple\"\/><\/svg><\/span>\n            <div><h4>Podstawa programowa po angielsku<\/h4><p>Pory roku, liczby, przyroda \u2013 poznawane tak\u017ce w drugim j\u0119zyku.<\/p><\/div>\n          <\/div>\n          <div class=\"pillar spot reveal\">\n            <span class=\"icon-badge\"><svg><use href=\"#hi-star\"\/><\/svg><\/span>\n            <div><h4>Tematyczne dni angielskie<\/h4><p>Apple Day, Christmas i inne okazje do zanurzenia w kulturze anglosaskiej.<\/p><\/div>\n          <\/div>\n          <div class=\"pillar spot reveal\">\n            <span class=\"icon-badge\"><svg><use href=\"#hi-music\"\/><\/svg><\/span>\n            <div><h4>Przedstawienia i wyst\u0119py<\/h4><p>Dzieci prezentuj\u0105 si\u0119 po angielsku przed rodzicami, buduj\u0105c pewno\u015b\u0107 siebie.<\/p><\/div>\n          <\/div>\n          <div class=\"pillar spot reveal\">\n            <span class=\"icon-badge\"><svg><use href=\"#hi-grad\"\/><\/svg><\/span>\n            <div><h4>Przygotowanie do Cambridge<\/h4><p>Przyjazne dziecku \u0107wiczenia przygotowuj\u0105ce do egzaminu Starters.<\/p><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  <section id=\"oferta\" class=\"pad section-alt\">\n    <div class=\"container\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">Bogata oferta<\/span>\n        <h2 id=\"zajecia\">Zaj\u0119cia dodatkowe dopasowane do zainteresowa\u0144 dziecka<\/h2>\n        <p>Poza podstaw\u0105 programow\u0105 MEN i rozszerzonym programem Hilaris, ka\u017cdego tygodnia dzieci uczestnicz\u0105 w zaj\u0119ciach rozwijaj\u0105cych pasje, ruch, muzyk\u0119 i umiej\u0119tno\u015bci spo\u0142eczne.<\/p>\n      <\/div>\n      <div class=\"activities-grid\">\n        <div class=\"activity-cat spot reveal\">\n          <h3><span class=\"icon-badge\"><svg><use href=\"#hi-palette\"\/><\/svg><\/span> Tematyczne<\/h3>\n          <ul>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> Kuchcikowo \u2013 kulinarne pasje<\/li>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> Plastyka<\/li>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> Matematyka Smyka<\/li>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> J\u0119zyk hiszpa\u0144ski<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"activity-cat spot reveal\">\n          <h3><span class=\"icon-badge\"><svg><use href=\"#hi-users\"\/><\/svg><\/span> Ruchowe<\/h3>\n          <ul>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> Sport dla najm\u0142odszych<\/li>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> Nauka ta\u0144ca<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"activity-cat spot reveal\">\n          <h3><span class=\"icon-badge\"><svg><use href=\"#hi-music\"\/><\/svg><\/span> Muzyczne<\/h3>\n          <ul>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> Rytmika<\/li>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> Zaj\u0119cia taneczne<\/li>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> Nauka gry na pianinie<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"activity-cat spot reveal\">\n          <h3><span class=\"icon-badge\"><svg><use href=\"#hi-heart\"\/><\/svg><\/span> Terapeutyczne<\/h3>\n          <ul>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> Logopedia<\/li>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> Trening Umiej\u0119tno\u015bci Spo\u0142ecznych<\/li>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> Zaj\u0119cia z psychologiem<\/li>\n            <li><svg><use href=\"#hi-check\"\/><\/svg> Bajkoterapia<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  <section id=\"wyzywienie\" class=\"pad\">\n    <div class=\"container\">\n      <div class=\"meals-wrap\">\n        <figure class=\"meals-visual reveal\">\n          <img src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/Jedzenie.png\" alt=\"Posi\u0142ki serwowane dzieciom w przedszkolu Hilaris\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <div>\n          <span class=\"eyebrow\">Zdrowo i smacznie<\/span>\n          <h2 style=\"margin-top:14px;font-size:var(--fs-h2-sm)\">5 posi\u0142k\u00f3w dziennie \u2013 z trosk\u0105 o rozw\u00f3j dziecka<\/h2>\n          <p style=\"margin-top:14px;color:var(--color-ink-soft)\">Jad\u0142ospis powstaje we wsp\u00f3\u0142pracy z dietetykiem, tak by dania by\u0142y nie tylko smaczne, ale i warto\u015bciowe od\u017cywczo dla rozwijaj\u0105cego si\u0119 organizmu.<\/p>\n          <div class=\"meals-list\" style=\"margin-top:24px\">\n            <div class=\"meal-row reveal\"><span class=\"num\">1<\/span><div><strong>\u015aniadanie<\/strong><span> \u2014 przygotowywane na miejscu, w przedszkolnej kuchni<\/span><\/div><\/div>\n            <div class=\"meal-row reveal\"><span class=\"num\">2<\/span><div><strong>Drugie \u015bniadanie<\/strong><span> \u2014 lekki posi\u0142ek w ci\u0105gu przedpo\u0142udnia<\/span><\/div><\/div>\n            <div class=\"meal-row reveal\"><span class=\"num\">3<\/span><div><strong>Obiad dwudaniowy<\/strong><span> \u2014 dostarczany przez firm\u0119 cateringow\u0105 specjalizuj\u0105c\u0105 si\u0119 w domowych smakach<\/span><\/div><\/div>\n            <div class=\"meal-row reveal\"><span class=\"num\">4<\/span><div><strong>Podwieczorek<\/strong><span> \u2014 od tej samej sprawdzonej firmy cateringowej<\/span><\/div><\/div>\n          <\/div>\n          <div style=\"margin-top:26px\" class=\"reveal\">\n            <a href=\"https:\/\/hilaris-blonie.pl\/?page_id=2435\" class=\"btn btn-secondary\">Zobacz szczeg\u00f3\u0142y wy\u017cywienia <svg><use href=\"#hi-arrow\"\/><\/svg><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  <section id=\"plan-dnia\" class=\"pad section-alt\">\n    <div class=\"container\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">Rytm dnia<\/span>\n        <h2>Jak wygl\u0105da dzie\u0144 w Hilaris<\/h2>\n        <p>Przedszkole jest czynne od <strong>6:30 do 18:00<\/strong>, od poniedzia\u0142ku do pi\u0105tku. Sta\u0142y, przewidywalny rytm dnia daje dzieciom poczucie bezpiecze\u0144stwa \u2013 a przy tym zostawia przestrze\u0144 na spontaniczn\u0105 zabaw\u0119.<\/p>\n      <\/div>\n      <div class=\"timeline\">\n        <div class=\"tl-item reveal\"><div class=\"tl-time\">6:30<br>\u20139:00<\/div><div class=\"tl-dot\"><\/div><div class=\"tl-card\"><strong>Schodzenie si\u0119 dzieci i \u015bniadanie<\/strong><p>Od 6:30 czekamy na pierwsze dzieci \u2013 spokojny start dnia, ka\u017cdy w swoim tempie.<\/p><\/div><\/div>\n        <div class=\"tl-item reveal\"><div class=\"tl-time\">9:00<br>\u201312:00<\/div><div class=\"tl-dot\"><\/div><div class=\"tl-card\"><strong>Zaj\u0119cia edukacyjne i angielski<\/strong><p>Blok zaj\u0119\u0107 dopasowany do wieku grupy.<\/p><\/div><\/div>\n        <div class=\"tl-item reveal\"><div class=\"tl-time\">12:00<br>\u201314:30<\/div><div class=\"tl-dot\"><\/div><div class=\"tl-card\"><strong>Obiad i odpoczynek<\/strong><p>Posi\u0142ek, a po nim czas na wyciszenie.<\/p><\/div><\/div>\n        <div class=\"tl-item reveal\"><div class=\"tl-time\">14:30<br>\u201318:00<\/div><div class=\"tl-dot\"><\/div><div class=\"tl-card\"><strong>Zaj\u0119cia dodatkowe i odbi\u00f3r<\/strong><p>Rytmika, plastyka, sport \u2013 i elastyczne godziny odbioru, a\u017c do 18:00.<\/p><\/div><\/div>\n      <\/div>\n      <div style=\"text-align:center;margin-top:32px\" class=\"reveal\">\n        <a href=\"https:\/\/hilaris-blonie.pl\/?page_id=5734\" class=\"btn btn-secondary\">Zobacz szczeg\u00f3\u0142owy plan dnia <svg><use href=\"#hi-arrow\"\/><\/svg><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n  <section id=\"kadra\" class=\"pad\">\n    <div class=\"container\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">Zaufaj naszemu zespo\u0142owi<\/span>\n        <h2>Kadra, na kt\u00f3rej mo\u017cesz polega\u0107<\/h2>\n        <p>Nad rozwojem Twojego dziecka czuwa zesp\u00f3\u0142 do\u015bwiadczonych wychowawc\u00f3w, a na miejscu wspieraj\u0105 nas specjali\u015bci zawsze gotowi odpowiedzie\u0107 na pytania rodzic\u00f3w.<\/p>\n      <\/div>\n      <div class=\"team-wrap\">\n        <div class=\"team-card spot reveal\">\n          <div class=\"team-photo\"><div class=\"team-photo-inner\"><img loading=\"lazy\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/28-scaled.jpg\" alt=\"Agnieszka Ositek \u2013 Dyrektor przedszkola Hilaris\" loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"200\"><\/div><\/div>\n          <h3>Agnieszka Ositek<\/h3><span class=\"role\">Dyrektor przedszkola<\/span><p>Nauczycielka j\u0119zyka angielskiego, czuwa nad jako\u015bci\u0105 programu edukacyjnego.<\/p>\n        <\/div>\n        <div class=\"team-card spot reveal\">\n          <div class=\"team-photo\"><div class=\"team-photo-inner\"><img loading=\"lazy\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/09\/49-scaled.jpg\" alt=\"Agata Zado\u0144 \u2013 Manager przedszkola Hilaris\" loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"200\"><\/div><\/div>\n          <h3>Agata Zado\u0144<\/h3><span class=\"role\">Manager przedszkola<\/span><p>Odpowiada za codzienne funkcjonowanie plac\u00f3wki i wsp\u00f3\u0142prac\u0119 z rodzicami.<\/p>\n        <\/div>\n        <div class=\"team-card spot reveal\">\n          <div class=\"team-photo\"><div class=\"team-photo-inner\"><img loading=\"lazy\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/DSC01051-scaled.jpg\" alt=\"Katarzyna J\u00f3\u017awiak \u2013 Logopeda w przedszkolu Hilaris\" loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"200\"><\/div><\/div>\n          <h3>Katarzyna J\u00f3\u017awiak<\/h3><span class=\"role\">Logopeda<\/span><p>Wspiera prawid\u0142owy rozw\u00f3j mowy i komunikacji u najm\u0142odszych.<\/p>\n        <\/div>\n        <div class=\"team-card spot reveal\">\n          <div class=\"team-photo\"><div class=\"team-photo-inner\"><img loading=\"lazy\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/DSC09854-scaled.jpg\" alt=\"Marta Piotrowska \u2013 Psycholog w przedszkolu Hilaris\" loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"200\"><\/div><\/div>\n          <h3>Marta Piotrowska<\/h3><span class=\"role\">Psycholog<\/span><p>Towarzyszy dzieciom i rodzicom w procesie adaptacji i rozwoju emocjonalnego.<\/p>\n        <\/div>\n      <\/div>\n      <p class=\"team-note reveal\">Ka\u017cda grupa pozostaje pod sta\u0142\u0105 opiek\u0105 dw\u00f3ch wychowawc\u00f3w, dzi\u0119ki czemu dzieci buduj\u0105 trwa\u0142\u0105, bezpieczn\u0105 relacj\u0119 ze znajomymi twarzami \u2013 w zer\u00f3wce, a potem tak\u017ce w pierwszych klasach szko\u0142y.<\/p>\n      <div class=\"team-cta reveal\">\n        <a href=\"https:\/\/hilaris-blonie.pl\/?page_id=2419\" class=\"btn btn-team\">\n          <svg class=\"bt-ico\" aria-hidden=\"true\"><use href=\"#hi-users\"\/><\/svg>\n          <span>Poznaj nasz zesp\u00f3\u0142<\/span>\n          <svg class=\"bt-arrow\" aria-hidden=\"true\"><use href=\"#hi-arrow\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n  <section id=\"rekrutacja\" class=\"pad\">\n    <div class=\"container\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">Do\u0142\u0105cz do Hilaris<\/span>\n        <h2>Jak zapisa\u0107 dziecko do przedszkola?<\/h2>\n        <p>Zapraszamy do wsp\u00f3lnego poznania Hilaris \u2013 zanim podejmiecie decyzj\u0119, zapraszamy do zwiedzenia naszych sal i poznania wychowawc\u00f3w.<\/p>\n      <\/div>\n      <div class=\"steps\">\n        <div class=\"step-card spot reveal\" data-step=\"1\">\n          <div class=\"step-num\">1<\/div>\n          <h3>Um\u00f3w si\u0119 na wizyt\u0119<\/h3>\n          <p>Zadzwo\u0144 lub napisz do nas \u2013 ustalimy dogodny termin zwiedzania przedszkola.<\/p>\n        <\/div>\n        <div class=\"step-card spot reveal\" data-step=\"2\">\n          <div class=\"step-num\">2<\/div>\n          <h3>Poznaj Hilaris<\/h3>\n          <p>Zobacz sale, poznaj wychowawc\u00f3w i poczuj atmosfer\u0119 naszego przedszkola.<\/p>\n        <\/div>\n        <div class=\"step-card spot reveal\" data-step=\"3\">\n          <div class=\"step-num\">3<\/div>\n          <h3>Z\u0142\u00f3\u017c zg\u0142oszenie<\/h3>\n          <p>Wype\u0142nij kart\u0119 zg\u0142oszenia w sekretariacie \u2013 pomo\u017cemy Ci wype\u0142ni\u0107 formalno\u015bci.<\/p>\n        <\/div>\n        <div class=\"step-card spot reveal\" data-step=\"4\">\n          <div class=\"step-num\">4<\/div>\n          <h3>Witaj w Hilaris!<\/h3>\n          <p>Twoje dziecko do\u0142\u0105cza do jednej z naszych czterech grup wiekowych.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"cta-banner reveal\" style=\"margin-top:48px;background-image:linear-gradient(120deg, rgba(224,105,31,.88) 0%, rgba(255,138,61,.82) 100%), url('https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/630DF6A6-4BE4-4A7A-81F2-C4DC37DD27D8-scaled.jpg')\">\n        <div>\n          <h3>Chcesz wiedzie\u0107 wi\u0119cej? Skontaktuj si\u0119 z nami!<\/h3>\n          <p>Odpowiemy na wszystkie pytania dotycz\u0105ce adaptacji, programu nauczania i wolnych miejsc w grupach.<\/p>\n        <\/div>\n        <div class=\"cta-banner-actions\">\n          <a href=\"tel:+48882486841\" class=\"btn\" style=\"background:#fff;color:var(--color-primary-dark)\"><svg><use href=\"#hi-phone\"\/><\/svg> 882 486 841<\/a>\n          <a href=\"https:\/\/hilaris-blonie.pl\/?page_id=360\" class=\"btn btn-ghost-light js-footer-form\">Formularz kontaktowy<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  <section id=\"faq\" class=\"pad section-alt\">\n    <div class=\"container\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">Najcz\u0119stsze pytania<\/span>\n        <h2>Wszystko, co warto wiedzie\u0107 przed zapisem<\/h2>\n      <\/div>\n      <div class=\"faq-list\">\n        <details class=\"faq-item reveal\" name=\"hilaris-faq\" open>\n          <summary>Jak wygl\u0105da adaptacja dziecka w Hilaris? <span class=\"plus\"><svg><use href=\"#hi-plus\"\/><\/svg><\/span><\/summary>\n          <div class=\"faq-a\">Podchodzimy do adaptacji indywidualnie \u2013 umo\u017cliwiamy wsp\u00f3lne odwiedziny przed pierwszym dniem oraz stopniowe wyd\u0142u\u017canie czasu pobytu dziecka, tak by zmiana by\u0142a jak najmniej stresuj\u0105ca zar\u00f3wno dla malucha, jak i rodzica.<\/div>\n        <\/details>\n        <details class=\"faq-item reveal\" name=\"hilaris-faq\">\n          <summary>Czy moje dziecko musi wcze\u015bniej zna\u0107 angielski? <span class=\"plus\"><svg><use href=\"#hi-plus\"\/><\/svg><\/span><\/summary>\n          <div class=\"faq-a\">Nie. Nauka odbywa si\u0119 metod\u0105 naturaln\u0105 \u2013 podobnie jak przyswajanie j\u0119zyka ojczystego \u2013 poprzez zabaw\u0119, piosenki, bajki i codzienne sytuacje. Dzieci bez wcze\u015bniejszego kontaktu z angielskim odnajduj\u0105 si\u0119 r\u00f3wnie dobrze.<\/div>\n        <\/details>\n        <details class=\"faq-item reveal\" name=\"hilaris-faq\">\n          <summary>Czy przedszkole uwzgl\u0119dnia diety i alergie pokarmowe? <span class=\"plus\"><svg><use href=\"#hi-plus\"\/><\/svg><\/span><\/summary>\n          <div class=\"faq-a\">Tak. Jad\u0142ospis uk\u0142adamy z dietetykiem i po wcze\u015bniejszym zg\u0142oszeniu dostosowujemy go do indywidualnych potrzeb \u017cywieniowych i alergii Twojego dziecka.<\/div>\n        <\/details>\n        <details class=\"faq-item reveal\" name=\"hilaris-faq\">\n          <summary>Jakie s\u0105 godziny pracy przedszkola? <span class=\"plus\"><svg><use href=\"#hi-plus\"\/><\/svg><\/span><\/summary>\n          <div class=\"faq-a\">Przedszkole jest czynne od 6:30 do 18:00 od poniedzia\u0142ku do pi\u0105tku. Sekretariat przyjmuje w godzinach 8:00\u201316:00 (\u015broda do 17:00).<\/div>\n        <\/details>\n        <details class=\"faq-item reveal\" name=\"hilaris-faq\">\n          <summary>Co dzieje si\u0119 po uko\u0144czeniu przedszkola? <span class=\"plus\"><svg><use href=\"#hi-plus\"\/><\/svg><\/span><\/summary>\n          <div class=\"faq-a\">Hilaris jest cz\u0119\u015bci\u0105 kompleksu edukacyjnego Passowska, dlatego Twoje dziecko mo\u017ce p\u0142ynnie kontynuowa\u0107 nauk\u0119 w Dwuj\u0119zycznej Szkole Podstawowej Hilaris, w znajomym otoczeniu i bez stresu zwi\u0105zanego ze zmian\u0105 plac\u00f3wki. Co wi\u0119cej, do pierwszej klasy dziecko idzie ze swoim wychowawc\u0105 z zer\u00f3wki, kt\u00f3ry prowadzi klas\u0119 a\u017c do ko\u0144ca trzeciej \u2013 dzi\u0119ki temu nauczyciel zna dziecko od lat, a pierwszy dzie\u0144 w szkole nie jest skokiem na g\u0142\u0119bok\u0105 wod\u0119.<\/div>\n        <\/details>\n        <details class=\"faq-item reveal\" name=\"hilaris-faq\">\n          <summary>Jak zapisa\u0107 dziecko do przedszkola Hilaris? <span class=\"plus\"><svg><use href=\"#hi-plus\"\/><\/svg><\/span><\/summary>\n          <div class=\"faq-a\">Skontaktuj si\u0119 z sekretariatem telefonicznie lub mailowo, um\u00f3w wizyt\u0119 w przedszkolu, a nast\u0119pnie z\u0142\u00f3\u017c kart\u0119 zg\u0142oszenia. Ch\u0119tnie odpowiemy na wszystkie pytania i pomo\u017cemy przej\u015b\u0107 przez ca\u0142y proces krok po kroku.<\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n  <dialog class=\"lightbox\" id=\"hilarisLightbox\" aria-label=\"Podgl\u0105d zdj\u0119cia\">\n    <button type=\"button\" class=\"lightbox-close\" id=\"hilarisLightboxClose\" aria-label=\"Zamknij podgl\u0105d\"><svg><use href=\"#hi-close\"\/><\/svg><\/button>\n    <button type=\"button\" class=\"lightbox-nav prev\" id=\"hilarisLightboxPrev\" aria-label=\"Poprzednie zdj\u0119cie\"><svg><use href=\"#hi-arrow-left\"\/><\/svg><\/button>\n    <figure>\n      <img decoding=\"async\" id=\"hilarisLightboxImg\" src=\"\" alt=\"\">\n      <figcaption id=\"hilarisLightboxCaption\"><\/figcaption>\n    <\/figure>\n    <button type=\"button\" class=\"lightbox-nav next\" id=\"hilarisLightboxNext\" aria-label=\"Nast\u0119pne zdj\u0119cie\"><svg><use href=\"#hi-arrow\"\/><\/svg><\/button>\n  <\/dialog>\n<\/div>\n<script>\n(function(){\n  \"use strict\";\n  var root = document.getElementById('hilaris-tresc');\n  if (!root) return;\n  var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var supports = function(prop, val){ return window.CSS && CSS.supports && CSS.supports(prop, val); };\n  \/* ---------- Ruchome liczniki ---------- *\/\n  function animateCount(el){\n    var target = parseInt(el.getAttribute('data-target'), 10);\n    if (isNaN(target)) return;\n    if (reduceMotion){ el.textContent = target; return; }\n    var duration = 1400, start = null;\n    function step(ts){\n      if (!start) start = ts;\n      var progress = Math.min((ts - start) \/ duration, 1);\n      var eased = 1 - Math.pow(1 - progress, 3);\n      el.textContent = Math.round(eased * target);\n      if (progress < 1) requestAnimationFrame(step);\n    }\n    requestAnimationFrame(step);\n  }\n  var counters = root.querySelectorAll('.count-num');\n  if (counters.length){\n    if ('IntersectionObserver' in window){\n      var countIo = new IntersectionObserver(function(entries){\n        entries.forEach(function(entry){\n          if (entry.isIntersecting){ animateCount(entry.target); countIo.unobserve(entry.target); }\n        });\n      }, { threshold:0.4 });\n      counters.forEach(function(el){ countIo.observe(el); });\n    } else {\n      counters.forEach(function(el){ el.textContent = el.getAttribute('data-target'); });\n    }\n  }\n  \/* ---------- Pojawianie si\u0119 sekcji ---------- *\/\n  var nativeScrollAnim = supports('animation-timeline', 'view()');\n  if (nativeScrollAnim){\n    var revealAll = function(){\n      var y = window.scrollY || document.documentElement.scrollTop;\n      if (y + window.innerHeight >= document.documentElement.scrollHeight - 4){\n        root.querySelectorAll('.reveal').forEach(function(el){ el.classList.add('in-view'); });\n      }\n    };\n    document.addEventListener('scroll', revealAll, { passive:true });\n    revealAll();\n  }\n  if (!nativeScrollAnim){\n    var reveals = root.querySelectorAll('.reveal');\n    if ('IntersectionObserver' in window){\n      var io = new IntersectionObserver(function(entries){\n        entries.forEach(function(entry){\n          if (entry.isIntersecting){ entry.target.classList.add('in-view'); io.unobserve(entry.target); }\n        });\n      }, { threshold:0.12, rootMargin:'0px 0px -40px 0px' });\n      reveals.forEach(function(el){ io.observe(el); });\n      setTimeout(function(){\n        root.querySelectorAll('.reveal:not(.in-view)').forEach(function(el){ el.classList.add('in-view'); });\n      }, 4000);\n    } else {\n      reveals.forEach(function(el){ el.classList.add('in-view'); });\n    }\n  }\n  \/* ---------- Efekt reflektora pod kursorem ---------- *\/\n  if (!reduceMotion && window.matchMedia('(hover: hover)').matches){\n    root.addEventListener('pointermove', function(e){\n      var card = e.target.closest ? e.target.closest('.spot') : null;\n      if (!card) return;\n      var r = card.getBoundingClientRect();\n      card.style.setProperty('--mx', ((e.clientX - r.left) \/ r.width * 100) + '%');\n      card.style.setProperty('--my', ((e.clientY - r.top) \/ r.height * 100) + '%');\n    }, { passive:true });\n  }\n  \/* ---------- Tilt 3D zdj\u0119cia w hero ---------- *\/\n  var tilt = root.querySelector('.js-tilt');\n  if (tilt && !reduceMotion && window.matchMedia('(hover: hover)').matches){\n    var frame = tilt.querySelector('.real-photo-frame');\n    var raf = null, tx = 0, ty = 0;\n    function applyTilt(){\n      raf = null;\n      if (frame) frame.style.transform = 'rotateX(' + ty + 'deg) rotateY(' + tx + 'deg)';\n    }\n    tilt.addEventListener('pointermove', function(e){\n      var r = tilt.getBoundingClientRect();\n      var px = (e.clientX - r.left) \/ r.width;\n      var py = (e.clientY - r.top) \/ r.height;\n      tx = (px - 0.5) * 9;\n      ty = (0.5 - py) * 9;\n      if (frame){\n        frame.style.setProperty('--gx', (px * 100) + '%');\n        frame.style.setProperty('--gy', (py * 100) + '%');\n      }\n      if (!raf) raf = requestAnimationFrame(applyTilt);\n    }, { passive:true });\n    tilt.addEventListener('pointerleave', function(){\n      if (frame) frame.style.transform = '';\n    });\n  }\n  \/* ---------- FAQ: tylko jedno pytanie otwarte ---------- *\/\n  var faqItems = root.querySelectorAll('.faq-item');\n  var nativeExclusive = 'name' in document.createElement('details');\n  if (!nativeExclusive){\n    faqItems.forEach(function(item){\n      item.addEventListener('toggle', function(){\n        if (item.open){\n          faqItems.forEach(function(other){ if (other !== item) other.open = false; });\n        }\n      });\n    });\n  }\n  \/* ---------- Formularz kontaktowy w stopce ---------- *\/\n  var ffBtn = root.querySelector('.js-footer-form');\n  if (ffBtn){\n    ffBtn.addEventListener('click', function(e){\n      var sel = [\n        '#kontakt-formularz', '#formularz', '#footer-form',\n        'footer form', '.site-footer form', '#colophon form',\n        '.wpcf7 form', '.wpforms-form', '.elementor-form',\n        '[id*=\"formularz\"] form', '[class*=\"formularz\"] form'\n      ];\n      var target = null;\n      for (var i = 0; i < sel.length && !target; i++){\n        var cand = document.querySelector(sel[i]);\n        if (cand && !root.contains(cand) && !cand.querySelector('input[type=\"search\"]')) target = cand;\n      }\n      if (!target) return;\n      e.preventDefault();\n      target.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block:'center' });\n      var first = target.querySelector('input:not([type=\"hidden\"]), textarea');\n      if (first) setTimeout(function(){ try{ first.focus({ preventScroll:true }); }catch(err){} }, 700);\n    });\n  }\n  \/* ---------- Blok \u201eZasada Hilaris\u201d: film i animacja osi ----------\n     \u2022 film rusza sam, gdy blok wjedzie w ekran, i zatrzymuje si\u0119 po wyj\u015bciu\n       (a tak\u017ce wtedy, gdy karta przegl\u0105darki zejdzie w t\u0142o) \u2014 nie gra\n       do pustego pokoju i nie zjada transferu w tle,\n     \u2022 przegl\u0105darki pozwalaj\u0105 na automatyczny start tylko bez d\u017awi\u0119ku,\n       dlatego film startuje wyciszony, a d\u017awi\u0119k w\u0142\u0105cza si\u0119 sam przy\n       pierwszym klikni\u0119ciu \/ dotkni\u0119ciu \/ naci\u015bni\u0119ciu klawisza na stronie,\n     \u2022 pigu\u0142ka \u201eW\u0142\u0105cz d\u017awi\u0119k\u201d daje pe\u0142n\u0105 kontrol\u0119 jednym klikni\u0119ciem,\n     \u2022 proporcje kadru bierzemy prosto z pliku wideo, wi\u0119c ramka nigdy\n       nie przycina obrazu ani nie zostawia czarnych pas\u00f3w. *\/\n  var ruleCard  = root.querySelector('#hilRuleCard');\n  var ruleVideo = document.getElementById('hilRuleVideo');\n  var soundBtn  = document.getElementById('hilRuleSound');\n  if (ruleCard){\n    var wantSound = false, inView = false;\n    function inViewport(el){\n      var r = el.getBoundingClientRect();\n      var h = window.innerHeight || document.documentElement.clientHeight;\n      return r.top < h * 0.85 && r.bottom > h * 0.1;\n    }\n    function setSoundUI(on){\n      if (!soundBtn) return;\n      soundBtn.classList.toggle('is-on', on);\n      soundBtn.setAttribute('aria-pressed', on ? 'true' : 'false');\n      soundBtn.setAttribute('aria-label', on ? 'Wycisz film' : 'W\u0142\u0105cz d\u017awi\u0119k filmu');\n      var t = soundBtn.querySelector('.rs-txt');\n      if (t) t.textContent = on ? 'D\u017awi\u0119k w\u0142\u0105czony' : 'W\u0142\u0105cz d\u017awi\u0119k';\n    }\n    function tryPlay(){\n      if (!ruleVideo) return;\n      var p = ruleVideo.play();\n      if (p && p.catch) p.catch(function(){\n        \/* przegl\u0105darka odm\u00f3wi\u0142a startu z d\u017awi\u0119kiem \u2013 wracamy do wyciszenia *\/\n        if (!ruleVideo.muted){ ruleVideo.muted = true; setSoundUI(false); wantSound = false;\n          var q = ruleVideo.play(); if (q && q.catch) q.catch(function(){});\n        }\n      });\n    }\n    function applyRatio(){\n      if (!ruleVideo || !ruleVideo.videoWidth || !ruleVideo.videoHeight) return;\n      var ar = ruleVideo.videoWidth \/ ruleVideo.videoHeight;\n      ar = Math.max(0.72, Math.min(1.9, ar));   \/* pion nie za wysoki, poziom nie za p\u0142aski *\/\n      ruleCard.style.setProperty('--vid-ar', ar.toFixed(3));\n    }\n    if (ruleVideo){\n      ruleVideo.addEventListener('loadedmetadata', applyRatio);\n      applyRatio();   \/* gdy metadane zd\u0105\u017cy\u0142y doj\u015b\u0107 przed uruchomieniem skryptu *\/\n    }\n    function enterRule(){\n      inView = true;\n      ruleCard.classList.add('is-live');\n      if (!ruleVideo) return;\n      var canSound = wantSound || (navigator.userActivation && navigator.userActivation.hasBeenActive);\n      if (canSound && ruleVideo.muted){ ruleVideo.muted = false; wantSound = true; setSoundUI(true); }\n      tryPlay();\n    }\n    function leaveRule(){\n      inView = false;\n      if (ruleVideo && !ruleVideo.paused) ruleVideo.pause();\n    }\n    if ('IntersectionObserver' in window){\n      var ruleIo = new IntersectionObserver(function(entries){\n        entries.forEach(function(e){ if (e.isIntersecting) enterRule(); else leaveRule(); });\n      }, { threshold:0.35 });\n      ruleIo.observe(ruleCard);\n    } else {\n      ruleCard.classList.add('is-live');\n      window.addEventListener('scroll', function(){\n        if (inViewport(ruleCard)){ if(!inView) enterRule(); } else if (inView) leaveRule();\n      }, { passive:true });\n    }\n    function firstGesture(){\n      wantSound = true;\n      if (ruleVideo && inView && ruleVideo.muted){ ruleVideo.muted = false; setSoundUI(true); tryPlay(); }\n      document.removeEventListener('pointerdown', firstGesture, true);\n      document.removeEventListener('keydown', firstGesture, true);\n      document.removeEventListener('touchstart', firstGesture, true);\n    }\n    document.addEventListener('pointerdown', firstGesture, true);\n    document.addEventListener('keydown', firstGesture, true);\n    document.addEventListener('touchstart', firstGesture, true);\n    if (soundBtn && ruleVideo){\n      soundBtn.addEventListener('click', function(){\n        ruleVideo.muted = !ruleVideo.muted;\n        wantSound = !ruleVideo.muted;\n        setSoundUI(!ruleVideo.muted);\n        if (!ruleVideo.paused || inView) tryPlay();\n      });\n    }\n    document.addEventListener('visibilitychange', function(){\n      if (document.hidden) leaveRule();\n      else if (inViewport(ruleCard)) enterRule();\n    });\n  }\n  \/* ---------- Lightbox ---------- *\/\n  var items = Array.prototype.slice.call(root.querySelectorAll('.js-lightbox'));\n  var lb    = document.getElementById('hilarisLightbox');\n  var lbImg = document.getElementById('hilarisLightboxImg');\n  var lbCap = document.getElementById('hilarisLightboxCaption');\n  var lbIndex = 0;\n  var canDialog = lb && typeof lb.showModal === 'function';\n  function paint(i){\n    var it = items[i];\n    if (!it) return;\n    lbImg.src = it.getAttribute('data-full');\n    lbImg.alt = it.getAttribute('data-caption') || '';\n    lbCap.textContent = it.getAttribute('data-caption') || '';\n  }\n  function openLightbox(i){\n    lbIndex = i; paint(lbIndex);\n    if (canDialog && !lb.open) lb.showModal();\n  }\n  function showDelta(d){\n    if (!items.length) return;\n    lbIndex = (lbIndex + d + items.length) % items.length;\n    paint(lbIndex);\n  }\n  if (items.length && canDialog){\n    items.forEach(function(el, i){\n      el.addEventListener('click', function(){ openLightbox(i); });\n    });\n    document.getElementById('hilarisLightboxClose').addEventListener('click', function(){ lb.close(); });\n    document.getElementById('hilarisLightboxPrev').addEventListener('click', function(){ showDelta(-1); });\n    document.getElementById('hilarisLightboxNext').addEventListener('click', function(){ showDelta(1); });\n    lb.addEventListener('click', function(e){\n      if (e.target === lb) lb.close();\n    });\n    lb.addEventListener('keydown', function(e){\n      if (e.key === 'ArrowLeft') showDelta(-1);\n      if (e.key === 'ArrowRight') showDelta(1);\n    });\n  } else if (items.length){\n    items.forEach(function(el){\n      el.addEventListener('click', function(){\n        window.open(el.getAttribute('data-full'), '_blank', 'noopener');\n      });\n    });\n  }\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>Niepubliczne Dwuj\u0119zyczne Przedszkole w B\u0142oniu Przedszkole z pasji, w kt\u00f3rym Twoje dziecko czuje si\u0119 bezpiecznie i szcz\u0119\u015bliwie Od 2008 roku towarzyszymy najm\u0142odszym w odkrywaniu \u015bwiata \u2013 po polsku i po angielsku. Kameralne grupy, do\u015bwiadczona kadra oraz codzienna rado\u015b\u0107 nauki przez zabaw\u0119, dzie\u0144 po dniu. Um\u00f3w si\u0119 na wizyt\u0119 Poznaj nasz\u0105 ofert\u0119 0 latdo\u015bwiadczenia 0 grupywiek [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/1194","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=1194"}],"version-history":[{"count":191,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/1194\/revisions"}],"predecessor-version":[{"id":7840,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/1194\/revisions\/7840"}],"wp:attachment":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}