{"id":1548,"date":"2026-01-05T09:22:18","date_gmt":"2026-01-05T08:22:18","guid":{"rendered":"https:\/\/portfolio.anmcollective.pl\/?page_id=1548"},"modified":"2026-04-06T22:47:23","modified_gmt":"2026-04-06T20:47:23","slug":"podaj-lapke","status":"publish","type":"page","link":"https:\/\/portfolio.anmcollective.pl\/?page_id=1548","title":{"rendered":"Podaj \u0142apk\u0119"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1548\" class=\"elementor elementor-1548\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed8003b e-flex e-con-boxed e-con e-parent\" data-id=\"ed8003b\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45ebf55 elementor-widget elementor-widget-spacer\" data-id=\"45ebf55\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f65159 e-flex e-con-boxed e-con e-parent\" data-id=\"3f65159\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdfc2dd elementor-widget elementor-widget-html\" data-id=\"fdfc2dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- BAZA I ZMIENNE --- *\/\n  :root {\n    --brand-dark: #4A3319;\n    --brand-text: #7C4D0A;\n    --brand-accent: #A9D7BE;\n    --brand-accent-dark: #7ab592;\n    --brand-light: #ffffff;\n  }\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@700;800;900&family=Poppins:wght@400;500;600;700&display=swap');\n\n  .overlap-hero-wrapper {\n    position: relative;\n    width: 100%;\n    background-color: transparent !important; \n    font-family: 'Poppins', sans-serif !important;\n    \/* ZMIANA: Ca\u0142kowicie odblokowujemy ucinanie, \u017ceby logo z g\u00f3ry nie znikn\u0119\u0142o *\/\n    overflow: visible !important; \n  }\n  .overlap-hero-wrapper * { box-sizing: border-box; }\n\n  \/* =========================================\n     1. ASYMETRYCZNY HEADER (NAPRAWIONA WIDOCZNO\u015a\u0106)\n     ========================================= *\/\n  .staggered-header {\n    position: relative; \n    width: 100%;\n    z-index: 9999; \n    display: flex;\n    justify-content: space-between; \n    align-items: flex-start;\n    \/* ZMIANA: Dodany du\u017cy padding z g\u00f3ry (40px), \u017ceby logo i sociale mia\u0142y miejsce i nie ucieka\u0142y za kraw\u0119d\u017a! *\/\n    padding: 40px 5% 0px; \n    background-color: transparent; \n  }\n\n  \/* --- LEWA STREFA (LOGO + MENU) --- *\/\n  .header-left-zone {\n    display: flex;\n    align-items: flex-start;\n    gap: 60px; \/* Odleg\u0142o\u015b\u0107 Menu od Logo *\/\n  }\n\n  \/* Logo *\/\n  .header-logo {\n    display: block;\n    text-decoration: none;\n    \/* ZMIANA: Wyzerowany g\u00f3rny margines, sprowadzony w d\u00f3\u0142 na zdj\u0119cie *\/\n    margin-top: -10px; \n    margin-bottom: -50px; \n    position: relative;\n    z-index: 20; \n  }\n  .header-logo img {\n    width: 150px; \n    height: auto; \n    object-fit: contain;\n    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); \n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n  }\n  .header-logo:hover img {\n    transform: scale(2.05) rotate(-3deg);\n  }\n\n  \/* Menu - Zostaje w idealnym miejscu *\/\n  .header-nav {\n    margin-top: 15px; \n  }\n  .nav-list {\n    list-style: none;\n    display: flex;\n    gap: 35px; \n    margin: 0;\n    padding: 0;\n  }\n  .nav-link {\n    font-family: 'Nunito', sans-serif !important;\n    font-weight: 900 !important;\n    font-size: 1.35rem !important; \n    text-decoration: none;\n    background: linear-gradient(45deg, var(--brand-text) 0%, var(--brand-accent-dark) 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    transition: background-position 0.5s ease, transform 0.3s;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    display: inline-block;\n  }\n  .nav-link:hover {\n    background-position: right center;\n    transform: translateY(-2px);\n  }\n\n  \/* --- PRAWA STREFA (SOCIAL MEDIA) --- *\/\n  .header-right-zone {\n    \/* ZMIANA: Skorygowane po\u0142o\u017cenie, \u017ceby by\u0142y idealnie nad zdj\u0119ciem 50% *\/\n    margin-top: 0px; \n    padding-right: 2%; \n  }\n\n  .header-socials {\n    display: flex;\n    gap: 15px;\n  }\n  .social-icon {\n    width: 45px;\n    height: 45px;\n    background-color: var(--brand-dark); \n    border: 2px solid var(--brand-text); \n    color: var(--brand-text) !important; \n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    text-decoration: none;\n    font-family: 'Nunito', sans-serif !important;\n    font-weight: 900 !important;\n    font-size: 1.05rem !important;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05); \n    transition: transform 0.3s, background-color 0.3s, color 0.3s, border-color 0.3s;\n  }\n  .social-icon:hover {\n    background-color: var(--brand-text); \n    color: #fff !important; \n    transform: translateY(-5px);\n    box-shadow: 0 8px 20px rgba(124, 77, 10, 0.2);\n  }\n\n  \/* =========================================\n     2. G\u0141\u00d3WNA SEKCJA HERO (ZDJ\u0118CIA 70% i 50%)\n     ========================================= *\/\n  .hero-layers-container {\n    position: relative;\n    width: 100%;\n    min-height: 75vh; \n    display: flex;\n    align-items: stretch;\n    padding-bottom: 130px; \n    margin-top: 0px; \n  }\n\n  \/* LEWA STRONA (68%) - ZMIANA: MOCNO OBNI\u017bONA *\/\n  .hero-left-70 {\n    width: 68%;\n    margin-left: 2%; \n    \/* ZMIANA: Obni\u017camy zdj\u0119cie w d\u00f3\u0142 w stosunku do 50% zdj\u0119cia! *\/\n    margin-top: 40px; \n    position: relative;\n    background-image: url('https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/duzylapka-ezgif.com-video-to-webp-converter.webp');\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    padding-left: 6%;\n    padding-right: 25%; \n    padding-top: 80px; \n    padding-bottom: 60px;\n    border-radius: 50px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.05);\n    z-index: 1;\n  }\n\n  .hero-left-70::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to right, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,0) 100%);\n    border-radius: 50px; \/* Zabezpieczenie promienia z przedrostkiem ::before *\/\n    z-index: -1; \n  }\n\n  .text-content {\n    position: relative;\n    z-index: 2; \n  }\n\n  .overlap-heading {\n    font-family: 'Nunito', sans-serif !important;\n    font-size: clamp(3rem, 4.5vw, 4.8rem) !important; \n    color: var(--brand-text) !important; \n    line-height: 1.05 !important; \n    margin-bottom: 20px !important; \n    font-weight: 900 !important; \n    letter-spacing: -0.02em !important; \n  }\n  .overlap-highlight { color: var(--brand-accent) !important; }\n\n  .overlap-desc {\n    font-family: 'Poppins', sans-serif !important; \n    font-size: 1.25rem !important; \n    font-weight: 500 !important;\n    line-height: 1.6 !important;\n    color: #444 !important; \n    margin-bottom: 40px !important; \n  }\n\n  .overlap-btn {\n    display: inline-block !important;\n    padding: 18px 38px !important;\n    background-color: var(--brand-accent) !important;\n    color: #fff !important;\n    text-decoration: none !important;\n    border-radius: 40px !important;\n    font-weight: 700 !important; \n    font-size: 1.15rem !important;\n    transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n    box-shadow: 0 10px 20px rgba(169, 215, 190, 0.4) !important;\n  }\n  .overlap-btn:hover { \n    transform: translateY(-4px) !important; \n    box-shadow: 0 15px 25px rgba(169, 215, 190, 0.6) !important;\n  }\n\n  \/* PRAWA STRONA (50%) - ZMIANA: PODNIESIONA W G\u00d3R\u0118 *\/\n  .hero-right-50 {\n    position: absolute;\n    right: 0;\n    \/* ZMIANA: W\u0119druje w g\u00f3r\u0119 (40% zamiast 50%), pot\u0119guj\u0105c efekt obni\u017cenia lewej cz\u0119\u015bci *\/\n    top: 40%; \n    transform: translateY(-50%);\n    width: 50%;\n    padding-right: 5%;\n    z-index: 5; \n  }\n\n  .image-wrapper {\n    position: relative;\n    width: 100%;\n    border-radius: 30px;\n  }\n\n  .image-wrapper::before {\n    content: '';\n    position: absolute;\n    top: -30px; left: -30px; right: -30px; bottom: -30px;\n    background: var(--brand-accent);\n    z-index: -1;\n    opacity: 0.7;\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n    animation: blob-morph 6s ease-in-out infinite alternate;\n  }\n\n  @keyframes blob-morph {\n    0% { border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; }\n    50% { border-radius: 50% 50% 30% 70% \/ 70% 30% 70% 30%; }\n    100% { border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%; }\n  }\n\n  .image-wrapper img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 30px; \n    box-shadow: -20px 20px 50px rgba(0,0,0,0.15); \n    position: relative;\n    z-index: 2;\n  }\n\n  \/* --- RESPONSYWNO\u015a\u0106 --- *\/\n  @media (max-width: 1100px) {\n    .header-left-zone { gap: 30px; }\n    .header-nav { display: none; } \n    .header-logo { margin-bottom: 0; margin-top: 0;}\n    .header-logo img { width: 110px; }\n    .hero-left-70 { padding-right: 15%; width: 85%; margin-left: 0; border-radius: 0 50px 50px 0; margin-top: 40px;}\n    .hero-right-50 { width: 45%; }\n  }\n\n  @media (max-width: 850px) {\n    .staggered-header { align-items: center; padding-top: 20px; }\n    .hero-layers-container { flex-direction: column; min-height: auto; padding-bottom: 0; }\n    .hero-left-70 {\n      width: 100%;\n      margin-left: 0;\n      border-radius: 0; \n      padding: 60px 5% 50px;\n      margin-top: 20px;\n    }\n    .hero-left-70::before { background: rgba(255,255,255,0.85); border-radius: 0; }\n    .text-content { text-align: center; }\n    .hero-right-50 {\n      position: relative;\n      top: auto;\n      transform: none;\n      width: 90%;\n      margin: 40px auto 50px;\n      padding: 0;\n    }\n    .image-wrapper::before { top: -15px; left: -15px; right: -15px; bottom: -15px; }\n  }\n<\/style>\n\n<div class=\"overlap-hero-wrapper\">\n  \n  <header class=\"staggered-header\">\n    \n    <div class=\"header-left-zone\">\n      <a href=\"#\" class=\"header-logo\">\n        <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lapkaweb.webp\" alt=\"Logo \u0141apka\">\n      <\/a>\n\n      <nav class=\"header-nav\">\n        <ul class=\"nav-list\">\n          <li><a href=\"#onas\" class=\"nav-link\">O Nas<\/a><\/li>\n          <li><a href=\"#oferta\" class=\"nav-link\">Oferta<\/a><\/li>\n          <li><a href=\"#kadra\" class=\"nav-link\">Nasza Kadra<\/a><\/li>\n          <li><a href=\"#pacjenci\" class=\"nav-link\">Nasi Pacjenci<\/a><\/li>\n        <\/ul>\n      <\/nav>\n    <\/div>\n\n    <div class=\"header-right-zone\">\n      <div class=\"header-socials\">\n        <a href=\"https:\/\/facebook.com\" target=\"_blank\" class=\"social-icon magnetic-nav\">Fb<\/a>\n        <a href=\"https:\/\/instagram.com\" target=\"_blank\" class=\"social-icon magnetic-nav\">Ig<\/a>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <div class=\"hero-layers-container\">\n    \n    <div class=\"hero-left-70\">\n      <div class=\"text-content\">\n        <h1 class=\"overlap-heading\">Zdrowie Twojego Pupila <br><span class=\"overlap-highlight\">W Dobrych R\u0119kach<\/span><\/h1>\n        <p class=\"overlap-desc\">7 Dni W Tygodniu. Nowoczesna medycyna, pe\u0142na empatia. Zarezerwuj dogodny termin ju\u017c teraz.<\/p>\n        <a href=\"#rezerwacja\" class=\"overlap-btn\">Um\u00f3w wizyt\u0119 online<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-right-50\">\n      <div class=\"image-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/malelapka-ezgif.com-video-to-webp-converter.webp\" alt=\"Lekarz weterynarii\">\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const tl = gsap.timeline({ defaults: { ease: \"power3.out\" } });\n\n  tl.from(\".header-logo\", { duration: 1, scale: 0.8, y: -30, opacity: 0 })\n    .from(\".nav-link\", { duration: 0.6, y: -15, opacity: 0, stagger: 0.1 }, \"-=0.6\")\n    .from(\".social-icon\", { duration: 0.6, scale: 0, opacity: 0, stagger: 0.1 }, \"-=0.4\")\n    .from(\".hero-left-70\", { duration: 1, x: -50, opacity: 0 }, \"-=0.4\")\n    .from(\".text-content\", { duration: 0.8, opacity: 0 }, \"-=0.5\")\n    .from(\".hero-right-50\", { duration: 1.2, x: 50, opacity: 0 }, \"-=0.7\");\n\n  \/\/ Efekt Magnetyczny\n  if (window.innerWidth > 1024) {\n    const magnets = document.querySelectorAll('.magnetic-nav');\n    magnets.forEach((magnet) => {\n      magnet.addEventListener('mousemove', function(e) {\n        const position = magnet.getBoundingClientRect();\n        const x = e.clientX - position.left - position.width \/ 2;\n        const y = e.clientY - position.top - position.height \/ 2;\n        gsap.to(magnet, { x: x * 0.3, y: y * 0.3, duration: 0.4, ease: \"power2.out\" });\n      });\n      magnet.addEventListener('mouseleave', function() {\n        gsap.to(magnet, { x: 0, y: 0, duration: 0.8, ease: \"elastic.out(1, 0.3)\" });\n      });\n    });\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-067584a e-flex e-con-boxed e-con e-parent\" data-id=\"067584a\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12d85d3 elementor-widget elementor-widget-html\" data-id=\"12d85d3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* 1. Kontener na ca\u0142\u0105 stron\u0119 dla \u0142apek *\/\n    .global-paw-layer {\n        position: fixed !important; \/* FIXED sprawia, \u017ce \u0142apki s\u0105 na ca\u0142ym ekranie zawsze *\/\n        top: 0 !important;\n        left: 0 !important;\n        width: 100vw !important;\n        height: 100vh !important;\n        z-index: 0 !important; \/* Na samym spodzie, pod tre\u015bci\u0105 strony *\/\n        pointer-events: none !important; \/* Klikni\u0119cia przelatuj\u0105 na stron\u0119! Wa\u017cne! *\/\n        overflow: hidden !important;\n    }\n\n    \/* Upewniamy si\u0119, \u017ce ca\u0142a tre\u015b\u0107 strony (np. Elementor) jest NAD \u0142apkami *\/\n    body > .elementor, \n    body > #page, \n    body > .site {\n        position: relative;\n        z-index: 10;\n        background-color: transparent; \/* Pozwala prze\u015bwitywa\u0107 \u0142apkom zza bia\u0142ych blok\u00f3w (opcjonalne) *\/\n    }\n\n    \/* 2. Wygl\u0105d pojedynczej \u0142apki *\/\n    .paw-wrapper {\n        position: absolute;\n        width: 150px; \/* Nieco wi\u0119ksze \u0142apki na pe\u0142nym ekranie *\/\n        height: 150px;\n        opacity: 0.15; \/* Bardzo delikatne krycie (15%) - eleganckie *\/\n        pointer-events: none;\n        will-change: transform;\n    }\n\n    .paw-icon {\n        width: 100%;\n        height: 100%;\n        fill: #A9D7BE; \/* Mi\u0119towy z logo *\/\n        \/* Subtelny zielony cie\u0144 *\/\n        filter: drop-shadow(0 0 2px rgba(169, 215, 190, 0.4));\n        transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), filter 0.3s ease;\n    }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \n    \/\/ 1. Sprawdzamy, czy warstwa ju\u017c istnieje, je\u015bli tak, nie dodajemy nowej\n    if (document.querySelector('.global-paw-layer')) return;\n\n    \/\/ 2. Tworzymy warstw\u0119 przyklejon\u0105 do <body>\n    const bgLayer = document.createElement('div');\n    bgLayer.classList.add('global-paw-layer');\n    document.body.insertBefore(bgLayer, document.body.firstChild);\n\n    \/\/ USTAWIENIA\n    const pawCount = 20; \/\/ Wi\u0119cej \u0142apek dla ca\u0142ego ekranu\n    const pawSVG = `\n        <svg viewBox=\"0 0 512 512\" class=\"paw-icon\">\n            <path d=\"M226.5 92.9c14.3 42.9-.3 86.2-32.6 96.8s-70.1-15.6-84.4-58.5s.3-86.2 32.6-96.8s70.1 19.5 84.4 58.5zM100.4 198.6c18.9 32.4 14.3 70.1-10.2 84.1s-59.7-.9-78.5-33.3S-2.7 179.3 21.8 165.3s59.7 1 78.6 33.3zM69.2 401.2C121.6 259.9 214.7 224 256 224s134.4 35.9 186.8 177.2c3.6 9.7 5.2 20.1 5.2 30.5v1.6c0 25.8-20.9 46.7-46.7 46.7c-11.5 0-22.9-1.4-34-4.2l-88-22c-15.3-3.8-31.3-3.8-46.6 0l-88 22c-11.1 2.8-22.5 4.2-34 4.2C84.9 480 64 459.1 64 433.3v-1.6c0-10.4 1.6-20.8 5.2-30.5zM421.8 282.7c-24.5-14-29.1-51.7-10.2-84.1s54-47.3 78.6-33.3s29.1 51.7 10.2 84.1s-54 47.3-78.6 33.3zM310.1 189.7c-32.3-10.6-46.9-53.9-32.6-96.8s52.1-69.1 84.4-58.5s46.9 53.9 32.6 96.8s-52.1 69.1-84.4 58.5z\"\/>\n        <\/svg>\n    `;\n\n    const paws = [];\n\n    for (let i = 0; i < pawCount; i++) {\n        const wrapper = document.createElement('div');\n        wrapper.classList.add('paw-wrapper');\n        wrapper.innerHTML = pawSVG;\n        \n        \/\/ Startowe pozycje losowo po ca\u0142ym ekranie (u\u017cywamy vh\/vw zamiast %)\n        wrapper.style.left = Math.random() * 100 + 'vw';\n        wrapper.style.top = Math.random() * 100 + 'vh';\n        \n        const duration = 20000 + Math.random() * 25000; \/\/ Wolniejsza, spokojniejsza animacja\n        const delay = Math.random() * -20000; \n\n        \/\/ R\u00f3\u017cne kierunki i obroty dla naturalnego efektu\n        const randomX = (Math.random() - 0.5) * 100; \/\/ -50vw do 50vw\n        const randomY = (Math.random() - 0.5) * 100; \/\/ -50vh do 50vh\n        const randomRotation = (Math.random() - 0.5) * 180; \/\/ Lekki obr\u00f3t podczas lotu\n\n        wrapper.animate([\n            { transform: `translate(0px, 0px) rotate(0deg)` },\n            { transform: `translate(${randomX}vw, ${randomY}vh) rotate(${randomRotation}deg)` }\n        ], {\n            duration: duration,\n            iterations: Infinity,\n            direction: 'alternate', \/\/ \u0141apki lataj\u0105 tam i z powrotem\n            delay: delay,\n            easing: 'ease-in-out'\n        });\n\n        bgLayer.appendChild(wrapper);\n        paws.push(wrapper);\n    }\n\n    \/\/ 3. Reakcja na ruch myszk\u0105 na ca\u0142ej stronie (document.body)\n    document.body.addEventListener('mousemove', (e) => {\n        \/\/ Poniewa\u017c u\u017cyli\u015bmy position: fixed, clientX\/Y dok\u0142adnie pokrywa si\u0119 z warstw\u0105 bgLayer\n        const mouseX = e.clientX;\n        const mouseY = e.clientY;\n\n        paws.forEach(paw => {\n            const pawRect = paw.getBoundingClientRect();\n            const pawX = pawRect.left + pawRect.width \/ 2;\n            const pawY = pawRect.top + pawRect.height \/ 2;\n            \n            const distX = mouseX - pawX;\n            const distY = mouseY - pawY;\n            const distance = Math.sqrt(distX * distX + distY * distY);\n            const range = 150; \/\/ Zwi\u0119kszony zasi\u0119g \u0142apania myszki\n\n            const svgIcon = paw.querySelector('.paw-icon');\n            if (distance < range) {\n                const scale = 1 + (1 - distance \/ range) * 0.4; \/\/ L\u017cejsze powi\u0119kszenie (max 1.4x)\n                svgIcon.style.transform = `scale(${scale})`;\n                \/\/ Zmiana koloru cienia na firmowy br\u0105z po najechaniu\n                svgIcon.style.filter = `drop-shadow(0 5px 15px rgba(124, 77, 10, 0.4))`;\n            } else {\n                svgIcon.style.transform = `scale(1)`;\n                svgIcon.style.filter = `drop-shadow(0 0 2px rgba(169, 215, 190, 0.4))`;\n            }\n        });\n    });\n\n    \/\/ Reset przy wyj\u015bciu kursora ze strony\n    document.body.addEventListener('mouseleave', () => {\n         paws.forEach(paw => {\n            const svgIcon = paw.querySelector('.paw-icon');\n            svgIcon.style.transform = `scale(1)`;\n            svgIcon.style.filter = `drop-shadow(0 0 2px rgba(169, 215, 190, 0.4))`;\n        });\n    });\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c40d60 e-flex e-con-boxed e-con e-parent\" data-id=\"6c40d60\" data-element_type=\"container\" id=\"onas\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fde8fcf elementor-widget elementor-widget-html\" data-id=\"fde8fcf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- KONFIGURACJA KOLOR\u00d3W I FONT\u00d3W --- *\/\n  :root {\n    --brand-color: #7C4D0A; \/* Br\u0105z *\/\n    --brand-accent: #A9D7BE; \/* Mi\u0119ta *\/\n    --brand-light: #F9F6F0; \/* T\u0142o sekcji (opcjonalne, bardzo jasny be\u017c\/szary) *\/\n    --text-color: #555555;\n  }\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@700;800;900&family=Poppins:wght@400;500;600;700&display=swap');\n\n  \/* --- G\u0141\u00d3WNY KONTENER SEKCJI \"O NAS\" --- *\/\n  .about-section {\n    padding: 100px 20px;\n   \n    font-family: 'Poppins', sans-serif !important;\n    box-sizing: border-box;\n  }\n  .about-section * { box-sizing: border-box; }\n\n  .about-wrapper {\n    max-width: 1300px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 70px;\n  }\n\n  \/* --- LEWA STRONA (ZDJ\u0118CIE Z PLAKIETK\u0104) --- *\/\n  .about-image-col {\n    width: 45%;\n    position: relative;\n    \/* Przygotowanie pod animacj\u0119 GSAP *\/\n    opacity: 0;\n    transform: translateX(-50px);\n  }\n\n  .about-img-wrapper {\n    position: relative;\n    border-radius: 40px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n  }\n\n  .about-img-wrapper img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n    aspect-ratio: 4\/5; \/* Nowoczesne, portretowe proporcje *\/\n  }\n\n  \/* Lewituj\u0105ca plakietka *\/\n  .about-floating-badge {\n    position: absolute;\n    bottom: 30px;\n    right: -25px; \/* Wystaje poza zdj\u0119cie! *\/\n    background: #ffffff;\n    padding: 20px 25px;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(124, 77, 10, 0.15);\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    z-index: 2;\n    border-left: 5px solid var(--brand-accent);\n  }\n\n  .badge-icon {\n    font-size: 2.5rem;\n  }\n\n  .badge-text {\n    font-family: 'Nunito', sans-serif !important;\n    font-weight: 800 !important;\n    font-size: 1.1rem !important;\n    color: var(--brand-color) !important;\n    line-height: 1.2 !important;\n    margin: 0 !important;\n  }\n\n  \/* --- PRAWA STRONA (TEKST) --- *\/\n  .about-text-col {\n    width: 55%;\n    \/* Przygotowanie pod animacj\u0119 GSAP *\/\n    opacity: 0;\n    transform: translateX(50px);\n  }\n\n  .about-subtitle {\n    display: inline-block;\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 0.95rem !important;\n    font-weight: 700 !important;\n    color: var(--brand-accent) !important;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 10px !important;\n    background: #ffffff;\n    padding: 6px 16px;\n    border-radius: 30px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.03);\n  }\n\n  .about-title {\n    font-family: 'Nunito', sans-serif !important;\n    font-size: clamp(2.2rem, 4vw, 3.2rem) !important;\n    font-weight: 900 !important;\n    color: var(--brand-color) !important;\n    line-height: 1.1 !important;\n    margin: 0 0 25px 0 !important;\n    letter-spacing: -0.02em !important;\n  }\n\n  .about-highlight {\n    color: var(--brand-accent) !important;\n  }\n\n  .about-desc {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 1.1rem !important;\n    line-height: 1.7 !important;\n    color: var(--text-color) !important;\n    margin-bottom: 20px !important;\n  }\n\n  \/* Lista atut\u00f3w rozbijaj\u0105ca tekst *\/\n  .about-features-list {\n    margin-top: 30px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n  }\n\n  .about-feature-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 600 !important;\n    color: var(--brand-color) !important;\n    font-size: 1.05rem !important;\n  }\n\n  .feature-check {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    background-color: var(--brand-accent);\n    color: #ffffff;\n    border-radius: 50%;\n    font-size: 0.8rem;\n    font-weight: bold;\n  }\n\n  \/* --- RESPONSYWNO\u015a\u0106 --- *\/\n  @media (max-width: 1024px) {\n    .about-wrapper { gap: 40px; }\n    .about-floating-badge { right: 10px; bottom: 20px; }\n  }\n\n  @media (max-width: 850px) {\n    .about-section { padding: 60px 20px; }\n    .about-wrapper { flex-direction: column; text-align: center; }\n    .about-image-col, .about-text-col { width: 100%; }\n    \n    .about-floating-badge {\n      right: 50%;\n      transform: translateX(50%);\n      bottom: -30px; \/* Na telefonie plakietka wisi pod zdj\u0119ciem *\/\n    }\n    \n    .about-text-col { margin-top: 40px; }\n    .about-features-list { grid-template-columns: 1fr; text-align: left; max-width: 300px; margin-left: auto; margin-right: auto; }\n  }\n<\/style>\n\n<section class=\"about-section\" id=\"sekcja-o-nas\">\n  <div class=\"about-wrapper\">\n    \n    <div class=\"about-image-col\">\n      <div class=\"about-img-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/04\/lapka1.webp\" alt=\"Gabinet Weterynaryjny \u0141apka\">\n      <\/div>\n      \n      <div class=\"about-floating-badge\">\n        <span class=\"badge-icon\">\ud83d\udc3e<\/span>\n        <p class=\"badge-text\">Z Mi\u0142o\u015bci<br>Do Zwierz\u0105t<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"about-text-col\">\n      <span class=\"about-subtitle\">Kilka S\u0142\u00f3w O Nas<\/span>\n      <h2 class=\"about-title\">Gabinet Weterynaryjny <br><span class=\"about-highlight\">\u201e\u0141apka\u201d<\/span><\/h2>\n      \n      <p class=\"about-desc\">\n        Powsta\u0142 z mi\u0142o\u015bci do zwierz\u0105t i pasji do medycyny. Wierzymy, \u017ce ka\u017cdy pacjent \u2013 czy to ma\u0142y chomik, czy du\u017cy dog niemiecki \u2013 zas\u0142uguje na indywidualne podej\u015bcie i najwy\u017cszy standard opieki. Nasz\u0105 misj\u0105 jest nie tylko leczenie, ale przede wszystkim zapewnienie zwierz\u0119tom komfortu i bezpiecze\u0144stwa, a ich w\u0142a\u015bcicielom \u2013 spokoju i rzetelnej wiedzy.\n      <\/p>\n      <p class=\"about-desc\">\n        Stworzyli\u015bmy miejsce, w kt\u00f3rym nowoczesna diagnostyka spotyka si\u0119 z domow\u0105 atmosfer\u0105. Dzi\u0119ki ci\u0105g\u0142emu podnoszeniu kwalifikacji naszego zespo\u0142u jeste\u015bmy w stanie pom\u00f3c nawet w skomplikowanych przypadkach, dbaj\u0105c o to, by ka\u017cda wizyta przebiega\u0142a bez stresu.\n      <\/p>\n\n      <div class=\"about-features-list\">\n        <div class=\"about-feature-item\">\n          <span class=\"feature-check\">\u2713<\/span> Nowoczesna Diagnostyka\n        <\/div>\n        <div class=\"about-feature-item\">\n          <span class=\"feature-check\">\u2713<\/span> Indywidualne Podej\u015bcie\n        <\/div>\n        <div class=\"about-feature-item\">\n          <span class=\"feature-check\">\u2713<\/span> Domowa Atmosfera\n        <\/div>\n        <div class=\"about-feature-item\">\n          <span class=\"feature-check\">\u2713<\/span> Najwy\u017cszy Standard\n        <\/div>\n      <\/div>\n      \n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    \n    \/\/ Ustawiamy Intersection Observer (obserwator przewijania)\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        \/\/ Gdy sekcja \"O nas\" pojawi si\u0119 na ekranie...\n        if (entry.isIntersecting) {\n          \n          \/\/ Uruchom animacj\u0119 GSAP\n          const tl = gsap.timeline({ defaults: { ease: \"power3.out\" } });\n          \n          tl.to(\".about-image-col\", { opacity: 1, x: 0, duration: 1 })\n            .to(\".about-text-col\", { opacity: 1, x: 0, duration: 1 }, \"-=0.6\")\n            .from(\".about-floating-badge\", { opacity: 0, y: 30, duration: 0.8, ease: \"back.out(1.7)\" }, \"-=0.5\")\n            .from(\".about-feature-item\", { opacity: 0, y: 15, duration: 0.5, stagger: 0.1 }, \"-=0.4\");\n            \n          \/\/ Przesta\u0144 obserwowa\u0107 po wykonaniu animacji (\u017ceby nie animowa\u0142o si\u0119 w k\u00f3\u0142ko)\n          observer.unobserve(entry.target);\n        }\n      });\n    }, {\n      threshold: 0.2 \/\/ Animacja uruchomi si\u0119, gdy 20% sekcji b\u0119dzie widoczne na ekranie\n    });\n\n    \/\/ Wska\u017c element do obserwowania\n    const aboutSection = document.getElementById('sekcja-o-nas');\n    if (aboutSection) {\n      observer.observe(aboutSection);\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30d0ab0 e-flex e-con-boxed e-con e-parent\" data-id=\"30d0ab0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;nature&quot;,&quot;shape_divider_bottom&quot;:&quot;nature&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 4080 400\" preserveAspectRatio=\"none\">\r\n<polygon class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.8\" enable-background=\"new    \" points=\"0,102.1 94.6,102.1 26.3,245.4 0,187.5 \"\/>\r\n<polygon class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.5\" enable-background=\"new    \" points=\"1398.3,169.1 1635.8,182.7 1570.6,379.9 1515.4,195.9\r\n\t1499.9,234.6 1482.3,217.3 1459.7,278.5 1434.2,233.1 1409.1,245.9 1388,190.7 \"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M1579.3,156.6c0,65.7,53.2,118.9,118.9,118.9\r\n\tc49.7,0,92.2-30.5,110-73.8c15.5,17.5,38.3,28.6,63.6,28.6c46.9,0,85-38,85-85L1579.3,156.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2073,147.1c16,38.5,53.9,65.6,98.2,65.6c24,0,46.2-8,64-21.5\r\n\tc4.4,42.9,40.6,76.3,84.6,76.3c44.3,0,80.7-33.8,84.7-77.1C2299,191.1,2184,180.2,2073,147.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2285.7,75.1l-114.5-75c-58.7,0-106.3,47.6-106.3,106.3\r\n\tc0,0.3,0,0.6,0,0.9L2285.7,75.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.3\" enable-background=\"new    \" d=\"M4080,68.6V0L2818.6,9l-827.5,109\r\n\tc122.5,50.8,254.3,69.7,375.9,72.1l46.8,127.3l36.9-114.6l14.3,52.5l17.6-10.9l18.5,42l14.3-62.1l14.3,20.2l8.4-41.6l42,173.4\r\n\tl46.6-203.5c115.6-17,191.9-40.3,191.9-40.3s235.8-66.8,476.8-84.1c169-12.1,367.7,31.9,367.7,31.9S3890.5,191.4,4080,68.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M4080.1,216.8V68.7c0,0,0,0-0.1,0c-61.7,40-127.4,55.1-188,57.4\r\n\tl43.7,66.4l36.1-60.5l36.9,55l32.7-7.1l30.2,36.9H4080.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.8\" enable-background=\"new    \" d=\"M3496.3,54.2c12.1,39.7,47,70.3,90.9,74.8\r\n\tc23.9,2.4,46.8-3.3,65.9-14.9c0,43.1,32.6,80,76.4,84.5c44.1,4.5,83.7-25.5,92.1-68.1c-104.6-10-217.4-32.3-324.1-76.2\r\n\tC3497.1,54.3,3496.6,54.3,3496.3,54.2z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.7\" enable-background=\"new    \" d=\"M2867.3,119.7l22.9,33.1l27.1-8.7l28.1,29.6l22.1-43.1l20.6,14.5\r\n\tl34.5-59.5C2958,98,2903.6,110.7,2867.3,119.7z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" d=\"M4080,0H0v132.6c0,0,117.6-52.2,398-71.7l16.4,34.2l28.1-4.4l23.2,33.6l28.5-39.2l18.1,17.6l39-48.3\r\n\tc20.9-0.4,42.5-0.6,64.7-0.6c8.5,0,16.9,0.1,25.4,0.2v63.1c-26.2,1.8-47.1,29.8-47.1,64.1c0,35.5,22.4,64.3,50,64.3s50-28.8,50-64.3\r\n\tc0-34.2-20.8-62.2-47.1-64.1v-63c30,0.6,59.9,2,89.3,4v25c-11.9,1.9-21.2,15.1-21.2,31c0,17.2,10.9,31.2,24.3,31.2\r\n\tc13.4,0,24.3-13.9,24.3-31.2c0-15.9-9.2-29.1-21.2-31V58.5c305.5,22.2,564.6,114.9,564.6,114.9c317,85.5,690.4-28.9,1012.6-89.4\r\n\tc227.1-42.7,498.7-61.8,498.7-61.8s302.5-21.1,522.8,0C3561.7,43.2,3839.8,272.8,4080,0z\"\/>\r\n<\/svg>\r\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 4080 400\" preserveAspectRatio=\"none\">\r\n<polygon class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.8\" enable-background=\"new    \" points=\"0,102.1 94.6,102.1 26.3,245.4 0,187.5 \"\/>\r\n<polygon class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.5\" enable-background=\"new    \" points=\"1398.3,169.1 1635.8,182.7 1570.6,379.9 1515.4,195.9\r\n\t1499.9,234.6 1482.3,217.3 1459.7,278.5 1434.2,233.1 1409.1,245.9 1388,190.7 \"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M1579.3,156.6c0,65.7,53.2,118.9,118.9,118.9\r\n\tc49.7,0,92.2-30.5,110-73.8c15.5,17.5,38.3,28.6,63.6,28.6c46.9,0,85-38,85-85L1579.3,156.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2073,147.1c16,38.5,53.9,65.6,98.2,65.6c24,0,46.2-8,64-21.5\r\n\tc4.4,42.9,40.6,76.3,84.6,76.3c44.3,0,80.7-33.8,84.7-77.1C2299,191.1,2184,180.2,2073,147.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2285.7,75.1l-114.5-75c-58.7,0-106.3,47.6-106.3,106.3\r\n\tc0,0.3,0,0.6,0,0.9L2285.7,75.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.3\" enable-background=\"new    \" d=\"M4080,68.6V0L2818.6,9l-827.5,109\r\n\tc122.5,50.8,254.3,69.7,375.9,72.1l46.8,127.3l36.9-114.6l14.3,52.5l17.6-10.9l18.5,42l14.3-62.1l14.3,20.2l8.4-41.6l42,173.4\r\n\tl46.6-203.5c115.6-17,191.9-40.3,191.9-40.3s235.8-66.8,476.8-84.1c169-12.1,367.7,31.9,367.7,31.9S3890.5,191.4,4080,68.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M4080.1,216.8V68.7c0,0,0,0-0.1,0c-61.7,40-127.4,55.1-188,57.4\r\n\tl43.7,66.4l36.1-60.5l36.9,55l32.7-7.1l30.2,36.9H4080.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.8\" enable-background=\"new    \" d=\"M3496.3,54.2c12.1,39.7,47,70.3,90.9,74.8\r\n\tc23.9,2.4,46.8-3.3,65.9-14.9c0,43.1,32.6,80,76.4,84.5c44.1,4.5,83.7-25.5,92.1-68.1c-104.6-10-217.4-32.3-324.1-76.2\r\n\tC3497.1,54.3,3496.6,54.3,3496.3,54.2z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.7\" enable-background=\"new    \" d=\"M2867.3,119.7l22.9,33.1l27.1-8.7l28.1,29.6l22.1-43.1l20.6,14.5\r\n\tl34.5-59.5C2958,98,2903.6,110.7,2867.3,119.7z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" d=\"M4080,0H0v132.6c0,0,117.6-52.2,398-71.7l16.4,34.2l28.1-4.4l23.2,33.6l28.5-39.2l18.1,17.6l39-48.3\r\n\tc20.9-0.4,42.5-0.6,64.7-0.6c8.5,0,16.9,0.1,25.4,0.2v63.1c-26.2,1.8-47.1,29.8-47.1,64.1c0,35.5,22.4,64.3,50,64.3s50-28.8,50-64.3\r\n\tc0-34.2-20.8-62.2-47.1-64.1v-63c30,0.6,59.9,2,89.3,4v25c-11.9,1.9-21.2,15.1-21.2,31c0,17.2,10.9,31.2,24.3,31.2\r\n\tc13.4,0,24.3-13.9,24.3-31.2c0-15.9-9.2-29.1-21.2-31V58.5c305.5,22.2,564.6,114.9,564.6,114.9c317,85.5,690.4-28.9,1012.6-89.4\r\n\tc227.1-42.7,498.7-61.8,498.7-61.8s302.5-21.1,522.8,0C3561.7,43.2,3839.8,272.8,4080,0z\"\/>\r\n<\/svg>\r\n\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c4a73e e-con-full e-flex e-con e-child\" data-id=\"3c4a73e\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ea9fc0 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"3ea9fc0\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- 1. ZMIENNE I PODSTAWY --- *\/\n  :root {\n    --vet-brand: #7C4D0A; \n    --vet-bg: #A9D7BE;\n    --vet-white: #ffffff;\n    --vet-urgent: #E65100;\n    --vet-booked-text: #BDBDBD;\n  }\n\n  \/* Import font\u00f3w - Nunito (Nag\u0142\u00f3wki) i Poppins (Reszta) *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@800;900&family=Poppins:wght@400;500;600;700&display=swap');\n\n  \/* Wymuszenie fontu g\u0142\u00f3wnego na ca\u0142ym narz\u0119dziu *\/\n  #vet-booking-tool, .vet-modal-content {\n      font-family: 'Poppins', sans-serif !important;\n      box-sizing: border-box;\n  }\n  \n  #vet-booking-tool * {\n      box-sizing: border-box;\n  }\n\n  \/* --- 2. STYLIZACJA KALENDARZA --- *\/\n  .booking-wrapper {\n    background-color: var(--vet-bg);\n    border-radius: 20px;\n    padding: 30px;\n    width: 100%;\n    max-width: 600px;\n    margin: 0 auto;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* ZMIANA: T\u0142usty, niezale\u017cny od motywu nag\u0142\u00f3wek *\/\n  .booking-header h2 {\n    font-family: 'Nunito', sans-serif !important;\n    color: var(--vet-brand) !important;\n    font-weight: 900 !important; \/* Maksymalna grubo\u015b\u0107 *\/\n    font-size: clamp(1.6rem, 4vw, 2.2rem) !important; \/* Zgrabny, nienachalny rozmiar *\/\n    margin: 0 0 8px 0 !important;\n    line-height: 1.1 !important;\n    letter-spacing: -0.02em !important;\n  }\n  \n  .booking-header p {\n    font-family: 'Poppins', sans-serif !important;\n    margin: 0 0 25px 0 !important;\n    font-size: 1rem !important;\n    color: #444 !important;\n    font-weight: 500 !important;\n  }\n\n  @media (max-width: 480px) {\n      .booking-wrapper {\n          padding: 20px;\n      }\n      .booking-header h2 {\n          font-size: 1.5rem !important;\n      }\n  }\n\n  \/* Filtry *\/\n  .filters-row {\n    display: flex; \n    flex-direction: column; \n    gap: 15px; \n    margin-bottom: 25px;\n  }\n  @media (min-width: 500px) { .filters-row { flex-direction: row; } }\n\n  .booking-select {\n    width: 100%; padding: 12px;\n    border: 2px solid var(--vet-brand);\n    border-radius: 10px;\n    background: var(--vet-white);\n    color: var(--vet-brand);\n    font-weight: 600; cursor: pointer;\n    font-family: 'Poppins', sans-serif !important;\n    appearance: none;\n    -webkit-appearance: none;\n    background-image: url(\"data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%237C4D0A%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 12px top 50%;\n    background-size: 12px auto;\n  }\n\n  \/* Pasek dni *\/\n  .date-strip-container {\n    overflow-x: auto; \n    padding-bottom: 10px; \n    margin-bottom: 20px;\n    scrollbar-width: none;\n    -webkit-overflow-scrolling: touch; \n  }\n  .date-strip-container::-webkit-scrollbar { display: none; }\n  \n  .date-strip { display: flex; gap: 10px; }\n\n  .date-card {\n    background: var(--vet-white);\n    border-radius: 12px; padding: 10px 14px;\n    text-align: center; cursor: pointer;\n    transition: 0.3s; \n    min-width: 65px;\n    border: 2px solid transparent;\n    flex-shrink: 0;\n  }\n  .date-card.active {\n    background-color: var(--vet-brand);\n    box-shadow: 0 4px 12px rgba(93, 64, 55, 0.3);\n  }\n  .date-card span { display: block; }\n  .day-name { font-size: 0.75em; color: #888; margin-bottom: 4px; font-weight: 600; text-transform: capitalize;}\n  .day-num { font-size: 1.2em; font-weight: 700; color: var(--vet-brand); }\n   \n  .date-card.active .day-name, .date-card.active .day-num { color: white; }\n\n  \/* Godziny *\/\n  .session-header {\n    font-size: 0.9em; font-weight: 700; color: var(--vet-brand);\n    margin: 20px 0 15px 0; display: flex; align-items: center; gap: 10px;\n  }\n  .session-header::after { content: ''; flex: 1; height: 1px; background: rgba(93, 64, 55, 0.2); }\n\n  .slots-grid { \n      display: grid; \n      grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); \n      gap: 10px; \n  }\n\n  .time-slot {\n    background: var(--vet-white);\n    border: 2px solid var(--vet-brand);\n    color: var(--vet-brand);\n    padding: 12px 5px; border-radius: 8px;\n    font-weight: 600; cursor: pointer; width: 100%;\n    transition: 0.2s; \n    font-family: 'Poppins', sans-serif !important;\n    font-size: 0.9rem;\n  }\n  .time-slot:hover:not(:disabled) { background: #EFEBE9; transform: translateY(-2px); }\n  .time-slot.selected { background: var(--vet-brand); color: white; }\n   \n  .time-slot:disabled, .time-slot.booked {\n    background: #EEEEEE; border-color: #E0E0E0; color: var(--vet-booked-text);\n    text-decoration: line-through; cursor: not-allowed; pointer-events: none;\n  }\n   \n  .time-slot.urgent { border-color: var(--vet-urgent); color: var(--vet-urgent); position: relative;}\n  .time-slot.urgent::after { content: '\u2022'; position: absolute; top: 2px; right: 5px; font-size: 1.2em; line-height: 10px;}\n\n  \/* Przycisk rezerwacji *\/\n  #book-btn {\n    margin-top: 25px; background: #5D4037; color: white;\n    display: none; width: 100%; border: none;\n    padding: 15px; border-radius: 10px;\n    font-size: 1em; font-weight: 700; cursor: pointer;\n    text-transform: uppercase; \n    font-family: 'Poppins', sans-serif !important;\n    line-height: 1.4;\n  }\n  #book-btn:hover { filter: brightness(1.1); }\n\n  \/* Toast notification *\/\n  .toast-notification {\n    position: absolute; bottom: 20px; left: 50%;\n    transform: translateX(-50%) translateY(150px);\n    background: #333; color: white;\n    padding: 12px 20px; border-radius: 50px;\n    font-size: 0.8em; font-weight: 600;\n    white-space: nowrap; opacity: 0; transition: 0.5s; z-index: 10;\n    display: flex; gap: 10px;\n    width: max-content;\n    max-width: 90%;\n  }\n  .toast-notification.show { transform: translateX(-50%) translateY(0); opacity: 1; }\n\n  \/* --- 3. STYLIZACJA POPUPA (MODAL) --- *\/\n  .vet-modal-overlay {\n    display: none; \n    position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n    background-color: rgba(0, 0, 0, 0.75);\n    z-index: 9999999;\n    justify-content: center; align-items: center;\n    padding: 20px; box-sizing: border-box;\n    backdrop-filter: blur(4px);\n  }\n   \n  .vet-modal-overlay.is-visible { display: flex !important; }\n\n  .vet-modal-content {\n    background-color: #fff;\n    padding: 30px;\n    border-radius: 16px;\n    width: 100%; max-width: 500px;\n    position: relative;\n    max-height: 90vh; overflow-y: auto;\n    border-top: 6px solid var(--vet-brand);\n    box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n  }\n\n  .vet-modal-close {\n    position: absolute; top: 15px; right: 20px;\n    font-size: 28px; cursor: pointer; color: #aaa;\n    line-height: 1; font-weight: bold;\n  }\n  .vet-modal-close:hover { color: var(--vet-brand); }\n   \n  .vet-modal-title {\n      font-family: 'Nunito', sans-serif !important;\n      color: var(--vet-brand); margin-top: 0; font-weight: 800;\n      font-size: 1.5rem !important;\n  }\n  .vet-modal-info {\n      font-size: 0.9em; color: #666; margin-bottom: 20px;\n  }\n<\/style>\n\n<div id=\"vet-booking-tool\">\n  <div class=\"booking-wrapper\">\n    \n    <div class=\"booking-header\">\n      <h2>Um\u00f3w wizyt\u0119 dla Pupila<\/h2>\n      <p>Wybierz cel wizyty i znajd\u017a dogodny termin.<\/p>\n    <\/div>\n\n    <div class=\"filters-row\">\n      <select class=\"booking-select\">\n        <option>\ud83e\ude7a Wizyta kontrolna<\/option>\n        <option>\ud83d\udc89 Szczepienie \/ Odrobaczenie<\/option>\n        <option>\ud83e\uddb7 Stomatologia<\/option>\n        <option>\ud83e\ude7b Diagnostyka (USG\/RTG)<\/option>\n      <\/select>\n      \n      <select class=\"booking-select\">\n        <option>\ud83d\udc64 Dowolny lekarz<\/option>\n        <option>lek. wet. Anna Nowak<\/option>\n        <option>lek. wet. Jan Kowalski<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"date-strip-container\">\n      <div class=\"date-strip\" id=\"dynamic-date-strip\">\n        <\/div>\n    <\/div>\n\n    <div class=\"session-block\">\n      <div class=\"session-header\">\u2600\ufe0f Przed po\u0142udniem<\/div>\n      <div class=\"slots-grid\">\n        <button class=\"time-slot\" onclick=\"selectTime(this)\">08:30<\/button>\n        <button class=\"time-slot\" disabled>09:00<\/button> \n        <button class=\"time-slot\" onclick=\"selectTime(this)\">09:30<\/button>\n        <button class=\"time-slot urgent\" onclick=\"selectTime(this)\">10:00<\/button>\n        <button class=\"time-slot\" onclick=\"selectTime(this)\">11:15<\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"session-block\">\n      <div class=\"session-header\">\ud83c\udf19 Po po\u0142udniu<\/div>\n      <div class=\"slots-grid\">\n        <button class=\"time-slot\" onclick=\"selectTime(this)\">14:00<\/button>\n        <button class=\"time-slot\" onclick=\"selectTime(this)\">15:30<\/button>\n        <button class=\"time-slot urgent\" id=\"magic-slot\" onclick=\"selectTime(this)\">17:30<\/button> \n        <button class=\"time-slot\" onclick=\"selectTime(this)\">17:45<\/button>\n      <\/div>\n    <\/div>\n\n    <button id=\"book-btn\">\u2705 Potwierd\u017a rezerwacj\u0119<\/button>\n\n    <div class=\"toast-notification\" id=\"live-toast\">\n      <span>\ud83d\udd14<\/span> Kto\u015b w\u0142a\u015bnie zarezerwowa\u0142 17:30!\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<div id=\"bookingModal\" class=\"vet-modal-overlay\">\n  <div class=\"vet-modal-content\">\n    <span class=\"vet-modal-close\" id=\"close-modal-btn\">&times;<\/span>\n    \n    <h3 class=\"vet-modal-title\">Doko\u0144cz rezerwacj\u0119<\/h3>\n    <p class=\"vet-modal-info\">Termin: <strong id=\"selected-term-display\">--:--<\/strong><br>Podaj dane kontaktowe, aby\u015bmy mogli potwierdzi\u0107 wizyt\u0119.<\/p>\n    \n    <div class=\"fluent-form-container\">\n        <div class='fluentform ff-default fluentform_wrapper_5 ffs_default_wrap'><form data-form_id=\"5\" id=\"fluentform_5\" class=\"frm-fluent-form fluent_form_5 ff-el-form-top ff_form_instance_5_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_5_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">podaj \u0142apk\u0119<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='1548' \/><input type=\"hidden\" id=\"_fluentform_5_fluentformnonce\" name=\"_fluentform_5_fluentformnonce\" value=\"0c8d1e2f14\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F1548\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_5_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Imi\u0119 w\u0142a\u015bciciela pupila\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_5_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Nazwisko w\u0142a\u015bciciela pupila\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"Imi\u0119 pupila\" data-name=\"input_text\" id=\"ff_5_input_text\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Gatunek pupila\">Gatunek pupila<\/label><\/div><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_152efe0a532e2b63f1173c0bb3517031'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Koty\"  id='input_radio_152efe0a532e2b63f1173c0bb3517031' aria-label='Koty' aria-invalid='false' aria-required=false> <span>Koty<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_dca33f7131cbd2df7ceee3613ff5be58'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Psy\"  id='input_radio_dca33f7131cbd2df7ceee3613ff5be58' aria-label='Psy' aria-invalid='false' aria-required=false> <span>Psy<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_6588ba878892031ee158fe736cf26428'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Gryzonie \"  id='input_radio_6588ba878892031ee158fe736cf26428' aria-label='Gryzonie' aria-invalid='false' aria-required=false> <span>Gryzonie <\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_63006c0d86878bbc3d569929d48c8b43'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Gady\"  id='input_radio_63006c0d86878bbc3d569929d48c8b43' aria-label='Gady' aria-invalid='false' aria-required=false> <span>Gady<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_aa5f27ad5e32310924ff53d75aa1ef98'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Ptaki\"  id='input_radio_aa5f27ad5e32310924ff53d75aa1ef98' aria-label='Ptaki' aria-invalid='false' aria-required=false> <span>Ptaki<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_78ba6664759b869f621b256a4d4d6ef6'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Inne\"  id='input_radio_78ba6664759b869f621b256a4d4d6ef6' aria-label='Inne' aria-invalid='false' aria-required=false> <span>Inne<\/span><\/label><\/div><\/div><\/div><div class='ff-el-group'><div class='ff-el-input--content'><input type=\"text\" name=\"input_text_1\" class=\"ff-el-form-control\" placeholder=\"Wymie\u0144 gatunek\" data-name=\"input_text_1\" id=\"ff_5_input_text_1\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class='ff-el-input--content'><input name=\"phone\" class=\"ff-el-form-control ff-el-phone\" type=\"tel\" placeholder=\"Numer telefonu\" data-name=\"phone\" id=\"ff_5_phone\" inputmode=\"tel\"  aria-invalid='false' aria-required=true><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper ff_submit_btn_wrapper_custom'><button class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\" type=\"submit\" name=\"custom_submit_button-5_1\" data-name=\"custom_submit_button-5_1\"  aria-label=\"Uzupe\u0142nij dane\">Uzupe\u0142nij dane<\/button><style>form.fluent_form_5 .wpf_has_custom_css.ff-btn-submit { background-color:rgba(97, 57, 8, 1);border-color:rgba(175, 98, 4, 1);color:#ffffff;min-width:100%; }form.fluent_form_5 .wpf_has_custom_css.ff-btn-submit:hover { background-color:#ffffff;border-color:rgba(175, 98, 4, 1);color:rgba(175, 98, 4, 1);min-width:100%; } <\/style><\/div><\/fieldset><\/form><div id='fluentform_5_errors' class='ff-errors-in-stack ff_form_instance_5_1 ff-form-loading_errors ff_form_instance_5_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_5_1 = {\"id\":\"5\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_5_1\",\"form_id_selector\":\"fluentform_5\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"input_text\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"input_radio\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"input_text_1\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"phone\":{\"required\":{\"value\":true,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"valid_phone_number\":{\"value\":false,\"global\":true,\"message\":\"Phone number is not valid\",\"global_message\":\"Phone number is not valid\"}}},\"debounce_time\":300,\"conditionals\":{\"input_text_1\":{\"type\":\"any\",\"status\":true,\"conditions\":[{\"field\":\"input_radio\",\"value\":\"Inne\",\"operator\":\"\"}],\"condition_groups\":[{\"rules\":[{\"field\":\"\",\"value\":\"\",\"operator\":\"\"}],\"title\":\"\",\"isEditingTitle\":false,\"isPreviewOpen\":false,\"isGroupOpen\":true}]}}};\n                            <\/script>\n            \n    <\/div>\n    \n  <\/div>\n<\/div>\n\n<script>\n  \/\/ --- ZMIENNE GLOBALNE ---\n  let selectedTimeText = \"\";\n  let selectedDateText = \"\"; \n\n  function initCalendar() {\n      const container = document.getElementById('dynamic-date-strip');\n      const today = new Date();\n      const daysOfWeek = ['Nd', 'Pn', 'Wt', '\u015ar', 'Czw', 'Pt', 'So'];\n      \n      let html = '';\n      \n      for(let i=0; i<14; i++) {\n          const date = new Date(today);\n          date.setDate(today.getDate() + i);\n          \n          let dayNum = date.getDate();\n          let dayName = daysOfWeek[date.getDay()];\n          \n          let fullDate = date.toLocaleDateString('pl-PL', { day: 'numeric', month: 'numeric' });\n\n          let label = dayName;\n          if (i === 0) label = \"Dzi\u015b\";\n          if (i === 1) label = \"Jutro\";\n\n          let activeClass = (i === 0) ? 'active' : '';\n\n          html += `\n            <div class=\"date-card ${activeClass}\" \n                 onclick=\"selectDay(this)\" \n                 data-full-date=\"${fullDate}\">\n              <span class=\"day-name\">${label}<\/span>\n              <span class=\"day-num\">${dayNum}<\/span>\n            <\/div>\n          `;\n      }\n      \n      container.innerHTML = html;\n      \n      const firstCard = container.querySelector('.date-card');\n      if(firstCard) selectedDateText = firstCard.getAttribute('data-full-date');\n  }\n\n  function selectDay(element) {\n    document.querySelectorAll('.date-card').forEach(el => el.classList.remove('active'));\n    element.classList.add('active');\n    \n    selectedDateText = element.getAttribute('data-full-date');\n    \n    updateButtonText();\n  }\n\n  function selectTime(element) {\n    if(element.disabled) return;\n    \n    document.querySelectorAll('.time-slot').forEach(el => el.classList.remove('selected'));\n    \n    element.classList.add('selected');\n    selectedTimeText = element.innerText; \n\n    updateButtonText();\n    \n    const btn = document.getElementById('book-btn');\n    btn.style.display = 'block';\n    btn.animate([\n      { transform: 'translateY(10px)', opacity: 0 },\n      { transform: 'translateY(0)', opacity: 1 }\n    ], { duration: 300 });\n  }\n\n  function updateButtonText() {\n      const btn = document.getElementById('book-btn');\n      if (selectedTimeText) {\n          btn.innerText = `Rezerwuj\u0119: ${selectedDateText}, godz. ${selectedTimeText}`;\n      }\n  }\n\n  document.addEventListener('DOMContentLoaded', function() {\n      initCalendar(); \n\n      const modal = document.getElementById('bookingModal');\n      const bookBtn = document.getElementById('book-btn');\n      const closeBtn = document.getElementById('close-modal-btn');\n      const termDisplay = document.getElementById('selected-term-display');\n\n      if(bookBtn) {\n          bookBtn.addEventListener('click', function(e) {\n              e.preventDefault();\n              termDisplay.innerText = `${selectedDateText}, ${selectedTimeText}`; \n              modal.classList.add('is-visible');\n          });\n      }\n\n      if(closeBtn) {\n          closeBtn.addEventListener('click', function() {\n              modal.classList.remove('is-visible');\n          });\n      }\n\n      if(modal) {\n          modal.addEventListener('click', function(e) {\n              if (e.target === modal) {\n                  modal.classList.remove('is-visible');\n              }\n          });\n      }\n  });\n\n  window.addEventListener('load', () => {\n    setTimeout(() => {\n      const slotToSteal = document.getElementById('magic-slot');\n      if (slotToSteal && !slotToSteal.classList.contains('selected')) {\n        slotToSteal.disabled = true;\n        slotToSteal.classList.add('booked');\n        slotToSteal.classList.remove('urgent'); \n        \n        const toast = document.getElementById('live-toast');\n        toast.classList.add('show');\n        setTimeout(() => { toast.classList.remove('show'); }, 4000);\n      }\n    }, 4500); \n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6046d0a e-flex e-con-boxed e-con e-parent\" data-id=\"6046d0a\" data-element_type=\"container\" id=\"oferta\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58198ba elementor-widget elementor-widget-html\" data-id=\"58198ba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- KONFIGURACJA KOLOR\u00d3W I FONT\u00d3W --- *\/\n  :root {\n    --brand-color: #7C4D0A; \n    --brand-light: #F9F6F0; \/* Bardzo delikatny be\u017c pod aktywne zak\u0142adki *\/\n    --brand-accent: #A9D7BE; \/* Mi\u0119towy *\/\n    --text-color: #444444;\n  }\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@700;900&family=Poppins:wght@400;500;600&display=swap');\n\n  \/* --- WRAPPER CA\u0141EJ SEKCJI --- *\/\n  .services-section-wrapper {\n    max-width: 1200px;\n    margin: 80px auto; \/* Du\u017cy oddech z g\u00f3ry i z do\u0142u *\/\n    padding: 0 20px;\n    font-family: 'Poppins', sans-serif !important;\n    box-sizing: border-box;\n  }\n  .services-section-wrapper * { box-sizing: border-box; }\n\n  \/* --- NOWY NAG\u0141\u00d3WEK SEKCJI --- *\/\n  .services-header {\n    text-align: center;\n    margin-bottom: 50px;\n  }\n\n  .services-header h2 {\n    font-family: 'Nunito', sans-serif !important;\n    font-size: clamp(3.9rem, 4vw, 3.8rem) !important; \/* P\u0142ynne skalowanie na telefonach *\/\n    color: var(--brand-color) !important;\n    line-height: 1.1 !important;\n    margin-bottom: 20px !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.02em !important;\n  }\n\n  .services-highlight {\n    color: var(--brand-accent) !important; \/* Mi\u0119towe wyr\u00f3\u017cnienie *\/\n  }\n\n  .services-subtitle {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 1.15rem !important;\n    color: #666 !important;\n    max-width: 750px;\n    margin: 0 auto !important;\n    line-height: 1.6 !important;\n  }\n\n  \/* --- G\u0141\u00d3WNY KONTENER KART --- *\/\n  .services-showcase {\n    display: flex;\n    gap: 40px;\n    width: 100%;\n  }\n\n  \/* --- LEWA STRONA: ZAK\u0141ADKI Z IKONAMI --- *\/\n  .services-nav {\n    width: 35%;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .service-btn {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    padding: 16px 20px;\n    background-color: transparent;\n    border: 2px solid transparent;\n    border-radius: 16px;\n    cursor: pointer;\n    text-align: left;\n    transition: all 0.3s ease;\n    font-family: 'Nunito', sans-serif !important;\n    font-weight: 700 !important;\n    font-size: 1.1rem !important;\n    color: var(--brand-color);\n  }\n\n  .service-btn img {\n    width: 35px;\n    height: 35px;\n    object-fit: contain;\n    transition: transform 0.3s;\n  }\n\n  \/* Stan Hover i Aktywny dla przycisk\u00f3w *\/\n  .service-btn:hover {\n    background-color: #fcfcfc;\n    transform: translateX(5px);\n  }\n  \n  .service-btn.active {\n    background-color: var(--brand-light);\n    border: 2px solid var(--brand-color);\n    box-shadow: 0 4px 15px rgba(124, 77, 10, 0.08);\n    transform: translateX(10px);\n  }\n  .service-btn.active img {\n    transform: scale(1.1);\n  }\n\n  \/* --- PRAWA STRONA: TRE\u015a\u0106 (ZDJ\u0118CIE + OPIS) --- *\/\n  .services-content-area {\n    width: 65%;\n    background: #ffffff;\n    border-radius: 24px;\n    padding: 40px;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.06);\n    position: relative;\n    min-height: 350px;\n    border: 1px solid #f0f0f0;\n  }\n\n  .service-panel {\n    display: none; \n    gap: 30px;\n    align-items: center;\n  }\n  .service-panel.active {\n    display: flex;\n  }\n\n  \/* Zdj\u0119cie w panelu *\/\n  .panel-image {\n    width: 45%;\n    border-radius: 16px;\n    overflow: hidden;\n  }\n  .panel-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 16px;\n    object-fit: cover;\n  }\n\n  \/* Tekst w panelu *\/\n  .panel-text {\n    width: 55%;\n  }\n  .panel-text h3 {\n    font-family: 'Nunito', sans-serif !important;\n    font-weight: 900 !important;\n    font-size: 2rem !important;\n    color: var(--brand-color) !important;\n    margin-top: 0 !important;\n    margin-bottom: 15px !important;\n    line-height: 1.2 !important;\n  }\n  .panel-text p {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 1rem !important;\n    line-height: 1.7 !important;\n    color: var(--text-color) !important;\n    margin-bottom: 0 !important;\n  }\n\n  \/* --- RESPONSYWNO\u015a\u0106 (TELEFONY I TABLETY) --- *\/\n  @media (max-width: 850px) {\n    .services-showcase {\n      flex-direction: column;\n      gap: 20px;\n    }\n    \n    .services-nav {\n      width: 100%;\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n    .service-btn {\n      width: calc(50% - 10px);\n      padding: 12px;\n      font-size: 0.95rem !important;\n      justify-content: center;\n      flex-direction: column; \n      text-align: center;\n      gap: 8px;\n    }\n    .service-btn.active {\n      transform: translateX(0) translateY(-5px); \n    }\n    \n    .services-content-area {\n      width: 100%;\n      padding: 25px;\n    }\n    .service-panel {\n      flex-direction: column;\n      text-align: center;\n    }\n    .panel-image, .panel-text {\n      width: 100%;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .services-header h2 { font-size: 2.2rem !important; }\n    .services-subtitle { font-size: 1rem !important; }\n  }\n<\/style>\n\n<div class=\"services-section-wrapper\">\n\n  <div class=\"services-header\">\n    <h2>Kompleksowa Opieka <br><span class=\"services-highlight\">Dla Twojego Przyjaciela<\/span><\/h2>\n    <p class=\"services-subtitle\">Od pierwszej szczepionki po zaawansowan\u0105 chirurgi\u0119. W naszym gabinecie znajdziesz pe\u0142en zakres us\u0142ug, by Tw\u00f3j zwierzak cieszy\u0142 si\u0119 zdrowiem na ka\u017cdym etapie \u017cycia.<\/p>\n  <\/div>\n\n  <div class=\"services-showcase\">\n    \n    <div class=\"services-nav\">\n      <button class=\"service-btn active\" data-target=\"panel-profilaktyka\">\n        <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/04\/profilaktyka.png\" alt=\"Profilaktyka\">\n        <span>Profilaktyka<\/span>\n      <\/button>\n      <button class=\"service-btn\" data-target=\"panel-leczenie\">\n        <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/leczenie.png\" alt=\"Leczenie\">\n        <span>Leczenie<\/span>\n      <\/button>\n      <button class=\"service-btn\" data-target=\"panel-szpital\">\n        <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/04\/szpital.png\" alt=\"Szpital Dzienny\">\n        <span>Szpital Dzienny<\/span>\n      <\/button>\n      <button class=\"service-btn\" data-target=\"panel-diagnostyka\">\n        <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/diagnostyka.png\" alt=\"Diagnostyka\">\n        <span>Diagnostyka<\/span>\n      <\/button>\n      <button class=\"service-btn\" data-target=\"panel-stomatologia\">\n        <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/04\/stomatologia.png\" alt=\"Stomatologia\">\n        <span>Stomatologia<\/span>\n      <\/button>\n      <button class=\"service-btn\" data-target=\"panel-chirurgia\">\n        <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/hirurgia.png\" alt=\"Chirurgia\">\n        <span>Chirurgia<\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"services-content-area\">\n      \n      <div class=\"service-panel active\" id=\"panel-profilaktyka\">\n        <div class=\"panel-image\">\n          <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/04\/porad-300x300.png\" alt=\"Profilaktyka\">\n        <\/div>\n        <div class=\"panel-text\">\n          <h3>Profilaktyka<\/h3>\n          <p>Lepiej zapobiega\u0107 ni\u017c leczy\u0107. Szczepienia, odrobaczanie, czipowanie i pakiety dla senior\u00f3w. Dbamy o odporno\u015b\u0107 Twojego zwierzaka przez ca\u0142e \u017cycie.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-panel\" id=\"panel-leczenie\">\n        <div class=\"panel-image\">\n          <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/04\/porad-300x300.png\" alt=\"Leczenie\">\n        <\/div>\n        <div class=\"panel-text\">\n          <h3>Leczenie<\/h3>\n          <p>Dermatologia, kardiologia, endokrynologia. Prowadzimy pacjent\u00f3w przewlekle chorych, zapewniaj\u0105c im komfort i d\u0142ugie \u017cycie bez b\u00f3lu.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-panel\" id=\"panel-szpital\">\n        <div class=\"panel-image\">\n          <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/04\/opieka-289x300.png\" alt=\"Szpital Dzienny\">\n        <\/div>\n        <div class=\"panel-text\">\n          <h3>Szpital Dzienny<\/h3>\n          <p>Twoje zwierz\u0119 wymaga kropl\u00f3wki lub obserwacji po zabiegu? W naszym szpitalu odpocznie w cichym, ciep\u0142ym boksie pod sta\u0142ym okiem technika.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-panel\" id=\"panel-diagnostyka\">\n        <div class=\"panel-image\">\n          <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/diagnoza-300x296.png\" alt=\"Diagnostyka\">\n        <\/div>\n        <div class=\"panel-text\">\n          <h3>Diagnostyka<\/h3>\n          <p>Szybka i precyzyjna diagnoza to podstawa. Dysponujemy nowoczesnym sprz\u0119tem laboratoryjnym, aby b\u0142yskawicznie wdro\u017cy\u0107 odpowiednie leczenie.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-panel\" id=\"panel-stomatologia\">\n        <div class=\"panel-image\">\n          <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/stom--300x295.png\" alt=\"Stomatologia\">\n        <\/div>\n        <div class=\"panel-text\">\n          <h3>Stomatologia<\/h3>\n          <p>Zdrowe z\u0119by to zdrowe serce i nerki. Usuwamy kamie\u0144 ultrad\u017awi\u0119kami, polerujemy szkliwo i leczymy choroby przyz\u0119bia. Bez stresu i b\u00f3lu.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"service-panel\" id=\"panel-chirurgia\">\n        <div class=\"panel-image\">\n          <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/chirurgia-300x295.png\" alt=\"Chirurgia\">\n        <\/div>\n        <div class=\"panel-text\">\n          <h3>Chirurgia<\/h3>\n          <p>Bezpieczna narkoza wziewna i pe\u0142en monitoring funkcji \u017cyciowych. Wykonujemy zabiegi tkanek mi\u0119kkich oraz ortopedyczne w sterylnych warunkach.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const buttons = document.querySelectorAll('.service-btn');\n  const panels = document.querySelectorAll('.service-panel');\n  let isAnimating = false;\n\n  buttons.forEach(btn => {\n    btn.addEventListener('click', function() {\n      if (isAnimating || this.classList.contains('active')) return;\n      isAnimating = true;\n\n      const targetId = this.getAttribute('data-target');\n      const currentActivePanel = document.querySelector('.service-panel.active');\n      const targetPanel = document.getElementById(targetId);\n\n      buttons.forEach(b => b.classList.remove('active'));\n      this.classList.add('active');\n\n      gsap.to(currentActivePanel, {\n        opacity: 0,\n        y: 15,\n        duration: 0.3,\n        onComplete: () => {\n          currentActivePanel.classList.remove('active');\n          \n          targetPanel.classList.add('active');\n          gsap.fromTo(targetPanel, \n            { opacity: 0, x: 20 }, \n            { opacity: 1, x: 0, duration: 0.4, ease: \"power2.out\", onComplete: () => isAnimating = false }\n          );\n        }\n      });\n    });\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c4f6a0 e-flex e-con-boxed e-con e-parent\" data-id=\"3c4f6a0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;nature&quot;,&quot;shape_divider_bottom&quot;:&quot;nature&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 4080 400\" preserveAspectRatio=\"none\">\r\n<polygon class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.8\" enable-background=\"new    \" points=\"0,102.1 94.6,102.1 26.3,245.4 0,187.5 \"\/>\r\n<polygon class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.5\" enable-background=\"new    \" points=\"1398.3,169.1 1635.8,182.7 1570.6,379.9 1515.4,195.9\r\n\t1499.9,234.6 1482.3,217.3 1459.7,278.5 1434.2,233.1 1409.1,245.9 1388,190.7 \"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M1579.3,156.6c0,65.7,53.2,118.9,118.9,118.9\r\n\tc49.7,0,92.2-30.5,110-73.8c15.5,17.5,38.3,28.6,63.6,28.6c46.9,0,85-38,85-85L1579.3,156.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2073,147.1c16,38.5,53.9,65.6,98.2,65.6c24,0,46.2-8,64-21.5\r\n\tc4.4,42.9,40.6,76.3,84.6,76.3c44.3,0,80.7-33.8,84.7-77.1C2299,191.1,2184,180.2,2073,147.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2285.7,75.1l-114.5-75c-58.7,0-106.3,47.6-106.3,106.3\r\n\tc0,0.3,0,0.6,0,0.9L2285.7,75.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.3\" enable-background=\"new    \" d=\"M4080,68.6V0L2818.6,9l-827.5,109\r\n\tc122.5,50.8,254.3,69.7,375.9,72.1l46.8,127.3l36.9-114.6l14.3,52.5l17.6-10.9l18.5,42l14.3-62.1l14.3,20.2l8.4-41.6l42,173.4\r\n\tl46.6-203.5c115.6-17,191.9-40.3,191.9-40.3s235.8-66.8,476.8-84.1c169-12.1,367.7,31.9,367.7,31.9S3890.5,191.4,4080,68.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M4080.1,216.8V68.7c0,0,0,0-0.1,0c-61.7,40-127.4,55.1-188,57.4\r\n\tl43.7,66.4l36.1-60.5l36.9,55l32.7-7.1l30.2,36.9H4080.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.8\" enable-background=\"new    \" d=\"M3496.3,54.2c12.1,39.7,47,70.3,90.9,74.8\r\n\tc23.9,2.4,46.8-3.3,65.9-14.9c0,43.1,32.6,80,76.4,84.5c44.1,4.5,83.7-25.5,92.1-68.1c-104.6-10-217.4-32.3-324.1-76.2\r\n\tC3497.1,54.3,3496.6,54.3,3496.3,54.2z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.7\" enable-background=\"new    \" d=\"M2867.3,119.7l22.9,33.1l27.1-8.7l28.1,29.6l22.1-43.1l20.6,14.5\r\n\tl34.5-59.5C2958,98,2903.6,110.7,2867.3,119.7z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" d=\"M4080,0H0v132.6c0,0,117.6-52.2,398-71.7l16.4,34.2l28.1-4.4l23.2,33.6l28.5-39.2l18.1,17.6l39-48.3\r\n\tc20.9-0.4,42.5-0.6,64.7-0.6c8.5,0,16.9,0.1,25.4,0.2v63.1c-26.2,1.8-47.1,29.8-47.1,64.1c0,35.5,22.4,64.3,50,64.3s50-28.8,50-64.3\r\n\tc0-34.2-20.8-62.2-47.1-64.1v-63c30,0.6,59.9,2,89.3,4v25c-11.9,1.9-21.2,15.1-21.2,31c0,17.2,10.9,31.2,24.3,31.2\r\n\tc13.4,0,24.3-13.9,24.3-31.2c0-15.9-9.2-29.1-21.2-31V58.5c305.5,22.2,564.6,114.9,564.6,114.9c317,85.5,690.4-28.9,1012.6-89.4\r\n\tc227.1-42.7,498.7-61.8,498.7-61.8s302.5-21.1,522.8,0C3561.7,43.2,3839.8,272.8,4080,0z\"\/>\r\n<\/svg>\r\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 4080 400\" preserveAspectRatio=\"none\">\r\n<polygon class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.8\" enable-background=\"new    \" points=\"0,102.1 94.6,102.1 26.3,245.4 0,187.5 \"\/>\r\n<polygon class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.5\" enable-background=\"new    \" points=\"1398.3,169.1 1635.8,182.7 1570.6,379.9 1515.4,195.9\r\n\t1499.9,234.6 1482.3,217.3 1459.7,278.5 1434.2,233.1 1409.1,245.9 1388,190.7 \"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M1579.3,156.6c0,65.7,53.2,118.9,118.9,118.9\r\n\tc49.7,0,92.2-30.5,110-73.8c15.5,17.5,38.3,28.6,63.6,28.6c46.9,0,85-38,85-85L1579.3,156.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2073,147.1c16,38.5,53.9,65.6,98.2,65.6c24,0,46.2-8,64-21.5\r\n\tc4.4,42.9,40.6,76.3,84.6,76.3c44.3,0,80.7-33.8,84.7-77.1C2299,191.1,2184,180.2,2073,147.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2285.7,75.1l-114.5-75c-58.7,0-106.3,47.6-106.3,106.3\r\n\tc0,0.3,0,0.6,0,0.9L2285.7,75.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.3\" enable-background=\"new    \" d=\"M4080,68.6V0L2818.6,9l-827.5,109\r\n\tc122.5,50.8,254.3,69.7,375.9,72.1l46.8,127.3l36.9-114.6l14.3,52.5l17.6-10.9l18.5,42l14.3-62.1l14.3,20.2l8.4-41.6l42,173.4\r\n\tl46.6-203.5c115.6-17,191.9-40.3,191.9-40.3s235.8-66.8,476.8-84.1c169-12.1,367.7,31.9,367.7,31.9S3890.5,191.4,4080,68.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M4080.1,216.8V68.7c0,0,0,0-0.1,0c-61.7,40-127.4,55.1-188,57.4\r\n\tl43.7,66.4l36.1-60.5l36.9,55l32.7-7.1l30.2,36.9H4080.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.8\" enable-background=\"new    \" d=\"M3496.3,54.2c12.1,39.7,47,70.3,90.9,74.8\r\n\tc23.9,2.4,46.8-3.3,65.9-14.9c0,43.1,32.6,80,76.4,84.5c44.1,4.5,83.7-25.5,92.1-68.1c-104.6-10-217.4-32.3-324.1-76.2\r\n\tC3497.1,54.3,3496.6,54.3,3496.3,54.2z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.7\" enable-background=\"new    \" d=\"M2867.3,119.7l22.9,33.1l27.1-8.7l28.1,29.6l22.1-43.1l20.6,14.5\r\n\tl34.5-59.5C2958,98,2903.6,110.7,2867.3,119.7z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" d=\"M4080,0H0v132.6c0,0,117.6-52.2,398-71.7l16.4,34.2l28.1-4.4l23.2,33.6l28.5-39.2l18.1,17.6l39-48.3\r\n\tc20.9-0.4,42.5-0.6,64.7-0.6c8.5,0,16.9,0.1,25.4,0.2v63.1c-26.2,1.8-47.1,29.8-47.1,64.1c0,35.5,22.4,64.3,50,64.3s50-28.8,50-64.3\r\n\tc0-34.2-20.8-62.2-47.1-64.1v-63c30,0.6,59.9,2,89.3,4v25c-11.9,1.9-21.2,15.1-21.2,31c0,17.2,10.9,31.2,24.3,31.2\r\n\tc13.4,0,24.3-13.9,24.3-31.2c0-15.9-9.2-29.1-21.2-31V58.5c305.5,22.2,564.6,114.9,564.6,114.9c317,85.5,690.4-28.9,1012.6-89.4\r\n\tc227.1-42.7,498.7-61.8,498.7-61.8s302.5-21.1,522.8,0C3561.7,43.2,3839.8,272.8,4080,0z\"\/>\r\n<\/svg>\r\n\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db3975d e-con-full e-flex e-con e-child\" data-id=\"db3975d\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17da237 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"17da237\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- KONFIGURACJA KOLOR\u00d3W I FONT\u00d3W --- *\/\n  :root {\n    --brand-color: #7C4D0A; \n    --bg-color: #A9D7BE;\n    --text-color: #7C4D0A;\n  }\n\n  \/* Import ustalonego zestawu: Nunito (grube nag\u0142\u00f3wki) + Poppins (czytelny tekst) *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@800;900&family=Poppins:wght@300;400;500;600;700&display=swap');\n\n  \/* --- STYLIZACJA PODSTAWOWA (CSS) --- *\/\n  .vet-calculator-wrapper {\n    background-color: var(--bg-color);\n    border-radius: 16px;\n    padding: 35px;\n    max-width: 600px;\n    font-family: 'Poppins', sans-serif !important; \/* Domy\u015blny font dla ca\u0142o\u015bci *\/\n    color: var(--text-color);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n    margin: 20px auto;\n    box-sizing: border-box;\n  }\n\n  \/* T\u0142usty nag\u0142\u00f3wek Nunito *\/\n  .vet-header h2 {\n    font-family: 'Nunito', sans-serif !important;\n    color: var(--brand-color) !important;\n    font-weight: 900 !important;\n    font-size: clamp(1.8rem, 4vw, 2.5rem) !important;\n    margin-top: 0 !important;\n    margin-bottom: 10px !important;\n    line-height: 1.1 !important;\n    letter-spacing: -0.02em !important;\n  }\n\n  .vet-header p {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 0.95rem !important;\n    font-weight: 400 !important;\n    color: #444 !important;\n    margin-bottom: 30px !important;\n    line-height: 1.5 !important;\n  }\n\n  .form-group {\n    margin-bottom: 25px;\n  }\n\n  .form-label {\n    display: block;\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 600 !important;\n    font-size: 0.9em !important;\n    margin-bottom: 10px !important;\n    color: var(--brand-color) !important;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  \/* KAFLE WYBORU *\/\n  .radio-group {\n    display: flex;\n    gap: 12px;\n  }\n\n  .radio-option {\n    flex: 1;\n    position: relative;\n  }\n\n  .radio-option input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .radio-tile {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background-color: #fff;\n    border: 2px solid var(--brand-color);\n    border-radius: 12px;\n    padding: 18px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 600 !important;\n    color: var(--brand-color);\n  }\n\n  .radio-option input:checked + .radio-tile {\n    background-color: var(--brand-color);\n    color: white;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n    transform: translateY(-2px);\n  }\n\n  \/* INPUTY I SELECTY *\/\n  .vet-input, .vet-select {\n    width: 100%;\n    padding: 15px;\n    border: 2px solid var(--brand-color);\n    border-radius: 12px;\n    background-color: #fff;\n    font-family: 'Poppins', sans-serif !important;\n    font-weight: 500 !important;\n    font-size: 16px !important;\n    color: var(--text-color);\n    box-sizing: border-box;\n    outline: none;\n    transition: box-shadow 0.2s;\n  }\n\n  .vet-input:focus, .vet-select:focus {\n    box-shadow: 0 0 0 4px rgba(93, 64, 55, 0.15);\n  }\n\n  \/* PRZYCISK G\u0141\u00d3WNY *\/\n  .vet-btn {\n    width: 100%;\n    background-color: var(--brand-color) !important;\n    color: white !important;\n    border: none !important;\n    padding: 18px !important;\n    border-radius: 12px !important;\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    cursor: pointer;\n    transition: transform 0.2s, filter 0.2s;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    text-align: center;\n    display: inline-block;\n    text-decoration: none;\n    box-sizing: border-box;\n  }\n\n  .vet-btn:hover {\n    filter: brightness(1.1);\n    transform: translateY(-2px);\n  }\n\n  .vet-btn:active {\n    transform: translateY(0);\n  }\n\n  \/* PRZYCISK DRUGORZ\u0118DNY (DO POPUPA) *\/\n  .vet-btn-secondary {\n    background-color: #fff !important;\n    color: var(--brand-color) !important;\n    border: 2px solid var(--brand-color) !important;\n    margin-top: 20px !important;\n  }\n\n  \/* WYNIK *\/\n  .result-box {\n    margin-top: 30px;\n    padding: 25px;\n    background-color: #fff;\n    border: 2px solid var(--brand-color);\n    border-radius: 12px;\n    display: none;\n    animation: fadeIn 0.4s ease-out;\n  }\n\n  \/* Nag\u0142\u00f3wek wyniku te\u017c z Nunito *\/\n  .result-title {\n    font-family: 'Nunito', sans-serif !important;\n    font-size: 1.3em !important;\n    font-weight: 900 !important;\n    color: var(--brand-color) !important;\n    margin-bottom: 12px !important;\n    display: block;\n    border-bottom: 1px solid #eee;\n    padding-bottom: 10px;\n  }\n\n  .result-comment {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 0.95em !important;\n    line-height: 1.6 !important;\n    font-weight: 400 !important;\n    color: #444 !important;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* --- STYLIZACJA POPUPA (MODAL) --- *\/\n  .vet-modal-overlay {\n    display: none; \n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6); \n    z-index: 9999;\n    justify-content: center;\n    align-items: center;\n    padding: 20px;\n    box-sizing: border-box;\n    backdrop-filter: blur(4px);\n  }\n\n  .vet-modal-content {\n    background-color: #fff;\n    padding: 30px;\n    border-radius: 16px;\n    width: 100%;\n    max-width: 600px;\n    position: relative;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n    font-family: 'Poppins', sans-serif !important; \/* Domy\u015blny dla modala *\/\n    max-height: 90vh;\n    overflow-y: auto;\n    border-top: 6px solid var(--brand-color);\n  }\n\n  .vet-modal-close {\n    position: absolute;\n    top: 15px;\n    right: 20px;\n    font-size: 28px;\n    font-weight: bold;\n    color: #aaa;\n    cursor: pointer;\n    transition: color 0.2s;\n    line-height: 1;\n  }\n\n  .vet-modal-close:hover {\n    color: var(--brand-color);\n  }\n\n  .vet-modal-title {\n    font-family: 'Nunito', sans-serif !important;\n    font-size: 1.5em !important;\n    font-weight: 900 !important;\n    color: var(--brand-color) !important;\n    margin-bottom: 20px !important;\n    padding-right: 20px;\n  }\n\n  .fluentform .ff-el-group {\n    margin-bottom: 15px;\n  }\n<\/style>\n\n<div class=\"vet-calculator-wrapper\">\n  \n  <div class=\"vet-header\">\n    <h2>Wiek Twojego pupila<\/h2>\n    <p>Sprawd\u017a, na jakim etapie \u017cycia jest Tw\u00f3j zwierzak, by lepiej dobra\u0107 profilaktyk\u0119.<\/p>\n  <\/div>\n\n  <div class=\"form-group\">\n    <label class=\"form-label\">1. Wybierz zwierzaka<\/label>\n    <div class=\"radio-group\">\n      <label class=\"radio-option\">\n        <input type=\"radio\" name=\"species\" value=\"dog\" checked onchange=\"toggleWeightInput()\">\n        <div class=\"radio-tile\">\n          <span>\ud83d\udc36 Pies<\/span>\n        <\/div>\n      <\/label>\n      <label class=\"radio-option\">\n        <input type=\"radio\" name=\"species\" value=\"cat\" onchange=\"toggleWeightInput()\">\n        <div class=\"radio-tile\">\n          <span>\ud83d\udc31 Kot<\/span>\n        <\/div>\n      <\/label>\n    <\/div>\n  <\/div>\n\n  <div class=\"form-group\" id=\"weight-group\">\n    <label class=\"form-label\">2. Wielko\u015b\u0107 psa<\/label>\n    <select class=\"vet-select\" id=\"dog-size\">\n      <option value=\"small\">Ma\u0142y (<10kg)<\/option>\n      <option value=\"medium\">\u015aredni (10-25kg)<\/option>\n      <option value=\"large\">Du\u017cy (>25kg)<\/option>\n    <\/select>\n  <\/div>\n\n  <div class=\"form-group\">\n    <label class=\"form-label\">3. Wiek rzeczywisty (lata)<\/label>\n    <input type=\"number\" class=\"vet-input\" id=\"real-age\" placeholder=\"np. 4\" min=\"1\" max=\"30\">\n  <\/div>\n\n  <button class=\"vet-btn\" onclick=\"calculatePetAge()\">Oblicz wiek ludzki<\/button>\n\n  <div class=\"result-box\" id=\"result-box\">\n    <span class=\"result-title\" id=\"result-header\"><\/span>\n    <p class=\"result-comment\" id=\"result-text\"><\/p>\n    \n    <button class=\"vet-btn vet-btn-secondary\" onclick=\"openContactModal()\">\n       Um\u00f3w wizyt\u0119 \/ Uzupe\u0142nij dane\n    <\/button>\n  <\/div>\n\n<\/div>\n\n<div id=\"contactModal\" class=\"vet-modal-overlay\" onclick=\"closeContactModal(event)\">\n  <div class=\"vet-modal-content\">\n    <span class=\"vet-modal-close\" onclick=\"closeContactModal(event, true)\">&times;<\/span>\n    <div class=\"vet-modal-title\">Uzupe\u0142nij dane profilaktyczne<\/div>\n    \n    <div class=\"fluent-form-container\">\n        <div class='fluentform ff-default fluentform_wrapper_5 ffs_default_wrap'><form data-form_id=\"5\" id=\"fluentform_5\" class=\"frm-fluent-form fluent_form_5 ff-el-form-top ff_form_instance_5_2 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_5_2\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">podaj \u0142apk\u0119<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='1548' \/><input type=\"hidden\" id=\"_fluentform_5_fluentformnonce\" name=\"_fluentform_5_fluentformnonce\" value=\"0c8d1e2f14\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F1548\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_5_2_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Imi\u0119 w\u0142a\u015bciciela pupila\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_5_2_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Nazwisko w\u0142a\u015bciciela pupila\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"Imi\u0119 pupila\" data-name=\"input_text\" id=\"ff_5_2_input_text\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Gatunek pupila\">Gatunek pupila<\/label><\/div><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_ac2caf93aafe9b2ae13f2e9e5c43c840'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Koty\"  id='input_radio_ac2caf93aafe9b2ae13f2e9e5c43c840' aria-label='Koty' aria-invalid='false' aria-required=false> <span>Koty<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_6d9154f26ae76037c3ccc49f44545c22'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Psy\"  id='input_radio_6d9154f26ae76037c3ccc49f44545c22' aria-label='Psy' aria-invalid='false' aria-required=false> <span>Psy<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_b445ccac0279d746bb73588f26781775'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Gryzonie \"  id='input_radio_b445ccac0279d746bb73588f26781775' aria-label='Gryzonie' aria-invalid='false' aria-required=false> <span>Gryzonie <\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_2efaaba08cbbdd0379d5c3d558a7dc95'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Gady\"  id='input_radio_2efaaba08cbbdd0379d5c3d558a7dc95' aria-label='Gady' aria-invalid='false' aria-required=false> <span>Gady<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_490dd35a903a9a70f4173b5db1746c38'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Ptaki\"  id='input_radio_490dd35a903a9a70f4173b5db1746c38' aria-label='Ptaki' aria-invalid='false' aria-required=false> <span>Ptaki<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_4d80410911d71781221928812f73324d'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Inne\"  id='input_radio_4d80410911d71781221928812f73324d' aria-label='Inne' aria-invalid='false' aria-required=false> <span>Inne<\/span><\/label><\/div><\/div><\/div><div class='ff-el-group'><div class='ff-el-input--content'><input type=\"text\" name=\"input_text_1\" class=\"ff-el-form-control\" placeholder=\"Wymie\u0144 gatunek\" data-name=\"input_text_1\" id=\"ff_5_2_input_text_1\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class='ff-el-input--content'><input name=\"phone\" class=\"ff-el-form-control ff-el-phone\" type=\"tel\" placeholder=\"Numer telefonu\" data-name=\"phone\" id=\"ff_5_2_phone\" inputmode=\"tel\"  aria-invalid='false' aria-required=true><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper ff_submit_btn_wrapper_custom'><button class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\" type=\"submit\" name=\"custom_submit_button-5_1\" data-name=\"custom_submit_button-5_1\"  aria-label=\"Uzupe\u0142nij dane\">Uzupe\u0142nij dane<\/button><style>form.fluent_form_5 .wpf_has_custom_css.ff-btn-submit { background-color:rgba(97, 57, 8, 1);border-color:rgba(175, 98, 4, 1);color:#ffffff;min-width:100%; }form.fluent_form_5 .wpf_has_custom_css.ff-btn-submit:hover { background-color:#ffffff;border-color:rgba(175, 98, 4, 1);color:rgba(175, 98, 4, 1);min-width:100%; } <\/style><\/div><\/fieldset><\/form><div id='fluentform_5_errors' class='ff-errors-in-stack ff_form_instance_5_2 ff-form-loading_errors ff_form_instance_5_2_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_5_2 = {\"id\":\"5\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_5_2\",\"form_id_selector\":\"fluentform_5\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"input_text\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"input_radio\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"input_text_1\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"phone\":{\"required\":{\"value\":true,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"valid_phone_number\":{\"value\":false,\"global\":true,\"message\":\"Phone number is not valid\",\"global_message\":\"Phone number is not valid\"}}},\"debounce_time\":300,\"conditionals\":{\"input_text_1\":{\"type\":\"any\",\"status\":true,\"conditions\":[{\"field\":\"input_radio\",\"value\":\"Inne\",\"operator\":\"\"}],\"condition_groups\":[{\"rules\":[{\"field\":\"\",\"value\":\"\",\"operator\":\"\"}],\"title\":\"\",\"isEditingTitle\":false,\"isPreviewOpen\":false,\"isGroupOpen\":true}]}}};\n                            <\/script>\n            \n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  function toggleWeightInput() {\n    const isDog = document.querySelector('input[name=\"species\"]:checked').value === 'dog';\n    const weightGroup = document.getElementById('weight-group');\n    if (isDog) {\n      weightGroup.classList.remove('hidden');\n    } else {\n      weightGroup.classList.add('hidden');\n    }\n  }\n\n  function calculatePetAge() {\n    const species = document.querySelector('input[name=\"species\"]:checked').value;\n    const realAge = parseInt(document.getElementById('real-age').value);\n    const dogSize = document.getElementById('dog-size').value;\n    const resultBox = document.getElementById('result-box');\n    const resultHeader = document.getElementById('result-header');\n    const resultText = document.getElementById('result-text');\n\n    if (!realAge || realAge <= 0) {\n      alert(\"Prosz\u0119 wpisa\u0107 poprawny wiek!\");\n      return;\n    }\n\n    let humanAge = 0;\n\n    if (species === 'cat') {\n      if (realAge === 1) humanAge = 15;\n      else if (realAge === 2) humanAge = 24;\n      else humanAge = 24 + ((realAge - 2) * 4);\n    } \n    else { \n      if (realAge === 1) humanAge = 15;\n      else if (realAge === 2) humanAge = 24;\n      else {\n        let multiplier = 5; \n        if (dogSize === 'medium') multiplier = 6;\n        if (dogSize === 'large') multiplier = 7;\n        humanAge = 24 + ((realAge - 2) * multiplier);\n      }\n    }\n\n    let comment = \"\";\n    \n    if (humanAge < 30) {\n      comment = \"<strong>M\u0142odo\u015b\u0107 \/ Wczesna doros\u0142o\u015b\u0107.<\/strong><br>To szczyt formy! Idealny czas na aktywno\u015b\u0107 fizyczn\u0105. Pami\u0119taj o corocznym przegl\u0105dzie stomatologicznym \u2013 profilaktyka teraz to zdrowie na lata.\";\n    } \n    else if (humanAge >= 30 && humanAge < 60) {\n      comment = \"<strong>Dojrza\u0142o\u015b\u0107.<\/strong><br>Czas stabilizacji. Metabolizm mo\u017ce zwalnia\u0107, wi\u0119c kontroluj wag\u0119 pupila. Zalecamy podstawow\u0105 morfologi\u0119 raz w roku.\";\n    } \n    else {\n      const checkupName = species === 'cat' ? \"nerek\" : \"serca i staw\u00f3w\";\n      comment = `<strong>Senior (\"Z\u0142ota jesie\u0144\").<\/strong><br>W tym wieku zalecamy <em>Pakiet Geriatryczny<\/em> raz w roku (badanie krwi + kontrola ${checkupName}). Wczesne wykrycie problem\u00f3w to klucz do d\u0142ugiego \u017cycia.`;\n    }\n\n    resultHeader.innerText = `Tw\u00f3j ${species === 'dog' ? 'pies' : 'kot'} ma ok. ${humanAge} lat ludzkich.`;\n    resultText.innerHTML = comment;\n    resultBox.style.display = 'block';\n  }\n\n  \/\/ --- FUNKCJE OBS\u0141UGUJ\u0104CE POPUP ---\n  \n  function openContactModal() {\n    document.getElementById('contactModal').style.display = 'flex';\n  }\n\n  function closeContactModal(event, force) {\n    if (force || event.target.id === 'contactModal') {\n        document.getElementById('contactModal').style.display = 'none';\n    }\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7677589 e-con-full e-flex e-con e-child\" data-id=\"7677589\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33eb919 e-flex e-con-boxed e-con e-parent\" data-id=\"33eb919\" data-element_type=\"container\" id=\"kadra\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a80173e elementor-widget elementor-widget-html\" data-id=\"a80173e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- KONFIGURACJA KOLOR\u00d3W I FONT\u00d3W --- *\/\n  :root {\n    --brand-color: #7C4D0A; \/* Br\u0105zowy tekst *\/\n    --brand-bg: #A9D7BE;    \/* Mi\u0119towy kolor *\/\n  }\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@700;800;900&family=Poppins:wght@400;500;600&display=swap');\n\n  \/* --- KONTENER G\u0141\u00d3WNY SEKCJI ZESPO\u0141U --- *\/\n  .team-section {\n    max-width: 1400px;\n    margin: 80px auto; \n    padding: 0 20px;\n    font-family: 'Poppins', sans-serif !important;\n    box-sizing: border-box;\n  }\n  .team-section * { box-sizing: border-box; }\n\n  \/* --- NAG\u0141\u00d3WEK SEKCJI --- *\/\n  .team-header {\n    text-align: center;\n    margin-bottom: 60px;\n  }\n\n  .team-header h2 {\n    font-family: 'Nunito', sans-serif !important;\n    font-size: clamp(3.9rem, 4vw, 3.8rem) !important;\n    color: var(--brand-color) !important;\n    line-height: 1.1 !important;\n    margin-bottom: 20px !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.02em !important;\n  }\n\n  .team-highlight {\n    color: var(--brand-bg) !important;\n  }\n\n  .team-subtitle {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 1.15rem !important;\n    color: #666 !important;\n    max-width: 700px;\n    margin: 0 auto !important;\n    line-height: 1.6 !important;\n  }\n\n  \/* --- SIATKA KART --- *\/\n  .team-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n  }\n\n  \/* --- POJEDYNCZA KARTA --- *\/\n  .team-card {\n    position: relative;\n    border-radius: 24px;\n    overflow: hidden;\n    aspect-ratio: 3 \/ 4; \n    cursor: pointer;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    background-color: #f9f9f9;\n    -webkit-backface-visibility: hidden;\n    -webkit-transform: translate3d(0, 0, 0);\n  }\n\n  \/* Zdj\u0119cie lekarza *\/\n  .team-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n  }\n\n  \/* --- ZNAK WODNY \/ SPECJALIZACJA --- *\/\n  .team-spec-badge {\n    position: absolute;\n    top: 15px;\n    left: 15px;\n    background: rgba(255, 255, 255, 0.9) !important;\n    backdrop-filter: blur(4px);\n    -webkit-backdrop-filter: blur(4px);\n    color: var(--brand-color) !important;\n    padding: 8px 16px;\n    border-radius: 30px;\n    font-family: 'Nunito', sans-serif !important;\n    font-size: 0.85rem !important;\n    font-weight: 800 !important;\n    z-index: 5;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n    transition: opacity 0.3s ease;\n  }\n\n  \/* --- ETYKIETA Z IMIENIEM (Przed najechaniem) --- *\/\n  .team-name-plate {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    padding: 80px 20px 20px; \n    \/* Wzmocniony gradient, by na pewno by\u0142 widoczny w Elementorze *\/\n    background: linear-gradient(to top, rgba(169, 215, 190, 1) 0%, rgba(169, 215, 190, 0.8) 40%, rgba(169, 215, 190, 0) 100%) !important;\n    text-align: center;\n    transition: opacity 0.3s ease;\n    z-index: 5;\n  }\n\n  .team-name-plate h4 {\n    font-family: 'Nunito', sans-serif !important;\n    font-size: 1.5rem !important;\n    font-weight: 900 !important;\n    color: var(--brand-color) !important; \n    margin: 0 !important;\n    line-height: 1.2 !important;\n  }\n\n  \/* --- OVERLAY Z OPISEM (Po najechaniu) --- *\/\n  .team-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    \/* KLUCZOWA POPRAWKA: Twarde wymuszenie koloru t\u0142a (95% krycia) *\/\n    background-color: rgba(169, 215, 190, 0.95) !important;\n    padding: 30px 25px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    transform: translateY(101%); \n    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n    z-index: 10; \/* Z-index podniesiony mocno w g\u00f3r\u0119 *\/\n  }\n\n  \/* Teksty wewn\u0105trz nak\u0142adki z twardym przypisaniem koloru *\/\n  .team-overlay h4 {\n    font-family: 'Nunito', sans-serif !important;\n    font-size: 1.6rem !important;\n    font-weight: 900 !important;\n    color: #7C4D0A !important;\n    margin-bottom: 15px !important;\n    margin-top: 0 !important;\n  }\n\n  .team-overlay-desc {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 1rem !important;\n    line-height: 1.6 !important;\n    font-weight: 600 !important; \/* Lekko pogrubione dla lepszej czytelno\u015bci *\/\n    color: #7C4D0A !important; \n    margin: 0 !important;\n  }\n\n  \/* --- ANIMACJE HOVER --- *\/\n  .team-card:hover .team-img,\n  .team-card.is-active .team-img {\n    transform: scale(1.08);\n  }\n  \n  .team-card:hover .team-name-plate,\n  .team-card.is-active .team-name-plate,\n  .team-card:hover .team-spec-badge,\n  .team-card.is-active .team-spec-badge {\n    opacity: 0; \n  }\n\n  .team-card:hover .team-overlay,\n  .team-card.is-active .team-overlay {\n    transform: translateY(0);\n  }\n\n  \/* --- RESPONSYWNO\u015a\u0106 --- *\/\n  @media (max-width: 1024px) {\n    .team-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }\n    .team-card { aspect-ratio: 4 \/ 5; }\n  }\n\n  @media (max-width: 768px) {\n    .team-header { margin-bottom: 40px; }\n    .team-header h2 { font-size: 2.2rem !important; }\n    .team-subtitle { font-size: 1rem !important; }\n  }\n\n  @media (max-width: 600px) {\n    .team-grid { grid-template-columns: 1fr; gap: 25px; }\n    .team-card { aspect-ratio: 1 \/ 1.1; } \n  }\n<\/style>\n\n<div class=\"team-section\">\n  \n  <div class=\"team-header\">\n    <h2>Poznaj Nasz\u0105 Kadr\u0119 <br><span class=\"team-highlight\">Wyspecjalizowanych Lekarzy<\/span><\/h2>\n    <p class=\"team-subtitle\">Tworzymy zesp\u00f3\u0142 do\u015bwiadczonych ekspert\u00f3w, dla kt\u00f3rych zdrowie i komfort Twojego pupila to absolutny priorytet. Ka\u017cda wizyta to dla nas misja.<\/p>\n  <\/div>\n\n  <div class=\"team-grid\">\n    \n    <div class=\"team-card\">\n      <div class=\"team-spec-badge\">Interna, Kardiologia<\/div>\n      <img decoding=\"async\" class=\"team-img\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/04\/lapka1.webp\" alt=\"Lek. Wet. Anna Nowak\">\n      <div class=\"team-name-plate\">\n        <h4>Lek. Wet.<br>Anna Nowak<\/h4>\n      <\/div>\n      <div class=\"team-overlay\">\n        <h4>Lek. Wet.<br>Anna Nowak<\/h4>\n        <p class=\"team-overlay-desc\">Za\u0142o\u017cycielka gabinetu. Z niezwyk\u0142\u0105 dociekliwo\u015bci\u0105 diagnozuje trudne przypadki internistyczne. Jej spok\u00f3j udziela si\u0119 nawet najbardziej zdenerwowanym pacjentom.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"team-card\">\n      <div class=\"team-spec-badge\">USG \/ RTG<\/div>\n      <img decoding=\"async\" class=\"team-img\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lapka57802-1.webp\" alt=\"Lek. Wet. Dawid Juras\">\n      <div class=\"team-name-plate\">\n        <h4>Lek. Wet.<br>Dawid Juras<\/h4>\n      <\/div>\n      <div class=\"team-overlay\">\n        <h4>Lek. Wet.<br>Dawid Juras<\/h4>\n        <p class=\"team-overlay-desc\">Jego wprawne oko dostrze\u017ce ka\u017cd\u0105 zmian\u0119 w obrazie USG. Pasjonat nowoczesnych technologii w weterynarii, dba o precyzj\u0119 ka\u017cdej diagnozy.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"team-card\">\n      <div class=\"team-spec-badge\">Dermatologia<\/div>\n      <img decoding=\"async\" class=\"team-img\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/04\/katarzyna.webp\" alt=\"Lek. Wet. Katarzyna Wolska\">\n      <div class=\"team-name-plate\">\n        <h4>Lek. Wet.<br>Katarzyna Wolska<\/h4>\n      <\/div>\n      <div class=\"team-overlay\">\n        <h4>Lek. Wet.<br>Katarzyna Wolska<\/h4>\n        <p class=\"team-overlay-desc\">Ekspertka od \"trudnych spraw\" sk\u00f3rnych i hormonalnych. Uwielbia koty i posiada ogromn\u0105 wiedz\u0119 na temat ich specyficznych potrzeb zdrowotnych.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"team-card\">\n      <div class=\"team-spec-badge\">Chirurgia, Ortopedia<\/div>\n      <img decoding=\"async\" class=\"team-img\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/04\/lapka890-.webp\" alt=\"Lek. Wet. Jan Kowalski\">\n      <div class=\"team-name-plate\">\n        <h4>Lek. Wet.<br>Jan Kowalski<\/h4>\n      <\/div>\n      <div class=\"team-overlay\">\n        <h4>Lek. Wet.<br>Jan Kowalski<\/h4>\n        <p class=\"team-overlay-desc\">Mistrz skalpela z wieloletnim do\u015bwiadczeniem. Specjalizuje si\u0119 w zabiegach ratuj\u0105cych \u017cycie oraz skomplikowanych operacjach ortopedycznych.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    const cards = document.querySelectorAll('.team-card');\n    \n    cards.forEach(card => {\n      card.addEventListener('click', function(e) {\n        if (!this.classList.contains('is-active')) {\n          cards.forEach(c => c.classList.remove('is-active'));\n          this.classList.add('is-active');\n          e.stopPropagation(); \n        } else {\n          this.classList.remove('is-active');\n        }\n      });\n    });\n\n    document.addEventListener('click', () => {\n      cards.forEach(c => c.classList.remove('is-active'));\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-492cfa3 e-flex e-con-boxed e-con e-parent\" data-id=\"492cfa3\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be5c896 elementor-widget elementor-widget-spacer\" data-id=\"be5c896\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-447b75c e-flex e-con-boxed e-con e-parent\" data-id=\"447b75c\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21ea8e2 elementor-widget elementor-widget-spacer\" data-id=\"21ea8e2\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd09822 e-flex e-con-boxed e-con e-parent\" data-id=\"fd09822\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;nature&quot;,&quot;shape_divider_bottom&quot;:&quot;nature&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 4080 400\" preserveAspectRatio=\"none\">\r\n<polygon class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.8\" enable-background=\"new    \" points=\"0,102.1 94.6,102.1 26.3,245.4 0,187.5 \"\/>\r\n<polygon class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.5\" enable-background=\"new    \" points=\"1398.3,169.1 1635.8,182.7 1570.6,379.9 1515.4,195.9\r\n\t1499.9,234.6 1482.3,217.3 1459.7,278.5 1434.2,233.1 1409.1,245.9 1388,190.7 \"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M1579.3,156.6c0,65.7,53.2,118.9,118.9,118.9\r\n\tc49.7,0,92.2-30.5,110-73.8c15.5,17.5,38.3,28.6,63.6,28.6c46.9,0,85-38,85-85L1579.3,156.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2073,147.1c16,38.5,53.9,65.6,98.2,65.6c24,0,46.2-8,64-21.5\r\n\tc4.4,42.9,40.6,76.3,84.6,76.3c44.3,0,80.7-33.8,84.7-77.1C2299,191.1,2184,180.2,2073,147.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2285.7,75.1l-114.5-75c-58.7,0-106.3,47.6-106.3,106.3\r\n\tc0,0.3,0,0.6,0,0.9L2285.7,75.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.3\" enable-background=\"new    \" d=\"M4080,68.6V0L2818.6,9l-827.5,109\r\n\tc122.5,50.8,254.3,69.7,375.9,72.1l46.8,127.3l36.9-114.6l14.3,52.5l17.6-10.9l18.5,42l14.3-62.1l14.3,20.2l8.4-41.6l42,173.4\r\n\tl46.6-203.5c115.6-17,191.9-40.3,191.9-40.3s235.8-66.8,476.8-84.1c169-12.1,367.7,31.9,367.7,31.9S3890.5,191.4,4080,68.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M4080.1,216.8V68.7c0,0,0,0-0.1,0c-61.7,40-127.4,55.1-188,57.4\r\n\tl43.7,66.4l36.1-60.5l36.9,55l32.7-7.1l30.2,36.9H4080.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.8\" enable-background=\"new    \" d=\"M3496.3,54.2c12.1,39.7,47,70.3,90.9,74.8\r\n\tc23.9,2.4,46.8-3.3,65.9-14.9c0,43.1,32.6,80,76.4,84.5c44.1,4.5,83.7-25.5,92.1-68.1c-104.6-10-217.4-32.3-324.1-76.2\r\n\tC3497.1,54.3,3496.6,54.3,3496.3,54.2z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.7\" enable-background=\"new    \" d=\"M2867.3,119.7l22.9,33.1l27.1-8.7l28.1,29.6l22.1-43.1l20.6,14.5\r\n\tl34.5-59.5C2958,98,2903.6,110.7,2867.3,119.7z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" d=\"M4080,0H0v132.6c0,0,117.6-52.2,398-71.7l16.4,34.2l28.1-4.4l23.2,33.6l28.5-39.2l18.1,17.6l39-48.3\r\n\tc20.9-0.4,42.5-0.6,64.7-0.6c8.5,0,16.9,0.1,25.4,0.2v63.1c-26.2,1.8-47.1,29.8-47.1,64.1c0,35.5,22.4,64.3,50,64.3s50-28.8,50-64.3\r\n\tc0-34.2-20.8-62.2-47.1-64.1v-63c30,0.6,59.9,2,89.3,4v25c-11.9,1.9-21.2,15.1-21.2,31c0,17.2,10.9,31.2,24.3,31.2\r\n\tc13.4,0,24.3-13.9,24.3-31.2c0-15.9-9.2-29.1-21.2-31V58.5c305.5,22.2,564.6,114.9,564.6,114.9c317,85.5,690.4-28.9,1012.6-89.4\r\n\tc227.1-42.7,498.7-61.8,498.7-61.8s302.5-21.1,522.8,0C3561.7,43.2,3839.8,272.8,4080,0z\"\/>\r\n<\/svg>\r\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 4080 400\" preserveAspectRatio=\"none\">\r\n<polygon class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.8\" enable-background=\"new    \" points=\"0,102.1 94.6,102.1 26.3,245.4 0,187.5 \"\/>\r\n<polygon class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.5\" enable-background=\"new    \" points=\"1398.3,169.1 1635.8,182.7 1570.6,379.9 1515.4,195.9\r\n\t1499.9,234.6 1482.3,217.3 1459.7,278.5 1434.2,233.1 1409.1,245.9 1388,190.7 \"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M1579.3,156.6c0,65.7,53.2,118.9,118.9,118.9\r\n\tc49.7,0,92.2-30.5,110-73.8c15.5,17.5,38.3,28.6,63.6,28.6c46.9,0,85-38,85-85L1579.3,156.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2073,147.1c16,38.5,53.9,65.6,98.2,65.6c24,0,46.2-8,64-21.5\r\n\tc4.4,42.9,40.6,76.3,84.6,76.3c44.3,0,80.7-33.8,84.7-77.1C2299,191.1,2184,180.2,2073,147.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M2285.7,75.1l-114.5-75c-58.7,0-106.3,47.6-106.3,106.3\r\n\tc0,0.3,0,0.6,0,0.9L2285.7,75.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.3\" enable-background=\"new    \" d=\"M4080,68.6V0L2818.6,9l-827.5,109\r\n\tc122.5,50.8,254.3,69.7,375.9,72.1l46.8,127.3l36.9-114.6l14.3,52.5l17.6-10.9l18.5,42l14.3-62.1l14.3,20.2l8.4-41.6l42,173.4\r\n\tl46.6-203.5c115.6-17,191.9-40.3,191.9-40.3s235.8-66.8,476.8-84.1c169-12.1,367.7,31.9,367.7,31.9S3890.5,191.4,4080,68.6z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.2\" enable-background=\"new    \" d=\"M4080.1,216.8V68.7c0,0,0,0-0.1,0c-61.7,40-127.4,55.1-188,57.4\r\n\tl43.7,66.4l36.1-60.5l36.9,55l32.7-7.1l30.2,36.9H4080.1z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.8\" enable-background=\"new    \" d=\"M3496.3,54.2c12.1,39.7,47,70.3,90.9,74.8\r\n\tc23.9,2.4,46.8-3.3,65.9-14.9c0,43.1,32.6,80,76.4,84.5c44.1,4.5,83.7-25.5,92.1-68.1c-104.6-10-217.4-32.3-324.1-76.2\r\n\tC3497.1,54.3,3496.6,54.3,3496.3,54.2z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" opacity=\"0.7\" enable-background=\"new    \" d=\"M2867.3,119.7l22.9,33.1l27.1-8.7l28.1,29.6l22.1-43.1l20.6,14.5\r\n\tl34.5-59.5C2958,98,2903.6,110.7,2867.3,119.7z\"\/>\r\n<path class=\"elementor-shape-fill ha-shape-divider\" d=\"M4080,0H0v132.6c0,0,117.6-52.2,398-71.7l16.4,34.2l28.1-4.4l23.2,33.6l28.5-39.2l18.1,17.6l39-48.3\r\n\tc20.9-0.4,42.5-0.6,64.7-0.6c8.5,0,16.9,0.1,25.4,0.2v63.1c-26.2,1.8-47.1,29.8-47.1,64.1c0,35.5,22.4,64.3,50,64.3s50-28.8,50-64.3\r\n\tc0-34.2-20.8-62.2-47.1-64.1v-63c30,0.6,59.9,2,89.3,4v25c-11.9,1.9-21.2,15.1-21.2,31c0,17.2,10.9,31.2,24.3,31.2\r\n\tc13.4,0,24.3-13.9,24.3-31.2c0-15.9-9.2-29.1-21.2-31V58.5c305.5,22.2,564.6,114.9,564.6,114.9c317,85.5,690.4-28.9,1012.6-89.4\r\n\tc227.1-42.7,498.7-61.8,498.7-61.8s302.5-21.1,522.8,0C3561.7,43.2,3839.8,272.8,4080,0z\"\/>\r\n<\/svg>\r\n\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b5929b e-con-full e-flex e-con e-child\" data-id=\"6b5929b\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-54c63ec e-con-full e-flex e-con e-child\" data-id=\"54c63ec\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d183ef e-con-full e-flex e-con e-child\" data-id=\"7d183ef\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aed064b elementor-invisible elementor-widget elementor-widget-html\" data-id=\"aed064b\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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=Unbonded:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* --- STYLIZACJA WIDOKU NA STRONIE --- *\/\n  #vet-schedule-tool {\n    --brand-color: #7C4D0A; \n    --bg-color: #A9D7BE;\n    --text-color: #2D2D2D;\n    \/* Resetujemy fonty Elementora dla tego narz\u0119dzia *\/\n    font-family: 'Unbonded', sans-serif;\n    line-height: 1.5;\n  }\n\n  \/* Kontener *\/\n  .vet-calendar-wrapper {\n    background-color: var(--bg-color);\n    border-radius: 16px;\n    padding: 35px;\n    max-width: 600px;\n    margin: 0 auto; \/* Wy\u015brodkowanie w kolumnie Elementora *\/\n    box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n    color: var(--text-color);\n  }\n\n  .vet-header h2 {\n    color: var(--brand-color);\n    font-family: 'Unbonded', sans-serif;\n    font-weight: 700;\n    margin: 0 0 10px 0;\n    line-height: 1.2;\n    font-size: 1.8rem;\n  }\n\n  .vet-header p {\n    font-family: 'Unbonded', sans-serif;\n    font-size: 0.9em;\n    font-weight: 300;\n    color: #4a4a4a;\n    margin-bottom: 30px;\n  }\n\n  \/* Formularz *\/\n  .vet-form-row { display: flex; gap: 15px; margin-bottom: 20px; }\n  .vet-form-group { flex: 1; margin-bottom: 15px; }\n\n  .vet-label {\n    display: block; font-weight: 600; font-size: 0.8em;\n    margin-bottom: 8px; color: var(--brand-color);\n    text-transform: uppercase;\n  }\n\n  .vet-input, .vet-select {\n    width: 100%; padding: 15px;\n    border: 2px solid var(--brand-color);\n    border-radius: 10px; background-color: #fff;\n    font-family: 'Unbonded', sans-serif; font-size: 14px;\n    box-sizing: border-box; outline: none; color: #222;\n  }\n\n  \/* Przyciski *\/\n  .vet-btn {\n    width: 100%; background-color: var(--brand-color);\n    color: white; border: none; padding: 16px;\n    border-radius: 10px; font-weight: 700; cursor: pointer;\n    text-transform: uppercase; margin-top: 10px;\n    font-family: 'Unbonded', sans-serif;\n    transition: transform 0.2s;\n  }\n  .vet-btn:hover { transform: translateY(-2px); }\n\n  .vet-btn-outline {\n    background: transparent; border: 2px solid var(--brand-color);\n    color: var(--brand-color); margin-top: 15px;\n  }\n\n  \/* Wyniki (Timeline) *\/\n  .timeline-container {\n    margin-top: 40px; display: none; animation: slideUp 0.5s ease-out;\n  }\n\n  .timeline-header {\n    text-align: center; margin-bottom: 25px; padding-bottom: 15px;\n    border-bottom: 2px dashed rgba(124, 77, 10, 0.3);\n  }\n\n  .timeline-item {\n    display: flex; margin-bottom: 20px; position: relative;\n  }\n  \n  \/* Linia pionowa *\/\n  .timeline-item::before {\n    content: ''; position: absolute; left: 24px; top: 0; bottom: -20px;\n    width: 2px; background-color: rgba(124, 77, 10, 0.2); z-index: 0;\n  }\n  .timeline-item:last-child::before { display: none; }\n\n  .timeline-date {\n    background-color: var(--brand-color); color: #fff;\n    min-width: 50px; height: 50px; border-radius: 50%;\n    display: flex; flex-direction: column;\n    align-items: center; justify-content: center;\n    font-size: 0.75em; font-weight: 700; z-index: 1;\n    margin-right: 20px;\n    \/* Fix dla kolor\u00f3w *\/\n    -webkit-print-color-adjust: exact; print-color-adjust: exact;\n  }\n\n  .timeline-content {\n    background-color: #fff; padding: 15px; border-radius: 12px;\n    flex: 1; border: 1px solid #eee;\n  }\n  \n  .t-stage { font-size: 0.7em; text-transform: uppercase; color: #888; font-weight: 700; display: block; }\n  .t-title { font-weight: 700; color: var(--brand-color); display: block; margin: 4px 0; }\n  .t-desc { font-size: 0.85em; color: #555; }\n\n  @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n\n  \/* --- POPUP (MODAL) --- *\/\n  .vet-modal-overlay {\n    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n    background-color: rgba(0,0,0,0.8); z-index: 99999; \/* Wy\u017cej ni\u017c Elementor *\/\n    justify-content: center; align-items: center; padding: 20px;\n    backdrop-filter: blur(5px);\n  }\n  .vet-modal-overlay.is-visible { display: flex !important; }\n\n  .vet-modal-content {\n    background-color: #fff; padding: 30px; border-radius: 16px;\n    width: 100%; max-width: 500px; position: relative;\n    max-height: 90vh; overflow-y: auto;\n    font-family: 'Unbonded', sans-serif;\n  }\n  .vet-close {\n    position: absolute; top: 15px; right: 20px; font-size: 30px;\n    cursor: pointer; color: #aaa; line-height: 1;\n  }\n  \n  \/* Dostosowanie mobilne *\/\n  @media (max-width: 500px) { .vet-form-row { flex-direction: column; gap: 0; } }\n<\/style>\n\n<div id=\"vet-schedule-tool\">\n  <div class=\"vet-calendar-wrapper\">\n    \n    <div class=\"vet-header\">\n      <h2>Harmonogram Profilaktyki<\/h2>\n      <p>Wprowad\u017a dane pupila, aby otrzyma\u0107 plan.<\/p>\n    <\/div>\n\n    <div class=\"vet-form-group\">\n      <label class=\"vet-label\">Imi\u0119 Pupila<\/label>\n      <input type=\"text\" class=\"vet-input\" id=\"pet-name\" placeholder=\"np. Luna\">\n    <\/div>\n\n    <div class=\"vet-form-row\">\n      <div class=\"vet-form-group\">\n        <label class=\"vet-label\">Gatunek<\/label>\n        <select class=\"vet-select\" id=\"pet-species\">\n          <option value=\"dog\">Szczeniak \ud83d\udc36<\/option>\n          <option value=\"cat\">Kociak \ud83d\udc31<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"vet-form-group\">\n        <label class=\"vet-label\">Data Urodzenia<\/label>\n        <input type=\"date\" class=\"vet-input\" id=\"birth-date\">\n      <\/div>\n    <\/div>\n\n    <button class=\"vet-btn\" onclick=\"generateSchedule()\">Generuj Harmonogram<\/button>\n\n    <div class=\"timeline-container\" id=\"schedule-result\">\n      \n      <div id=\"printable-area\">\n          <div class=\"timeline-header\">\n            <h3 style=\"margin:0; color:#7C4D0A;\">Plan Profilaktyki<\/h3>\n            <span id=\"display-name\" style=\"font-size:1.2em; font-weight:700; display:block; margin:5px 0;\"><\/span>\n            <div style=\"font-size: 0.8em; color:#666;\">Daty s\u0105 orientacyjne. Wymagana konsultacja lekarska.<\/div>\n          <\/div>\n          \n          <div id=\"timeline-items-wrapper\"><\/div>\n      <\/div>\n      <button class=\"vet-btn\" id=\"btn-open-popup\" style=\"margin-top: 30px;\">\n          \ud83d\udcc5 Um\u00f3w wizyt\u0119 z planu\n      <\/button>\n\n      <button class=\"vet-btn vet-btn-outline\" onclick=\"printExternalWindow()\">\n          \ud83d\udda8\ufe0f Drukuj list\u0119 (PDF)\n      <\/button>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<div id=\"scheduleModal\" class=\"vet-modal-overlay\">\n  <div class=\"vet-modal-content\">\n    <span class=\"vet-close\" id=\"btn-close-popup\">&times;<\/span>\n    <h3 style=\"margin-top:0; color:#7C4D0A;\">Doko\u0144cz rezerwacj\u0119<\/h3>\n    <p style=\"font-size:0.9em; margin-bottom:20px; color:#666;\">\n      Podaj dane kontaktowe, aby potwierdzi\u0107 wizyt\u0119.\n    <\/p>\n    \n    <div class=\"fluent-form-container\">\n        <div class='fluentform ff-default fluentform_wrapper_5 ffs_default_wrap'><form data-form_id=\"5\" id=\"fluentform_5\" class=\"frm-fluent-form fluent_form_5 ff-el-form-top ff_form_instance_5_3 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_5_3\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">podaj \u0142apk\u0119<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='1548' \/><input type=\"hidden\" id=\"_fluentform_5_fluentformnonce\" name=\"_fluentform_5_fluentformnonce\" value=\"0c8d1e2f14\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F1548\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_5_3_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Imi\u0119 w\u0142a\u015bciciela pupila\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_5_3_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Nazwisko w\u0142a\u015bciciela pupila\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"Imi\u0119 pupila\" data-name=\"input_text\" id=\"ff_5_3_input_text\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Gatunek pupila\">Gatunek pupila<\/label><\/div><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_95e36f212414c6937df5561345b9c149'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Koty\"  id='input_radio_95e36f212414c6937df5561345b9c149' aria-label='Koty' aria-invalid='false' aria-required=false> <span>Koty<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_95bfe07c9e1976bc16c534da84b65cfd'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Psy\"  id='input_radio_95bfe07c9e1976bc16c534da84b65cfd' aria-label='Psy' aria-invalid='false' aria-required=false> <span>Psy<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_3e9001c89358634b32018f4c08b498fb'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Gryzonie \"  id='input_radio_3e9001c89358634b32018f4c08b498fb' aria-label='Gryzonie' aria-invalid='false' aria-required=false> <span>Gryzonie <\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_07cf56410d7b230ccf5d0e0e40611ada'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Gady\"  id='input_radio_07cf56410d7b230ccf5d0e0e40611ada' aria-label='Gady' aria-invalid='false' aria-required=false> <span>Gady<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_16d063f5c10aee564ba0cf804aec21a7'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Ptaki\"  id='input_radio_16d063f5c10aee564ba0cf804aec21a7' aria-label='Ptaki' aria-invalid='false' aria-required=false> <span>Ptaki<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_5fdf4e3b06bc6844940d94533336ec3c'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Inne\"  id='input_radio_5fdf4e3b06bc6844940d94533336ec3c' aria-label='Inne' aria-invalid='false' aria-required=false> <span>Inne<\/span><\/label><\/div><\/div><\/div><div class='ff-el-group'><div class='ff-el-input--content'><input type=\"text\" name=\"input_text_1\" class=\"ff-el-form-control\" placeholder=\"Wymie\u0144 gatunek\" data-name=\"input_text_1\" id=\"ff_5_3_input_text_1\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class='ff-el-input--content'><input name=\"phone\" class=\"ff-el-form-control ff-el-phone\" type=\"tel\" placeholder=\"Numer telefonu\" data-name=\"phone\" id=\"ff_5_3_phone\" inputmode=\"tel\"  aria-invalid='false' aria-required=true><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper ff_submit_btn_wrapper_custom'><button class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\" type=\"submit\" name=\"custom_submit_button-5_1\" data-name=\"custom_submit_button-5_1\"  aria-label=\"Uzupe\u0142nij dane\">Uzupe\u0142nij dane<\/button><style>form.fluent_form_5 .wpf_has_custom_css.ff-btn-submit { background-color:rgba(97, 57, 8, 1);border-color:rgba(175, 98, 4, 1);color:#ffffff;min-width:100%; }form.fluent_form_5 .wpf_has_custom_css.ff-btn-submit:hover { background-color:#ffffff;border-color:rgba(175, 98, 4, 1);color:rgba(175, 98, 4, 1);min-width:100%; } <\/style><\/div><\/fieldset><\/form><div id='fluentform_5_errors' class='ff-errors-in-stack ff_form_instance_5_3 ff-form-loading_errors ff_form_instance_5_3_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_5_3 = {\"id\":\"5\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_5_3\",\"form_id_selector\":\"fluentform_5\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"input_text\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"input_radio\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"input_text_1\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"phone\":{\"required\":{\"value\":true,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"valid_phone_number\":{\"value\":false,\"global\":true,\"message\":\"Phone number is not valid\",\"global_message\":\"Phone number is not valid\"}}},\"debounce_time\":300,\"conditionals\":{\"input_text_1\":{\"type\":\"any\",\"status\":true,\"conditions\":[{\"field\":\"input_radio\",\"value\":\"Inne\",\"operator\":\"\"}],\"condition_groups\":[{\"rules\":[{\"field\":\"\",\"value\":\"\",\"operator\":\"\"}],\"title\":\"\",\"isEditingTitle\":false,\"isPreviewOpen\":false,\"isGroupOpen\":true}]}}};\n                            <\/script>\n            \n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ --- 1. FUNKCJA DRUKOWANIA W NOWYM OKNIE (NAPRAWIA PUST\u0104 STRON\u0118) ---\n  function printExternalWindow() {\n    \/\/ Pobieramy tre\u015b\u0107\n    const content = document.getElementById('printable-area').innerHTML;\n    \n    \/\/ Otwieramy nowe, czyste okno\n    const printWindow = window.open('', '_blank', 'height=800,width=800');\n    \n    if(!printWindow) {\n        alert(\"Zablokowano wyskakuj\u0105ce okienko! Zezw\u00f3l na wyskakuj\u0105ce okna dla tej strony.\");\n        return;\n    }\n\n    \/\/ Budujemy dokument HTML do druku\n    printWindow.document.write(`\n      <html>\n        <head>\n          <title>Harmonogram Profilaktyki<\/title>\n          <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbonded:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n          <style>\n            body { font-family: 'Unbonded', sans-serif; padding: 40px; color: #333; }\n            .timeline-header { text-align: center; margin-bottom: 30px; border-bottom: 2px dashed #7C4D0A; padding-bottom: 20px; }\n            .timeline-item { display: flex; margin-bottom: 25px; break-inside: avoid; page-break-inside: avoid; position: relative; }\n            \n            \/* Linia *\/\n            .timeline-item::before {\n                content: ''; position: absolute; left: 25px; top: 0; bottom: -25px;\n                width: 2px; background-color: #eee; z-index: -1;\n            }\n\n            .timeline-date { \n                background-color: #7C4D0A !important; color: white !important; \n                width: 50px; height: 50px; border-radius: 50%; \n                display: flex; flex-direction: column; align-items: center; justify-content: center;\n                font-size: 11px; font-weight: bold; margin-right: 20px;\n                -webkit-print-color-adjust: exact; print-color-adjust: exact;\n            }\n            .timeline-content { flex: 1; }\n            .t-stage { display: block; font-size: 10px; color: #999; text-transform: uppercase; font-weight: bold; }\n            .t-title { display: block; font-weight: bold; color: #7C4D0A; font-size: 14px; margin: 2px 0; }\n            .t-desc { font-size: 12px; color: #555; }\n          <\/style>\n        <\/head>\n        <body>\n          ${content}\n          <div style=\"margin-top: 50px; text-align: center; font-size: 10px; color: #aaa;\">\n            Wygenerowano automatycznie.\n          <\/div>\n        <\/body>\n      <\/html>\n    `);\n    \n    printWindow.document.close();\n    printWindow.focus();\n    \n    \/\/ Czekamy chwil\u0119 na za\u0142adowanie font\u00f3w i styl\u00f3w\n    setTimeout(() => {\n        printWindow.print();\n        printWindow.close();\n    }, 800);\n  }\n\n  \/\/ --- 2. LOGIKA GENEROWANIA ---\n  function generateSchedule() {\n    const nameInput = document.getElementById('pet-name');\n    const speciesInput = document.getElementById('pet-species');\n    const birthDateInput = document.getElementById('birth-date');\n    const resultContainer = document.getElementById('schedule-result');\n    const itemsWrapper = document.getElementById('timeline-items-wrapper');\n    const displayName = document.getElementById('display-name');\n\n    if (!birthDateInput.value) { alert(\"Podaj dat\u0119 urodzenia!\"); return; }\n\n    const name = nameInput.value.trim() || \"Tw\u00f3j Pupil\";\n    const species = speciesInput.value;\n    const birthDate = new Date(birthDateInput.value);\n\n    itemsWrapper.innerHTML = \"\";\n    displayName.innerText = name;\n\n    const dogProtocol = [\n      { weeks: 6, title: \"Szczepienie 1\", desc: \"Nos\u00f3wka, Parwowiroza\" },\n      { weeks: 9, title: \"Szczepienie 2\", desc: \"Choroby zaka\u017ane (DHPPi) + Leptospiroza\" },\n      { weeks: 12, title: \"Szczepienie 3\", desc: \"Komplet + W\u015bcieklizna\" },\n      { weeks: 24, title: \"Kontrola\", desc: \"Waga i wymiana z\u0119b\u00f3w\" },\n      { weeks: 52, title: \"Szczepienie roczne\", desc: \"Dawka przypominaj\u0105ca\" }\n    ];\n\n    const catProtocol = [\n      { weeks: 8, title: \"Szczepienie 1\", desc: \"Koci katar, Panleukopenia\" },\n      { weeks: 12, title: \"Szczepienie 2\", desc: \"Przypomnienie + W\u015bcieklizna\" },\n      { weeks: 16, title: \"Opcjonalnie\", desc: \"Bia\u0142aczka (dla wychodz\u0105cych)\" },\n      { weeks: 52, title: \"Szczepienie roczne\", desc: \"Dawka przypominaj\u0105ca\" }\n    ];\n\n    const protocol = (species === 'dog') ? dogProtocol : catProtocol;\n\n    protocol.forEach(item => {\n      const eventDate = new Date(birthDate);\n      eventDate.setDate(birthDate.getDate() + (item.weeks * 7));\n      const day = String(eventDate.getDate()).padStart(2, '0');\n      const month = String(eventDate.getMonth() + 1).padStart(2, '0');\n      const year = eventDate.getFullYear();\n\n      const htmlTemplate = `\n        <div class=\"timeline-item\">\n          <div class=\"timeline-date\">\n            <span>${day}.${month}<\/span>\n            <span style=\"font-size:0.8em; opacity:0.8\">${year}<\/span>\n          <\/div>\n          <div class=\"timeline-content\">\n            <span class=\"t-stage\">${item.weeks}. TYDZIE\u0143<\/span>\n            <span class=\"t-title\">${item.title}<\/span>\n            <span class=\"t-desc\">${item.desc}<\/span>\n          <\/div>\n        <\/div>\n      `;\n      itemsWrapper.insertAdjacentHTML('beforeend', htmlTemplate);\n    });\n\n    resultContainer.style.display = 'block';\n  }\n\n  \/\/ --- 3. OBS\u0141UGA POPUPA ---\n  document.addEventListener('DOMContentLoaded', function() {\n    const modal = document.getElementById('scheduleModal');\n    const openBtn = document.getElementById('btn-open-popup');\n    const closeBtn = document.getElementById('btn-close-popup');\n\n    if(openBtn) {\n        openBtn.addEventListener('click', function() { modal.classList.add('is-visible'); });\n    }\n    if(closeBtn) {\n        closeBtn.addEventListener('click', function() { modal.classList.remove('is-visible'); });\n    }\n    if(modal) {\n        modal.addEventListener('click', function(e) {\n            if (e.target === modal) modal.classList.remove('is-visible');\n        });\n    }\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a7634e e-flex e-con-boxed e-con e-parent\" data-id=\"8a7634e\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e80501c elementor-widget elementor-widget-spacer\" data-id=\"e80501c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3390d87 e-flex e-con-boxed e-con e-parent\" data-id=\"3390d87\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17ace7f elementor-widget elementor-widget-html\" data-id=\"17ace7f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- BAZA I ZMIENNE --- *\/\n  :root {\n    --brand-dark: #4A3319;\n    --brand-text: #7C4D0A;\n    --brand-accent: #A9D7BE;\n    --brand-bg: transparent; \n  }\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap');\n\n  .premium-testimonials-section {\n    padding: 100px 5%;\n    max-width: 1400px;\n    margin: 0 auto;\n    font-family: 'Poppins', sans-serif !important;\n    position: relative;\n    z-index: 10;\n  }\n  .premium-testimonials-section * { box-sizing: border-box; }\n\n  \/* --- NAG\u0141\u00d3WEK SEKCJI --- *\/\n  .section-header {\n    text-align: center;\n    margin-bottom: 70px;\n  }\n  \n  .section-subtitle {\n    display: inline-block;\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 0.95rem !important;\n    font-weight: 700 !important;\n    color: var(--brand-accent) !important;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 15px !important;\n    background: #ffffff;\n    padding: 8px 20px;\n    border-radius: 30px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.03);\n  }\n\n  .section-title {\n    font-family: 'Nunito', sans-serif !important;\n    font-size: clamp(2.5rem, 4vw, 3.8rem) !important;\n    color: var(--brand-text) !important;\n    line-height: 1.1 !important;\n    margin: 0 !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.02em !important;\n  }\n  .title-highlight { color: var(--brand-accent) !important; }\n\n  \/* --- SIATKA KART OPINII --- *\/\n  .testimonials-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n  }\n\n  \/* --- POJEDYNCZA KARTA --- *\/\n  .testi-card {\n    display: flex;\n    background: #ffffff;\n    border-radius: 40px;\n    padding: 20px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.05);\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .testi-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 25px 50px rgba(124, 77, 10, 0.08);\n  }\n\n  \/* Zdj\u0119cie w karcie *\/\n  .testi-image-wrapper {\n    width: 40%;\n    flex-shrink: 0;\n    border-radius: 25px;\n    overflow: hidden;\n    position: relative;\n  }\n  \n  .testi-image-wrapper img {\n    width: 100%;\n    height: 100%;\n    min-height: 250px; \/* Zapewnia \u0142adne proporcje *\/\n    object-fit: cover;\n    transition: transform 0.5s ease;\n  }\n  \n  .testi-card:hover .testi-image-wrapper img {\n    transform: scale(1.05);\n  }\n\n  \/* Cz\u0119\u015b\u0107 tekstowa *\/\n  .testi-content {\n    width: 60%;\n    padding: 20px 20px 20px 30px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n  }\n\n  \/* Ogromny, ozdobny cudzys\u0142\u00f3w w tle *\/\n  .testi-content::before {\n    content: '\u201d';\n    position: absolute;\n    top: -20px;\n    right: 20px;\n    font-family: 'Nunito', sans-serif !important;\n    font-size: 150px;\n    line-height: 1;\n    color: var(--brand-accent);\n    opacity: 0.15;\n    z-index: 0;\n  }\n\n  \/* Gwiazdki *\/\n  .testi-stars {\n    color: var(--brand-accent);\n    font-size: 1.2rem;\n    margin-bottom: 15px;\n    letter-spacing: 2px;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* Tekst opinii *\/\n  .testi-quote {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 1.05rem !important;\n    line-height: 1.7 !important;\n    color: #555 !important;\n    font-style: italic;\n    font-weight: 400 !important;\n    margin-bottom: 25px !important;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* Autor *\/\n  .testi-author {\n    font-family: 'Nunito', sans-serif !important;\n    font-size: 1.3rem !important;\n    font-weight: 800 !important;\n    color: var(--brand-text) !important;\n    margin: 0 0 5px 0 !important;\n    position: relative;\n    z-index: 1;\n  }\n  \n  .testi-pet {\n    font-size: 0.9rem !important;\n    font-weight: 500 !important;\n    color: #888 !important;\n    margin: 0 !important;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* --- RESPONSYWNO\u015a\u0106 --- *\/\n  @media (max-width: 1024px) {\n    .testimonials-grid { grid-template-columns: 1fr; gap: 30px; }\n  }\n  \n  @media (max-width: 650px) {\n    .testi-card { flex-direction: column; padding: 15px; border-radius: 30px; }\n    .testi-image-wrapper { width: 100%; height: 200px; border-radius: 20px; }\n    .testi-image-wrapper img { min-height: auto; }\n    .testi-content { width: 100%; padding: 25px 10px 10px; text-align: center; }\n    .testi-content::before { right: 50%; transform: translateX(50%); top: 0px; }\n  }\n<\/style>\n\n<section class=\"premium-testimonials-section\" id=\"pacjenci\">\n  \n  <div class=\"section-header testimonial-reveal\">\n    <span class=\"section-subtitle\">Nasi Pacjenci<\/span>\n    <h2 class=\"section-title\">Zaufali Nam <br><span class=\"title-highlight\">I Merdaj\u0105 Ogonem<\/span><\/h2>\n  <\/div>\n\n  <div class=\"testimonials-grid\">\n    \n    <div class=\"testi-card testimonial-reveal\">\n      <div class=\"testi-image-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/bruno.png\" alt=\"W\u0142a\u015bciciel z psem u weterynarza\">\n      <\/div>\n      <div class=\"testi-content\">\n        <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"testi-quote\">\"Trafili\u015bmy do \u0141apki z nag\u0142ym skr\u0119tem \u017co\u0142\u0105dka. Dzi\u0119ki szybkiej reakcji doktora Kowalskiego, Bruno \u017cyje i znowu biega za pi\u0142k\u0105. Dzi\u0119kujemy za uratowanie naszego przyjaciela!\"<\/p>\n        <h4 class=\"testi-author\">Zofia<\/h4>\n        <p class=\"testi-pet\">W\u0142a\u015bcicielka Bruna<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"testi-card testimonial-reveal\">\n      <div class=\"testi-image-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/luna.webp\" alt=\"Lekarz weterynarii z kotem\">\n      <\/div>\n      <div class=\"testi-content\">\n        <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"testi-quote\">\"Nikt nie potrafi\u0142 zdiagnozowa\u0107 alergii Luny. Dopiero doktor Wolska po wnikliwych badaniach dobra\u0142a odpowiednie leczenie. Sier\u015b\u0107 odros\u0142a, a kicia w ko\u0144cu przesta\u0142a si\u0119 drapa\u0107.\"<\/p>\n        <h4 class=\"testi-author\">Marek<\/h4>\n        <p class=\"testi-pet\">W\u0142a\u015bciciel Luny<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    \/\/ Prosty Scroll Reveal dla sekcji Testimonials\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          gsap.fromTo(entry.target, \n            { y: 50, opacity: 0 }, \n            { y: 0, opacity: 1, duration: 0.8, ease: \"power3.out\" }\n          );\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n\n    document.querySelectorAll('.testimonial-reveal').forEach(el => {\n      \/\/ Ustawiamy domy\u015blnie niewidoczne przed animacj\u0105\n      el.style.opacity = '0';\n      observer.observe(el);\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20833bd e-flex e-con-boxed e-con e-parent\" data-id=\"20833bd\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b6d4c0 elementor-widget elementor-widget-html\" data-id=\"6b6d4c0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- KONFIGURACJA KOLOR\u00d3W STOPKI --- *\/\n  :root {\n    --footer-bg: #4A3319; \/* G\u0142\u0119boki, elegancki br\u0105z (ciemniejsza wersja Twojego g\u0142\u00f3wnego) *\/\n    --footer-accent: #A9D7BE; \/* Mi\u0119towy *\/\n    --footer-text: #E8E1DA; \/* Bardzo jasny be\u017c\/szary dla czytelno\u015bci *\/\n    --footer-white: #ffffff;\n  }\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@700;800;900&family=Poppins:wght@300;400;500;600&display=swap');\n\n  \/* --- G\u0141\u00d3WNY KONTENER --- *\/\n  .premium-footer {\n    background-color: var(--footer-bg);\n    padding: 80px 20px 30px;\n    font-family: 'Poppins', sans-serif !important;\n    position: relative;\n    z-index: 10; \/* Upewniamy si\u0119, \u017ce jest nad \u0142apkami z t\u0142a *\/\n    color: var(--footer-text);\n  }\n  .premium-footer * { box-sizing: border-box; }\n\n  \/* --- SIATKA KOLUMN --- *\/\n  .footer-grid {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 2fr 1fr 1.5fr 1fr; \/* Proporcje kolumn *\/\n    gap: 50px;\n    margin-bottom: 60px;\n  }\n\n  \/* --- NAG\u0141\u00d3WKI W STOPCE --- *\/\n  .footer-heading {\n    font-family: 'Nunito', sans-serif !important;\n    font-weight: 800 !important;\n    font-size: 1.4rem !important;\n    color: var(--footer-accent) !important;\n    margin: 0 0 25px 0 !important;\n    letter-spacing: 0.5px;\n  }\n\n  \/* --- KOLUMNA 1: O NAS --- *\/\n  .footer-about-text {\n    font-size: 1rem !important;\n    line-height: 1.7 !important;\n    color: var(--footer-text) !important;\n    margin: 0 !important;\n    font-weight: 300 !important;\n  }\n\n  \/* --- KOLUMNA 2 i 3: LISTY (KONTAKT \/ GODZINY) --- *\/\n  .footer-list {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n  }\n  .footer-list li {\n    font-size: 0.95rem !important;\n    line-height: 1.6 !important;\n    margin-bottom: 15px !important;\n    color: var(--footer-text) !important;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    font-weight: 300 !important;\n  }\n  .footer-list li strong {\n    color: var(--footer-white);\n    font-weight: 500 !important;\n  }\n  \n  \/* Ikonki w li\u015bcie (u\u017cywamy emoji jako czystych wektor\u00f3w) *\/\n  .footer-icon {\n    font-size: 1.1rem;\n    line-height: 1.4;\n  }\n\n  \/* --- BOKS NAG\u0141YCH PRZYPADK\u00d3W --- *\/\n  .emergency-box {\n    margin-top: 20px;\n    background: rgba(169, 215, 190, 0.1);\n    border-left: 4px solid var(--footer-accent);\n    padding: 15px;\n    border-radius: 0 8px 8px 0;\n  }\n  .emergency-box p {\n    margin: 0 !important;\n    font-size: 0.85rem !important;\n    line-height: 1.5 !important;\n    color: var(--footer-white) !important;\n  }\n  .emergency-box strong {\n    color: var(--footer-accent) !important;\n    font-size: 1rem;\n    display: block;\n    margin-top: 5px;\n  }\n\n  \/* --- KOLUMNA 4: SOCIAL MEDIA --- *\/\n  .footer-socials {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n  }\n  .social-circle {\n    width: 45px;\n    height: 45px;\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(169, 215, 190, 0.3);\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: var(--footer-accent) !important;\n    font-family: 'Nunito', sans-serif !important;\n    font-weight: 800 !important;\n    font-size: 0.9rem !important;\n    text-decoration: none !important;\n    transition: all 0.3s ease;\n  }\n  .social-circle:hover {\n    background: var(--footer-accent);\n    color: var(--footer-bg) !important;\n    transform: translateY(-5px);\n    border-color: var(--footer-accent);\n    box-shadow: 0 5px 15px rgba(169, 215, 190, 0.2);\n  }\n\n  \/* --- DOLNY PASEK (COPYRIGHT) --- *\/\n  .footer-bottom {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding-top: 30px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .footer-bottom p {\n    margin: 0 !important;\n    font-size: 0.85rem !important;\n    color: rgba(232, 225, 218, 0.6) !important; \/* Zgaszony tekst *\/\n  }\n  .anm-credit a {\n    color: var(--footer-accent) !important;\n    text-decoration: none !important;\n    font-weight: 600 !important;\n    transition: color 0.3s;\n  }\n  .anm-credit a:hover { color: var(--footer-white) !important; }\n\n  \/* --- RESPONSYWNO\u015a\u0106 --- *\/\n  @media (max-width: 1024px) {\n    .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }\n  }\n  @media (max-width: 600px) {\n    .premium-footer { padding: 60px 20px 20px; }\n    .footer-grid { grid-template-columns: 1fr; gap: 40px; text-align: center; }\n    .footer-list li { justify-content: center; flex-direction: column; align-items: center; gap: 5px; }\n    .emergency-box { border-left: none; border-top: 4px solid var(--footer-accent); border-radius: 0 0 8px 8px; }\n    .footer-socials { justify-content: center; }\n    .footer-bottom { flex-direction: column; gap: 15px; text-align: center; }\n  }\n<\/style>\n\n<footer class=\"premium-footer\">\n  <div class=\"footer-grid\">\n    \n    <div class=\"footer-col\">\n      <h3 class=\"footer-heading\">Gabinet \u0141apka<\/h3>\n      <p class=\"footer-about-text\">Tworzymy miejsce, w kt\u00f3rym nowoczesna medycyna spotyka si\u0119 z empati\u0105. Dbamy o to, by Tw\u00f3j przyjaciel merda\u0142 ogonem (lub mrucza\u0142) jeszcze d\u0142ugie lata.<\/p>\n    <\/div>\n\n    <div class=\"footer-col\">\n      <h3 class=\"footer-heading\">Znajdziesz nas<\/h3>\n      <ul class=\"footer-list\">\n        <li><span class=\"footer-icon\">\ud83d\udccd<\/span> <span>ul. Zwierzakowa 14A<br>00-123 Twoje Miasto<\/span><\/li>\n        <li><span class=\"footer-icon\">\ud83d\udcde<\/span> <span><strong>+48 123 456 789<\/strong><\/span><\/li>\n        <li><span class=\"footer-icon\">\u2709\ufe0f<\/span> <span>rejestracja@gabinetlapka.pl<\/span><\/li>\n        <li><span class=\"footer-icon\">\ud83d\ude97<\/span> <span>Bezp\u0142atny parking dla pacjent\u00f3w przed wej\u015bciem.<\/span><\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"footer-col\">\n      <h3 class=\"footer-heading\">Jeste\u015bmy otwarci<\/h3>\n      <ul class=\"footer-list\">\n        <li><span><strong>Pn - Pt:<\/strong> 08:00 - 20:00<\/span><\/li>\n        <li><span><strong>Sobota:<\/strong> 09:00 - 14:00<\/span><\/li>\n        <li><span><strong>Niedziela:<\/strong> 09:00 - 13:00<\/span><\/li>\n      <\/ul>\n      \n      <div class=\"emergency-box\">\n        <p>Nag\u0142e przypadki poza godzinami przyj\u0119\u0107 prosimy zg\u0142asza\u0107 telefonicznie: <strong>+48 123 456 789<\/strong><\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"footer-col\">\n      <h3 class=\"footer-heading\">\u015aled\u017a nas<\/h3>\n      <div class=\"footer-socials\">\n        <a href=\"#\" class=\"social-circle magnetic-icon\">FB<\/a>\n        <a href=\"#\" class=\"social-circle magnetic-icon\">IG<\/a>\n        <a href=\"#\" class=\"social-circle magnetic-icon\">YT<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"footer-bottom\">\n    <p>&copy; 2026 Gabinet Weterynaryjny \u0141apka. Wszelkie prawa zastrze\u017cone.<\/p>\n    <p class=\"anm-credit\">Projekt i realizacja: <a href=\"https:\/\/portfolio.anmcollective.pl\/\" target=\"_blank\">ANM Collective<\/a><\/p>\n  <\/div>\n<\/footer>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    \/\/ Efekt magnetyczny dla ikon w stopce (wow factor!)\n    const magnets = document.querySelectorAll('.magnetic-icon');\n\n    magnets.forEach((magnet) => {\n      magnet.addEventListener('mousemove', function(e) {\n        const position = magnet.getBoundingClientRect();\n        const x = e.clientX - position.left - position.width \/ 2;\n        const y = e.clientY - position.top - position.height \/ 2;\n        \n        gsap.to(magnet, { x: x * 0.3, y: y * 0.3, duration: 0.4, ease: \"power2.out\" });\n      });\n\n      magnet.addEventListener('mouseleave', function() {\n        gsap.to(magnet, { x: 0, y: 0, duration: 0.8, ease: \"elastic.out(1, 0.3)\" });\n      });\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2800189 e-flex e-con-boxed e-con e-parent\" data-id=\"2800189\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4eb1d7 elementor-widget elementor-widget-html\" data-id=\"b4eb1d7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"portfolio-dock-wrapper\">\n    <div class=\"dock-notice\">\n        Ogl\u0105dasz portfolio <strong>ANM Collective<\/strong>\n    <\/div>\n\n    <div class=\"portfolio-nav-dock\">\n        <div class=\"dock-signature\">\n            <a href=\"https:\/\/portfolio.anmcollective.pl\/\" class=\"signature-link\">\n                <img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logo-bez-tla-1.webp\" alt=\"ANM Collective\">\n                <div class=\"signature-text\">\n                    <span>Created by<\/span>\n                    <strong>ANM Collective<\/strong>\n                <\/div>\n            <\/a>\n        <\/div>\n\n        <div class=\"dock-divider\"><\/div>\n\n        <div class=\"dock-scroll-viewport\">\n            <div class=\"dock-container\" id=\"dockContainerScroll\">\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=1548\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lapkaweb.webp\" alt=\"\u0141apka\"><\/a>\n                    <span class=\"tooltip\">\u0141apka<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=22\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/makramoreweb.webp\" alt=\"Makramore\"><\/a>\n                    <span class=\"tooltip\">Makramore<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=2248\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/old-town-bez-tlaweb.webp\" alt=\"Old Town\"><\/a>\n                    <span class=\"tooltip\">Old Town<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=881\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/logoqubic-ezgif.com-video-to-webp-converter.webp\" alt=\"Qubis form\"><\/a>\n                    <span class=\"tooltip\">Qubis Form<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=2244\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/04\/szafir.png\" alt=\"Szafir\"><\/a>\n                    <span class=\"tooltip\">Szafir<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=2246\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/slow-nestweb.webp\" alt=\"Slow Nest\"><\/a>\n                    <span class=\"tooltip\">Slow Nest<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=3179\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lukierowniaweb.webp\" alt=\"Lukrownia\"><\/a>\n                    <span class=\"tooltip\">Lukrownia<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=3181\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/ekodomweb.webp\" alt=\"Eco dom\"><\/a>\n                    <span class=\"tooltip\">Eco dom<\/span>\n                <\/div>\n                <div class=\"dock-item\">\n                    <a href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=5616\"><img decoding=\"async\" src=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/zumbaweb.webp\" alt=\"Zumba\"><\/a>\n                    <span class=\"tooltip\">Zumba<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"dock-divider\"><\/div>\n\n        <div class=\"dock-arrows\">\n            <button type=\"button\" class=\"dock-arrow\" onclick=\"document.getElementById('dockContainerScroll').scrollBy({left: -150, behavior: 'smooth'})\">\u2039<\/button>\n            <button type=\"button\" class=\"dock-arrow\" onclick=\"document.getElementById('dockContainerScroll').scrollBy({left: 150, behavior: 'smooth'})\">\u203a<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* G\u0142\u00f3wny kontener i ZMIENNE KOLORYSTYCZNE *\/\n.portfolio-dock-wrapper {\n    \/* ========================================== *\/\n    \/* \ud83d\udfe2 WASZ KOLOR T\u0141A (#253A2A)               *\/\n    \/* ========================================== *\/\n    --anm-bg-rgb: 37, 58, 42; \n\n    \/* Nieco ja\u015bniejsza ziele\u0144 do po\u015bwiaty, aby \u0142adnie odcina\u0142a si\u0119 od ciemnego t\u0142a *\/\n    --anm-glow-rgb: 70, 140, 90;\n\n    \/* Przezroczysto\u015bci dla po\u015bwiaty *\/\n    --anm-glow-strong: rgba(var(--anm-glow-rgb), 0.5);\n    --anm-glow-soft:   rgba(var(--anm-glow-rgb), 0.3);\n    --anm-glow-edge:   rgba(var(--anm-glow-rgb), 0.2);\n    --anm-glow-hover:  rgba(var(--anm-glow-rgb), 0.5);\n    \n    position: fixed;\n    bottom: 25px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 2147483647 !important;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    pointer-events: none; \n}\n\n\/* Stylizacja notki nad paskiem (T\u0141O W KOLORZE #253A2A) *\/\n.dock-notice {\n    background: rgba(var(--anm-bg-rgb), 0.95);\n    color: rgba(255, 255, 255, 0.9);\n    padding: 6px 20px;\n    border-radius: 30px;\n    font-size: 12px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    pointer-events: auto;\n    \/* Delikatna po\u015bwiata notki *\/\n    box-shadow: 0 5px 15px var(--anm-glow-soft), 0 2px 10px rgba(0,0,0,0.5);\n    font-family: sans-serif;\n}\n\n.dock-notice strong {\n    color: #ffffff;\n    font-weight: bold;\n}\n\n\/* Powi\u0119kszony panel dock (T\u0141O W KOLORZE #253A2A) *\/\n.portfolio-nav-dock {\n    position: relative;\n    display: flex !important;\n    align-items: center;\n    background: rgba(var(--anm-bg-rgb), 0.95) !important;\n    padding: 0 30px;\n    border-radius: 100px;\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    height: 75px; \n    pointer-events: auto !important; \n    \n    \/* Wielowarstwowe pod\u015bwietlenie *\/\n    box-shadow: \n        0 10px 30px rgba(0, 0, 0, 0.9),           \n        0 15px 45px var(--anm-glow-strong),       \n        0 0 20px var(--anm-glow-soft),          \n        inset 0 -2px 10px var(--anm-glow-edge); \n}\n\n\/* Powi\u0119kszony obszar przewijania *\/\n.dock-scroll-viewport {\n    width: 380px; \n    overflow: hidden;\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.dock-container {\n    display: flex;\n    align-items: center;\n    gap: 20px; \n    overflow-x: auto;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    padding: 0 10px;\n    pointer-events: all !important;\n}\n.dock-container::-webkit-scrollbar { display: none; }\n\n.dock-item {\n    position: relative;\n    flex-shrink: 0;\n    width: 50px;\n    display: flex;\n    justify-content: center;\n}\n\n\/* Powi\u0119kszone ikony portfolio *\/\n.dock-item img {\n    width: 46px; \n    height: 46px; \n    object-fit: contain;\n    filter: grayscale(100%) opacity(0.6);\n    transition: 0.3s ease;\n}\n\n.dock-item:hover img {\n    filter: grayscale(0%) opacity(1);\n    transform: scale(1.2);\n}\n\n\/* Dostosowane Tooltipy *\/\n.tooltip {\n    position: absolute;\n    bottom: 80px; \n    left: 50%;\n    transform: translateX(-50%) translateY(10px);\n    background: #fff;\n    color: #000;\n    padding: 7px 15px; \n    border-radius: 8px;\n    font-size: 13px; \n    font-weight: bold;\n    opacity: 0;\n    pointer-events: none;\n    transition: 0.2s ease;\n    white-space: nowrap;\n    box-shadow: 0 5px 15px var(--anm-glow-soft);\n}\n\n.dock-item:hover .tooltip {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n}\n\n.dock-arrows {\n    display: flex;\n    gap: 12px;\n    pointer-events: all !important;\n}\n\n\/* Powi\u0119kszone przyciski strza\u0142ek *\/\n.dock-arrow {\n    background: rgba(255,255,255,0.15) !important;\n    border: 1px solid rgba(255,255,255,0.1) !important;\n    color: white !important;\n    width: 40px; \n    height: 40px; \n    border-radius: 50%;\n    cursor: pointer !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px; \n    z-index: 10;\n    pointer-events: all !important;\n    transition: 0.3s;\n}\n\n.dock-arrow:hover {\n    background: rgba(255,255,255,0.3) !important;\n    box-shadow: 0 0 15px var(--anm-glow-hover); \n}\n\n\/* Powi\u0119kszone logo i teksty *\/\n.signature-link { display: flex; align-items: center; gap: 10px; text-decoration: none; }\n.dock-signature img { width: 40px; height: 40px; } \n.signature-text strong { font-size: 12px; color: #fff; white-space: nowrap; display: block; } \n.signature-text span { font-size: 9px; color: rgba(255,255,255,0.7); display: block; } \n.dock-divider { width: 1px; height: 30px; background: rgba(255,255,255,0.2); margin: 0 20px; } \n\n\/* Responsywno\u015b\u0107 dla telefon\u00f3w *\/\n@media (max-width: 768px) {\n    .dock-scroll-viewport { width: 160px; }\n    .signature-text { display: none; }\n    .portfolio-nav-dock { padding: 0 15px; height: 65px; }\n    .dock-item img { width: 38px; height: 38px; }\n    .dock-notice { font-size: 10px; padding: 5px 15px; }\n}\n<\/style>\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>O Nas Oferta Nasza Kadra Nasi Pacjenci Fb Ig Zdrowie Twojego Pupila W Dobrych R\u0119kach 7 Dni W Tygodniu. Nowoczesna medycyna, pe\u0142na empatia. Zarezerwuj dogodny termin ju\u017c teraz. Um\u00f3w wizyt\u0119 online \ud83d\udc3e Z Mi\u0142o\u015bciDo Zwierz\u0105t Kilka S\u0142\u00f3w O Nas Gabinet Weterynaryjny \u201e\u0141apka\u201d Powsta\u0142 z mi\u0142o\u015bci do zwierz\u0105t i pasji do medycyny. Wierzymy, \u017ce ka\u017cdy pacjent&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1548","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Podaj \u0142apk\u0119 - ANM Collective<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/portfolio.anmcollective.pl\/?page_id=1548\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Podaj \u0142apk\u0119 - ANM Collective\" \/>\n<meta property=\"og:description\" content=\"O Nas Oferta Nasza Kadra Nasi Pacjenci Fb Ig Zdrowie Twojego Pupila W Dobrych R\u0119kach 7 Dni W Tygodniu. Nowoczesna medycyna, pe\u0142na empatia. Zarezerwuj dogodny termin ju\u017c teraz. Um\u00f3w wizyt\u0119 online \ud83d\udc3e Z Mi\u0142o\u015bciDo Zwierz\u0105t Kilka S\u0142\u00f3w O Nas Gabinet Weterynaryjny \u201e\u0141apka\u201d Powsta\u0142 z mi\u0142o\u015bci do zwierz\u0105t i pasji do medycyny. Wierzymy, \u017ce ka\u017cdy pacjent...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/portfolio.anmcollective.pl\/?page_id=1548\" \/>\n<meta property=\"og:site_name\" content=\"ANM Collective\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-06T20:47:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lapkaweb.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"54 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1548\",\"url\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1548\",\"name\":\"Podaj \u0142apk\u0119 - ANM Collective\",\"isPartOf\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1548#primaryimage\"},\"image\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1548#primaryimage\"},\"thumbnailUrl\":\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lapkaweb.webp\",\"datePublished\":\"2026-01-05T08:22:18+00:00\",\"dateModified\":\"2026-04-06T20:47:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1548#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/portfolio.anmcollective.pl\/?page_id=1548\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1548#primaryimage\",\"url\":\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lapkaweb.webp\",\"contentUrl\":\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lapkaweb.webp\",\"width\":500,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/?page_id=1548#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/portfolio.anmcollective.pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Podaj \u0142apk\u0119\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#website\",\"url\":\"https:\/\/portfolio.anmcollective.pl\/\",\"name\":\"ANM Collective\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/portfolio.anmcollective.pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#organization\",\"name\":\"ANM Collective\",\"url\":\"https:\/\/portfolio.anmcollective.pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/cropped-eg.webp\",\"contentUrl\":\"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/cropped-eg.webp\",\"width\":500,\"height\":481,\"caption\":\"ANM Collective\"},\"image\":{\"@id\":\"https:\/\/portfolio.anmcollective.pl\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Podaj \u0142apk\u0119 - ANM Collective","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/portfolio.anmcollective.pl\/?page_id=1548","og_locale":"pl_PL","og_type":"article","og_title":"Podaj \u0142apk\u0119 - ANM Collective","og_description":"O Nas Oferta Nasza Kadra Nasi Pacjenci Fb Ig Zdrowie Twojego Pupila W Dobrych R\u0119kach 7 Dni W Tygodniu. Nowoczesna medycyna, pe\u0142na empatia. Zarezerwuj dogodny termin ju\u017c teraz. Um\u00f3w wizyt\u0119 online \ud83d\udc3e Z Mi\u0142o\u015bciDo Zwierz\u0105t Kilka S\u0142\u00f3w O Nas Gabinet Weterynaryjny \u201e\u0141apka\u201d Powsta\u0142 z mi\u0142o\u015bci do zwierz\u0105t i pasji do medycyny. Wierzymy, \u017ce ka\u017cdy pacjent...","og_url":"https:\/\/portfolio.anmcollective.pl\/?page_id=1548","og_site_name":"ANM Collective","article_modified_time":"2026-04-06T20:47:23+00:00","og_image":[{"url":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lapkaweb.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"54 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=1548","url":"https:\/\/portfolio.anmcollective.pl\/?page_id=1548","name":"Podaj \u0142apk\u0119 - ANM Collective","isPartOf":{"@id":"https:\/\/portfolio.anmcollective.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=1548#primaryimage"},"image":{"@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=1548#primaryimage"},"thumbnailUrl":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lapkaweb.webp","datePublished":"2026-01-05T08:22:18+00:00","dateModified":"2026-04-06T20:47:23+00:00","breadcrumb":{"@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=1548#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/portfolio.anmcollective.pl\/?page_id=1548"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=1548#primaryimage","url":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lapkaweb.webp","contentUrl":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/lapkaweb.webp","width":500,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/portfolio.anmcollective.pl\/?page_id=1548#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/portfolio.anmcollective.pl\/"},{"@type":"ListItem","position":2,"name":"Podaj \u0142apk\u0119"}]},{"@type":"WebSite","@id":"https:\/\/portfolio.anmcollective.pl\/#website","url":"https:\/\/portfolio.anmcollective.pl\/","name":"ANM Collective","description":"","publisher":{"@id":"https:\/\/portfolio.anmcollective.pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/portfolio.anmcollective.pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/portfolio.anmcollective.pl\/#organization","name":"ANM Collective","url":"https:\/\/portfolio.anmcollective.pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/portfolio.anmcollective.pl\/#\/schema\/logo\/image\/","url":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/cropped-eg.webp","contentUrl":"https:\/\/portfolio.anmcollective.pl\/wp-content\/uploads\/2026\/01\/cropped-eg.webp","width":500,"height":481,"caption":"ANM Collective"},"image":{"@id":"https:\/\/portfolio.anmcollective.pl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/pages\/1548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1548"}],"version-history":[{"count":661,"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/pages\/1548\/revisions"}],"predecessor-version":[{"id":7020,"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=\/wp\/v2\/pages\/1548\/revisions\/7020"}],"wp:attachment":[{"href":"https:\/\/portfolio.anmcollective.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}