Klub Maluszka Ada\u015b \u2014 Galeria<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&display=swap\"\n rel=\"stylesheet\"\n >\n\n <style>\n\n :root {\n --cream: #fffaf4;\n --pink: #f6ccd3;\n --pink-dark: #d98e9b;\n --blue: #cfe8ef;\n --mint: #d9eee2;\n --yellow: #f8e5ad;\n --text: #625b58;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n margin: 0;\n background: var(--cream);\n color: var(--text);\n font-family: \"Nunito\", sans-serif;\n overflow-x: hidden;\n }\n\n\n \/* =====================================================\n NAG\u0141\u00d3WEK \u2014 BEZ MENU\n ===================================================== *\/\n\n header {\n position: relative;\n z-index: 20;\n background: rgba(255, 250, 244, 0.98);\n }\n\n .header-inner {\n max-width: 1180px;\n margin: 0 auto;\n\n padding: 24px 25px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n\n \/* NAZWA KLUBU *\/\n\n .brand {\n display: flex;\n align-items: center;\n gap: 14px;\n\n text-align: left;\n }\n\n .logo-circle {\n width: 60px;\n height: 60px;\n\n flex-shrink: 0;\n\n border-radius: 50%;\n\n background: var(--pink);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n overflow: hidden;\n\n box-shadow:\n 0 8px 22px rgba(217, 142, 155, .18);\n\n animation: logoPulse 4s ease-in-out infinite;\n }\n\n .logo-circle img {\n width: 100%;\n height: 100%;\n\n object-fit: contain;\n\n display: block;\n }\n\n @keyframes logoPulse {\n\n 0%,\n 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.05);\n }\n\n }\n\n .brand-name {\n font-family: \"Baloo 2\", cursive;\n\n font-size: 31px;\n font-weight: 700;\n\n line-height: 1;\n\n color: #665f5b;\n }\n\n .brand-subtitle {\n margin-top: 5px;\n\n font-size: 11px;\n font-weight: 800;\n\n letter-spacing: 1.7px;\n\n text-transform: uppercase;\n\n color: var(--pink-dark);\n }\n\n\n \/* =====================================================\n PASTELOWY PASEK\n ===================================================== *\/\n\n .pastel-line {\n height: 7px;\n\n display: flex;\n\n overflow: hidden;\n }\n\n .pastel-line span {\n flex: 1;\n }\n\n .pastel-line span:nth-child(1) {\n background: var(--pink);\n }\n\n .pastel-line span:nth-child(2) {\n background: var(--yellow);\n }\n\n .pastel-line span:nth-child(3) {\n background: var(--blue);\n }\n\n .pastel-line span:nth-child(4) {\n background: var(--mint);\n }\n\n\n \/* =====================================================\n GALERIA\n ===================================================== *\/\n\n .gallery-page {\n position: relative;\n\n padding: 38px 20px 70px;\n\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 3% 10%,\n rgba(246, 204, 211, .55),\n transparent 18%\n ),\n\n radial-gradient(\n circle at 97% 15%,\n rgba(207, 232, 239, .65),\n transparent 20%\n ),\n\n radial-gradient(\n circle at 50% 110%,\n rgba(217, 238, 226, .65),\n transparent 30%\n ),\n\n var(--cream);\n }\n\n\n \/* =====================================================\n DEKORACYJNE K\u00d3\u0141KA\n ===================================================== *\/\n\n .bubble {\n position: absolute;\n\n border-radius: 50%;\n\n opacity: .65;\n\n pointer-events: none;\n\n animation: float 6s ease-in-out infinite;\n }\n\n .bubble.pink {\n width: 70px;\n height: 70px;\n\n left: 4%;\n top: 100px;\n\n background: var(--pink);\n }\n\n .bubble.yellow {\n width: 40px;\n height: 40px;\n\n left: 16%;\n top: 35px;\n\n background: var(--yellow);\n\n animation-delay: 1s;\n }\n\n .bubble.blue {\n width: 65px;\n height: 65px;\n\n right: 5%;\n top: 150px;\n\n background: var(--blue);\n\n animation-delay: 2s;\n }\n\n .bubble.mint {\n width: 35px;\n height: 35px;\n\n right: 18%;\n top: 40px;\n\n background: var(--mint);\n\n animation-delay: 1.5s;\n }\n\n @keyframes float {\n\n 0%,\n 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-12px);\n }\n\n }\n\n\n \/* =====================================================\n GRID ZDJ\u0118\u0106\n ===================================================== *\/\n\n .gallery {\n position: relative;\n\n z-index: 3;\n\n max-width: 1180px;\n\n margin: 0 auto;\n\n display: grid;\n\n grid-template-columns: repeat(12, 1fr);\n\n gap: 18px;\n }\n\n\n \/* =====================================================\n KAFELKI\n ===================================================== *\/\n\n .photo {\n position: relative;\n\n overflow: hidden;\n\n min-height: 250px;\n\n border-radius: 24px;\n\n cursor: pointer;\n\n background: #eee;\n\n box-shadow:\n 0 9px 27px rgba(94, 90, 89, .09);\n\n animation:\n gentlePulse 5s ease-in-out infinite;\n\n transition:\n transform .35s ease,\n box-shadow .35s ease;\n }\n\n\n \/* =====================================================\n OP\u00d3\u0179NIENIE PULSOWANIA\n ===================================================== *\/\n\n .photo:nth-child(2) {\n animation-delay: .5s;\n }\n\n .photo:nth-child(3) {\n animation-delay: 1s;\n }\n\n\n @keyframes gentlePulse {\n\n 0%,\n 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.012);\n }\n\n }\n\n\n \/* =====================================================\n UK\u0141AD 3 ZDJ\u0118\u0106\n ===================================================== *\/\n\n .photo:nth-child(1) {\n grid-column: span 7;\n grid-row: span 2;\n }\n\n .photo:nth-child(2),\n .photo:nth-child(3) {\n grid-column: span 5;\n }\n\n\n \/* =====================================================\n OBRAZY\n ===================================================== *\/\n\n .photo img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n min-height: 250px;\n\n object-fit: cover;\n\n transition:\n transform .6s cubic-bezier(.2,.7,.2,1),\n filter .4s ease;\n }\n\n\n \/* =====================================================\n HOVER\n ===================================================== *\/\n\n .photo:hover {\n animation-play-state: paused;\n\n transform: translateY(-4px);\n\n box-shadow:\n 0 18px 40px rgba(94, 90, 89, .16);\n }\n\n .photo:hover img {\n transform: scale(1.07);\n\n filter: saturate(1.05);\n }\n\n\n \/* =====================================================\n NAPIS NA ZDJ\u0118CIU\n ===================================================== *\/\n\n .photo::after {\n content: \"Zobacz zdj\u0119cie\";\n\n position: absolute;\n\n left: 18px;\n bottom: 18px;\n\n padding: 9px 16px;\n\n border-radius: 30px;\n\n background: rgba(255, 255, 255, .93);\n\n color: #665e5a;\n\n font-size: 13px;\n font-weight: 800;\n\n opacity: 0;\n\n transform: translateY(10px);\n\n transition: .3s ease;\n }\n\n .photo:hover::after {\n opacity: 1;\n\n transform: translateY(0);\n }\n\n\n \/* =====================================================\n LIGHTBOX\n ===================================================== *\/\n\n .lightbox {\n position: fixed;\n\n inset: 0;\n\n z-index: 999;\n\n display: none;\n\n align-items: center;\n justify-content: center;\n\n padding: 30px;\n\n background: rgba(55, 51, 49, .86);\n }\n\n .lightbox.show {\n display: flex;\n }\n\n .lightbox img {\n max-width: min(1100px, 95vw);\n\n max-height: 85vh;\n\n object-fit: contain;\n\n border-radius: 20px;\n\n box-shadow:\n 0 25px 80px rgba(0, 0, 0, .35);\n }\n\n .close {\n position: absolute;\n\n top: 25px;\n right: 30px;\n\n width: 48px;\n height: 48px;\n\n border: none;\n\n border-radius: 50%;\n\n background: white;\n\n color: #665e5a;\n\n font-size: 27px;\n\n cursor: pointer;\n\n transition: .25s;\n }\n\n .close:hover {\n transform: rotate(90deg) scale(1.05);\n\n background: var(--pink);\n }\n\n\n \/* =====================================================\n TABLET\n ===================================================== *\/\n\n @media (max-width: 900px) {\n\n .header-inner {\n padding: 20px;\n }\n\n .gallery-page {\n padding-left: 18px;\n padding-right: 18px;\n }\n\n }\n\n\n \/* =====================================================\n MOBILE\n ===================================================== *\/\n\n @media (max-width: 700px) {\n\n .header-inner {\n padding: 17px 15px;\n }\n\n .logo-circle {\n width: 50px;\n height: 50px;\n }\n\n .brand-name {\n font-size: 24px;\n }\n\n .brand-subtitle {\n font-size: 9px;\n letter-spacing: 1.3px;\n }\n\n\n .gallery-page {\n padding:\n 25px 15px 55px;\n }\n\n\n .gallery {\n grid-template-columns: repeat(2, 1fr);\n\n gap: 12px;\n }\n\n\n .photo,\n .photo:nth-child(1),\n .photo:nth-child(2),\n .photo:nth-child(3) {\n\n grid-column: span 1;\n\n grid-row: span 1;\n }\n\n\n .photo {\n min-height: 220px;\n\n border-radius: 18px;\n }\n\n .photo img {\n min-height: 220px;\n }\n\n\n .photo::after {\n display: none;\n }\n\n\n .bubble.pink {\n left: -30px;\n }\n\n .bubble.blue {\n right: -25px;\n }\n\n }\n\n\n \/* =====================================================\n MA\u0141Y TELEFON\n ===================================================== *\/\n\n @media (max-width: 480px) {\n\n .brand {\n gap: 10px;\n }\n\n .brand-name {\n font-size: 22px;\n }\n\n .brand-subtitle {\n font-size: 8px;\n }\n\n\n .gallery {\n grid-template-columns: 1fr;\n }\n\n\n .photo,\n .photo:nth-child(1),\n .photo:nth-child(2),\n .photo:nth-child(3) {\n\n grid-column: span 1;\n }\n\n\n .photo {\n min-height: 270px;\n }\n\n .photo img {\n min-height: 270px;\n }\n\n }\n\n\n \/* =====================================================\n MNIEJ ANIMACJI\n ===================================================== *\/\n\n @media (prefers-reduced-motion: reduce) {\n\n *,\n *::before,\n *::after {\n\n animation-duration: .01ms !important;\n\n animation-iteration-count: 1 !important;\n\n scroll-behavior: auto !important;\n }\n }\n\n <\/style>\n<\/head>\n\n\n<body>\n\n\n\n\n<header>\n\n <div class=\"header-inner\">\n\n <div class=\"brand\">\n\n <div class=\"logo-circle\">\n\n <img decoding=\"async\"\n src=\"https:\/\/adas-klubmaluszka.malopolska.pl\/wp-content\/uploads\/2026\/08\/logo-adas-bez-tla-1.png\"\n alt=\"Logo Klubu Maluszka Ada\u015b\"\n >\n\n <\/div>\n\n <div>\n\n <div class=\"brand-name\">\n Klub Maluszka Ada\u015b\n <\/div>\n\n <div class=\"brand-subtitle\">\n miejsce pe\u0142ne u\u015bmiechu\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n \n\n <div class=\"pastel-line\">\n\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <span><\/span>\n\n <\/div>\n\n<\/header>\n\n\n\n\n<main class=\"gallery-page\">\n\n\n \n\n <div class=\"bubble pink\"><\/div>\n <div class=\"bubble yellow\"><\/div>\n <div class=\"bubble blue\"><\/div>\n <div class=\"bubble mint\"><\/div>\n\n\n <div class=\"gallery\">\n\n\n \n\n <div class=\"photo\">\n\n <img decoding=\"async\"\n src=\"https:\/\/adas-klubmaluszka.malopolska.pl\/wp-content\/uploads\/2026\/08\/dla-kaji3.webp\"\n alt=\"Klub Maluszka Ada\u015b \u2014 galeria\"\n >\n\n <\/div>\n\n\n \n\n <div class=\"photo\">\n\n <img decoding=\"async\"\n src=\"https:\/\/adas-klubmaluszka.malopolska.pl\/wp-content\/uploads\/2026\/08\/dla-Kaji2.webp\"\n alt=\"Klub Maluszka Ada\u015b \u2014 galeria\"\n >\n\n <\/div>\n\n\n \n\n <div class=\"photo\">\n\n <img decoding=\"async\"\n src=\"https:\/\/adas-klubmaluszka.malopolska.pl\/wp-content\/uploads\/2026\/08\/sala-klub-maluszka-adas.webp\"\n alt=\"Sala zabaw \u2014 Klub Maluszka Ada\u015b\"\n >\n\n <\/div>\n\n\n <\/div>\n\n<\/main>\n\n\n\n\n<div\n class=\"lightbox\"\n id=\"lightbox\"\n>\n\n <button\n class=\"close\"\n id=\"close\"\n aria-label=\"Zamknij zdj\u0119cie\"\n >\n \u00d7\n <\/button>\n\n <img decoding=\"async\"\n id=\"lightboxImage\"\n src=\"\"\n alt=\"\"\n >\n\n<\/div>\n\n\n\n\n<script>\n\n const photos =\n document.querySelectorAll(\".photo\");\n\n const lightbox =\n document.getElementById(\"lightbox\");\n\n const lightboxImage =\n document.getElementById(\"lightboxImage\");\n\n const close =\n document.getElementById(\"close\");\n\n\n \/* OTWIERANIE ZDJ\u0118CIA *\/\n\n photos.forEach(photo => {\n\n photo.addEventListener(\"click\", () => {\n\n const image =\n photo.querySelector(\"img\");\n\n lightboxImage.src =\n image.src;\n\n lightboxImage.alt =\n image.alt;\n\n lightbox.classList.add(\"show\");\n\n document.body.style.overflow =\n \"hidden\";\n\n });\n\n });\n\n\n \/* ZAMYKANIE *\/\n\n function closeLightbox() {\n\n lightbox.classList.remove(\"show\");\n\n document.body.style.overflow =\n \"\";\n\n }\n\n\n close.addEventListener(\n \"click\",\n closeLightbox\n );\n\n\n \/* KLIKNI\u0118CIE POZA ZDJ\u0118CIEM *\/\n\n lightbox.addEventListener(\n \"click\",\n event => {\n\n if (event.target === lightbox) {\n closeLightbox();\n }\n\n }\n );\n\n\n \/* ESC *\/\n\n document.addEventListener(\n \"keydown\",\n event => {\n\n if (event.key === \"Escape\") {\n closeLightbox();\n }\n\n }\n );\n\n<\/script>\n\n\n<\/body>\n<\/html>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">Klub Maluszka Ada\u015b<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Klub Maluszka Ada\u015b \u2014 Galeria Klub Maluszka Ada\u015b miejsce pe\u0142ne u\u015bmiechu \u00d7 Klub Maluszka Ada\u015b<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-250","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=\/wp\/v2\/pages\/250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=250"}],"version-history":[{"count":1,"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=\/wp\/v2\/pages\/250\/revisions"}],"predecessor-version":[{"id":253,"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=\/wp\/v2\/pages\/250\/revisions\/253"}],"wp:attachment":[{"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":250,"date":"2026-08-13T07:38:11","date_gmt":"2026-08-13T07:38:11","guid":{"rendered":"https:\/\/adas-klubmaluszka.malopolska.pl\/?page_id=250"},"modified":"2026-08-13T07:38:26","modified_gmt":"2026-08-13T07:38:26","slug":"galeria","status":"publish","type":"page","link":"https:\/\/adas-klubmaluszka.malopolska.pl\/?page_id=250","title":{"rendered":"Galeria"},"content":{"rendered":"\n\n\n\n\n \n \n\n Klub Maluszka Ada\u015b \u2014 Galeria<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&display=swap\"\n rel=\"stylesheet\"\n >\n\n <style>\n\n :root {\n --cream: #fffaf4;\n --pink: #f6ccd3;\n --pink-dark: #d98e9b;\n --blue: #cfe8ef;\n --mint: #d9eee2;\n --yellow: #f8e5ad;\n --text: #625b58;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n margin: 0;\n background: var(--cream);\n color: var(--text);\n font-family: \"Nunito\", sans-serif;\n overflow-x: hidden;\n }\n\n\n \/* =====================================================\n NAG\u0141\u00d3WEK \u2014 BEZ MENU\n ===================================================== *\/\n\n header {\n position: relative;\n z-index: 20;\n background: rgba(255, 250, 244, 0.98);\n }\n\n .header-inner {\n max-width: 1180px;\n margin: 0 auto;\n\n padding: 24px 25px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n\n \/* NAZWA KLUBU *\/\n\n .brand {\n display: flex;\n align-items: center;\n gap: 14px;\n\n text-align: left;\n }\n\n .logo-circle {\n width: 60px;\n height: 60px;\n\n flex-shrink: 0;\n\n border-radius: 50%;\n\n background: var(--pink);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n overflow: hidden;\n\n box-shadow:\n 0 8px 22px rgba(217, 142, 155, .18);\n\n animation: logoPulse 4s ease-in-out infinite;\n }\n\n .logo-circle img {\n width: 100%;\n height: 100%;\n\n object-fit: contain;\n\n display: block;\n }\n\n @keyframes logoPulse {\n\n 0%,\n 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.05);\n }\n\n }\n\n .brand-name {\n font-family: \"Baloo 2\", cursive;\n\n font-size: 31px;\n font-weight: 700;\n\n line-height: 1;\n\n color: #665f5b;\n }\n\n .brand-subtitle {\n margin-top: 5px;\n\n font-size: 11px;\n font-weight: 800;\n\n letter-spacing: 1.7px;\n\n text-transform: uppercase;\n\n color: var(--pink-dark);\n }\n\n\n \/* =====================================================\n PASTELOWY PASEK\n ===================================================== *\/\n\n .pastel-line {\n height: 7px;\n\n display: flex;\n\n overflow: hidden;\n }\n\n .pastel-line span {\n flex: 1;\n }\n\n .pastel-line span:nth-child(1) {\n background: var(--pink);\n }\n\n .pastel-line span:nth-child(2) {\n background: var(--yellow);\n }\n\n .pastel-line span:nth-child(3) {\n background: var(--blue);\n }\n\n .pastel-line span:nth-child(4) {\n background: var(--mint);\n }\n\n\n \/* =====================================================\n GALERIA\n ===================================================== *\/\n\n .gallery-page {\n position: relative;\n\n padding: 38px 20px 70px;\n\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 3% 10%,\n rgba(246, 204, 211, .55),\n transparent 18%\n ),\n\n radial-gradient(\n circle at 97% 15%,\n rgba(207, 232, 239, .65),\n transparent 20%\n ),\n\n radial-gradient(\n circle at 50% 110%,\n rgba(217, 238, 226, .65),\n transparent 30%\n ),\n\n var(--cream);\n }\n\n\n \/* =====================================================\n DEKORACYJNE K\u00d3\u0141KA\n ===================================================== *\/\n\n .bubble {\n position: absolute;\n\n border-radius: 50%;\n\n opacity: .65;\n\n pointer-events: none;\n\n animation: float 6s ease-in-out infinite;\n }\n\n .bubble.pink {\n width: 70px;\n height: 70px;\n\n left: 4%;\n top: 100px;\n\n background: var(--pink);\n }\n\n .bubble.yellow {\n width: 40px;\n height: 40px;\n\n left: 16%;\n top: 35px;\n\n background: var(--yellow);\n\n animation-delay: 1s;\n }\n\n .bubble.blue {\n width: 65px;\n height: 65px;\n\n right: 5%;\n top: 150px;\n\n background: var(--blue);\n\n animation-delay: 2s;\n }\n\n .bubble.mint {\n width: 35px;\n height: 35px;\n\n right: 18%;\n top: 40px;\n\n background: var(--mint);\n\n animation-delay: 1.5s;\n }\n\n @keyframes float {\n\n 0%,\n 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-12px);\n }\n\n }\n\n\n \/* =====================================================\n GRID ZDJ\u0118\u0106\n ===================================================== *\/\n\n .gallery {\n position: relative;\n\n z-index: 3;\n\n max-width: 1180px;\n\n margin: 0 auto;\n\n display: grid;\n\n grid-template-columns: repeat(12, 1fr);\n\n gap: 18px;\n }\n\n\n \/* =====================================================\n KAFELKI\n ===================================================== *\/\n\n .photo {\n position: relative;\n\n overflow: hidden;\n\n min-height: 250px;\n\n border-radius: 24px;\n\n cursor: pointer;\n\n background: #eee;\n\n box-shadow:\n 0 9px 27px rgba(94, 90, 89, .09);\n\n animation:\n gentlePulse 5s ease-in-out infinite;\n\n transition:\n transform .35s ease,\n box-shadow .35s ease;\n }\n\n\n \/* =====================================================\n OP\u00d3\u0179NIENIE PULSOWANIA\n ===================================================== *\/\n\n .photo:nth-child(2) {\n animation-delay: .5s;\n }\n\n .photo:nth-child(3) {\n animation-delay: 1s;\n }\n\n\n @keyframes gentlePulse {\n\n 0%,\n 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.012);\n }\n\n }\n\n\n \/* =====================================================\n UK\u0141AD 3 ZDJ\u0118\u0106\n ===================================================== *\/\n\n .photo:nth-child(1) {\n grid-column: span 7;\n grid-row: span 2;\n }\n\n .photo:nth-child(2),\n .photo:nth-child(3) {\n grid-column: span 5;\n }\n\n\n \/* =====================================================\n OBRAZY\n ===================================================== *\/\n\n .photo img {\n display: block;\n\n width: 100%;\n height: 100%;\n\n min-height: 250px;\n\n object-fit: cover;\n\n transition:\n transform .6s cubic-bezier(.2,.7,.2,1),\n filter .4s ease;\n }\n\n\n \/* =====================================================\n HOVER\n ===================================================== *\/\n\n .photo:hover {\n animation-play-state: paused;\n\n transform: translateY(-4px);\n\n box-shadow:\n 0 18px 40px rgba(94, 90, 89, .16);\n }\n\n .photo:hover img {\n transform: scale(1.07);\n\n filter: saturate(1.05);\n }\n\n\n \/* =====================================================\n NAPIS NA ZDJ\u0118CIU\n ===================================================== *\/\n\n .photo::after {\n content: \"Zobacz zdj\u0119cie\";\n\n position: absolute;\n\n left: 18px;\n bottom: 18px;\n\n padding: 9px 16px;\n\n border-radius: 30px;\n\n background: rgba(255, 255, 255, .93);\n\n color: #665e5a;\n\n font-size: 13px;\n font-weight: 800;\n\n opacity: 0;\n\n transform: translateY(10px);\n\n transition: .3s ease;\n }\n\n .photo:hover::after {\n opacity: 1;\n\n transform: translateY(0);\n }\n\n\n \/* =====================================================\n LIGHTBOX\n ===================================================== *\/\n\n .lightbox {\n position: fixed;\n\n inset: 0;\n\n z-index: 999;\n\n display: none;\n\n align-items: center;\n justify-content: center;\n\n padding: 30px;\n\n background: rgba(55, 51, 49, .86);\n }\n\n .lightbox.show {\n display: flex;\n }\n\n .lightbox img {\n max-width: min(1100px, 95vw);\n\n max-height: 85vh;\n\n object-fit: contain;\n\n border-radius: 20px;\n\n box-shadow:\n 0 25px 80px rgba(0, 0, 0, .35);\n }\n\n .close {\n position: absolute;\n\n top: 25px;\n right: 30px;\n\n width: 48px;\n height: 48px;\n\n border: none;\n\n border-radius: 50%;\n\n background: white;\n\n color: #665e5a;\n\n font-size: 27px;\n\n cursor: pointer;\n\n transition: .25s;\n }\n\n .close:hover {\n transform: rotate(90deg) scale(1.05);\n\n background: var(--pink);\n }\n\n\n \/* =====================================================\n TABLET\n ===================================================== *\/\n\n @media (max-width: 900px) {\n\n .header-inner {\n padding: 20px;\n }\n\n .gallery-page {\n padding-left: 18px;\n padding-right: 18px;\n }\n\n }\n\n\n \/* =====================================================\n MOBILE\n ===================================================== *\/\n\n @media (max-width: 700px) {\n\n .header-inner {\n padding: 17px 15px;\n }\n\n .logo-circle {\n width: 50px;\n height: 50px;\n }\n\n .brand-name {\n font-size: 24px;\n }\n\n .brand-subtitle {\n font-size: 9px;\n letter-spacing: 1.3px;\n }\n\n\n .gallery-page {\n padding:\n 25px 15px 55px;\n }\n\n\n .gallery {\n grid-template-columns: repeat(2, 1fr);\n\n gap: 12px;\n }\n\n\n .photo,\n .photo:nth-child(1),\n .photo:nth-child(2),\n .photo:nth-child(3) {\n\n grid-column: span 1;\n\n grid-row: span 1;\n }\n\n\n .photo {\n min-height: 220px;\n\n border-radius: 18px;\n }\n\n .photo img {\n min-height: 220px;\n }\n\n\n .photo::after {\n display: none;\n }\n\n\n .bubble.pink {\n left: -30px;\n }\n\n .bubble.blue {\n right: -25px;\n }\n\n }\n\n\n \/* =====================================================\n MA\u0141Y TELEFON\n ===================================================== *\/\n\n @media (max-width: 480px) {\n\n .brand {\n gap: 10px;\n }\n\n .brand-name {\n font-size: 22px;\n }\n\n .brand-subtitle {\n font-size: 8px;\n }\n\n\n .gallery {\n grid-template-columns: 1fr;\n }\n\n\n .photo,\n .photo:nth-child(1),\n .photo:nth-child(2),\n .photo:nth-child(3) {\n\n grid-column: span 1;\n }\n\n\n .photo {\n min-height: 270px;\n }\n\n .photo img {\n min-height: 270px;\n }\n\n }\n\n\n \/* =====================================================\n MNIEJ ANIMACJI\n ===================================================== *\/\n\n @media (prefers-reduced-motion: reduce) {\n\n *,\n *::before,\n *::after {\n\n animation-duration: .01ms !important;\n\n animation-iteration-count: 1 !important;\n\n scroll-behavior: auto !important;\n }\n }\n\n <\/style>\n<\/head>\n\n\n<body>\n\n\n\n\n<header>\n\n <div class=\"header-inner\">\n\n <div class=\"brand\">\n\n <div class=\"logo-circle\">\n\n <img decoding=\"async\"\n src=\"https:\/\/adas-klubmaluszka.malopolska.pl\/wp-content\/uploads\/2026\/08\/logo-adas-bez-tla-1.png\"\n alt=\"Logo Klubu Maluszka Ada\u015b\"\n >\n\n <\/div>\n\n <div>\n\n <div class=\"brand-name\">\n Klub Maluszka Ada\u015b\n <\/div>\n\n <div class=\"brand-subtitle\">\n miejsce pe\u0142ne u\u015bmiechu\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n \n\n <div class=\"pastel-line\">\n\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <span><\/span>\n\n <\/div>\n\n<\/header>\n\n\n\n\n<main class=\"gallery-page\">\n\n\n \n\n <div class=\"bubble pink\"><\/div>\n <div class=\"bubble yellow\"><\/div>\n <div class=\"bubble blue\"><\/div>\n <div class=\"bubble mint\"><\/div>\n\n\n <div class=\"gallery\">\n\n\n \n\n <div class=\"photo\">\n\n <img decoding=\"async\"\n src=\"https:\/\/adas-klubmaluszka.malopolska.pl\/wp-content\/uploads\/2026\/08\/dla-kaji3.webp\"\n alt=\"Klub Maluszka Ada\u015b \u2014 galeria\"\n >\n\n <\/div>\n\n\n \n\n <div class=\"photo\">\n\n <img decoding=\"async\"\n src=\"https:\/\/adas-klubmaluszka.malopolska.pl\/wp-content\/uploads\/2026\/08\/dla-Kaji2.webp\"\n alt=\"Klub Maluszka Ada\u015b \u2014 galeria\"\n >\n\n <\/div>\n\n\n \n\n <div class=\"photo\">\n\n <img decoding=\"async\"\n src=\"https:\/\/adas-klubmaluszka.malopolska.pl\/wp-content\/uploads\/2026\/08\/sala-klub-maluszka-adas.webp\"\n alt=\"Sala zabaw \u2014 Klub Maluszka Ada\u015b\"\n >\n\n <\/div>\n\n\n <\/div>\n\n<\/main>\n\n\n\n\n<div\n class=\"lightbox\"\n id=\"lightbox\"\n>\n\n <button\n class=\"close\"\n id=\"close\"\n aria-label=\"Zamknij zdj\u0119cie\"\n >\n \u00d7\n <\/button>\n\n <img decoding=\"async\"\n id=\"lightboxImage\"\n src=\"\"\n alt=\"\"\n >\n\n<\/div>\n\n\n\n\n<script>\n\n const photos =\n document.querySelectorAll(\".photo\");\n\n const lightbox =\n document.getElementById(\"lightbox\");\n\n const lightboxImage =\n document.getElementById(\"lightboxImage\");\n\n const close =\n document.getElementById(\"close\");\n\n\n \/* OTWIERANIE ZDJ\u0118CIA *\/\n\n photos.forEach(photo => {\n\n photo.addEventListener(\"click\", () => {\n\n const image =\n photo.querySelector(\"img\");\n\n lightboxImage.src =\n image.src;\n\n lightboxImage.alt =\n image.alt;\n\n lightbox.classList.add(\"show\");\n\n document.body.style.overflow =\n \"hidden\";\n\n });\n\n });\n\n\n \/* ZAMYKANIE *\/\n\n function closeLightbox() {\n\n lightbox.classList.remove(\"show\");\n\n document.body.style.overflow =\n \"\";\n\n }\n\n\n close.addEventListener(\n \"click\",\n closeLightbox\n );\n\n\n \/* KLIKNI\u0118CIE POZA ZDJ\u0118CIEM *\/\n\n lightbox.addEventListener(\n \"click\",\n event => {\n\n if (event.target === lightbox) {\n closeLightbox();\n }\n\n }\n );\n\n\n \/* ESC *\/\n\n document.addEventListener(\n \"keydown\",\n event => {\n\n if (event.key === \"Escape\") {\n closeLightbox();\n }\n\n }\n );\n\n<\/script>\n\n\n<\/body>\n<\/html>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">Klub Maluszka Ada\u015b<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Klub Maluszka Ada\u015b \u2014 Galeria Klub Maluszka Ada\u015b miejsce pe\u0142ne u\u015bmiechu \u00d7 Klub Maluszka Ada\u015b<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-250","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=\/wp\/v2\/pages\/250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=250"}],"version-history":[{"count":1,"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=\/wp\/v2\/pages\/250\/revisions"}],"predecessor-version":[{"id":253,"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=\/wp\/v2\/pages\/250\/revisions\/253"}],"wp:attachment":[{"href":"https:\/\/adas-klubmaluszka.malopolska.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}