{"id":7,"date":"2026-10-15T09:37:42","date_gmt":"2026-10-15T09:37:42","guid":{"rendered":"https:\/\/knapikubezpieczenia.pl\/?page_id=7"},"modified":"2026-10-15T10:24:44","modified_gmt":"2026-10-15T10:24:44","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/knapikubezpieczenia.pl\/index.php\/elementor-7\/","title":{"rendered":"Elementor #7"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"e-background-video e-con e-atomic-element e-background-video-base e-background-video--playing e-default-div \"\n\tdata-id=\"b062dd4\"\n\tdata-element_type=\"e-background-video\"\n\tdata-e-type=\"e-background-video\"\n\tdata-interaction-id=\"b062dd4\"\n\tdata-interactions=\"null\"\n\tx-data=\"eBackgroundVideob062dd4\"\n\tx-bind=\"rootState\"\n\tdata-e-settings=\"&#x7B;&quot;classes&quot;&#x3A;&#x5B;&#x5D;,&quot;tag&quot;&#x3A;&quot;div&quot;,&quot;source&quot;&#x3A;null,&quot;start_time&quot;&#x3A;null,&quot;end_time&quot;&#x3A;null,&quot;autoplay&quot;&#x3A;true,&quot;mute&quot;&#x3A;true,&quot;loop&quot;&#x3A;true,&quot;show_controls&quot;&#x3A;true,&quot;state&quot;&#x3A;&quot;playing&quot;,&quot;attributes&quot;&#x3A;null,&quot;_cssid&quot;&#x3A;null,&quot;display-conditions&quot;&#x3A;null&#x7D;\"\n\t\t\t>\n\t\t<div class=\"e-background-video__content e-con e-atomic-element e-background-video-content-base e-default-div \"\n\tdata-id=\"a60a036\"\n\tdata-element_type=\"e-background-video-content\"\n\tdata-e-type=\"e-background-video-content\"\n\tdata-interaction-id=\"a60a036\"\n\tdata-interactions=\"null\"\n\t\t>\t\t<div class=\"elementor-element elementor-element-3e7f376 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"3e7f376\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f16f70 elementor-widget elementor-widget-html\" data-id=\"0f16f70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pl\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Ubezpieczenia Knapik \u2013 Unilink & Viviamo | Wielu\u0144 \u2022 Zdu\u0144ska Wola \u2022 Bujn\u00f3w \u2022 Strumie\u0144<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\n                    },\n                    colors: {\n                        unilink: {\n                            navy: '#1B1A4E',\n                            dark: '#0B1F3A',\n                            blue: '#163A6B',\n                            orange: '#E68A3E',\n                            cta: '#FF5A00',\n                            ctaHover: '#E04E00',\n                            orangeLight: '#FFF4EC',\n                            gray: '#F4F7FA'\n                        },\n                        viviamo: {\n                            red: '#D62B27',\n                            redDark: '#B51F1B',\n                            redLight: '#FEF2F2',\n                            gray: '#575756'\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        .hero-pattern {\n            background-color: #0B1F3A;\n            background-image: radial-gradient(at 85% 15%, rgba(230, 138, 62, 0.18) 0px, transparent 50%),\n                              radial-gradient(at 15% 85%, rgba(214, 43, 39, 0.15) 0px, transparent 55%);\n        }\n        .card-hover {\n            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n        .card-hover:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 20px 30px -10px rgba(11, 31, 58, 0.12);\n        }\n        \/* Wymagane przez central\u0119 pole ochronne wok\u00f3\u0142 logotyp\u00f3w (bez \u017cadnych dodatkowych ozdobnik\u00f3w) *\/\n        .brand-logo-box {\n            padding: 12px 18px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            background-color: #FFFFFF;\n        }\n        \/* Animacja przesuwaj\u0105cego si\u0119 paska Towarzystw Ubezpieczeniowych *\/\n        @keyframes marquee-scroll {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); }\n        }\n        .marquee-track {\n            display: flex;\n            width: max-content;\n            animation: marquee-scroll 32s linear infinite;\n        }\n        .marquee-track:hover {\n            animation-play-state: paused;\n        }\n        @keyframes pulse-ring {\n            0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 90, 0, 0.7); }\n            70% { transform: scale(1); box-shadow: 0 0 0 14px rgba(255, 90, 0, 0); }\n            100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 90, 0, 0); }\n        }\n        .pulse-btn {\n            animation: pulse-ring 2.2s infinite;\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans text-slate-800 bg-unilink-gray antialiased selection:bg-unilink-cta selection:text-white\">\n\n    <!-- PASEK INFORMACYJNY TOP -->\n    <div class=\"bg-unilink-dark text-slate-300 text-xs py-2.5 px-4 border-b border-white\/10\">\n        <div class=\"max-w-7xl mx-auto flex flex-wrap justify-between items-center gap-2\">\n            <div class=\"flex items-center gap-2.5 flex-wrap\">\n                <span class=\"flex items-center gap-1.5 font-semibold text-white\">\n                    <span class=\"w-2 h-2 rounded-full bg-unilink-cta inline-block\"><\/span>\n                    Nasze 4 Biura:\n                <\/span>\n                <a href=\"#biura\" class=\"text-slate-200 hover:text-orange-400 transition font-medium\">Wielu\u0144<\/a>\n                <span class=\"text-slate-600\">\u2022<\/span>\n                <a href=\"#biura\" class=\"text-slate-200 hover:text-orange-400 transition font-medium\">Zdu\u0144ska Wola<\/a>\n                <span class=\"text-slate-600\">\u2022<\/span>\n                <a href=\"#biura\" class=\"text-orange-300 hover:text-orange-400 transition font-medium\">Bujn\u00f3w (18:00\u201319:30)<\/a>\n                <span class=\"text-slate-600\">\u2022<\/span>\n                <a href=\"#biura\" class=\"text-red-400 hover:text-red-300 transition font-medium\">Strumie\u0144 (Viviamo)<\/a>\n            <\/div>\n            <div class=\"flex items-center gap-4 ml-auto\">\n                <a href=\"tel:+48663766480\" class=\"hover:text-orange-400 transition flex items-center gap-1 whitespace-nowrap\">\n                    <i data-lucide=\"phone\" class=\"w-3.5 h-3.5 text-orange-400\"><\/i> Wielu\u0144: <strong class=\"text-white\">663 766 480<\/strong>\n                <\/a>\n                <span class=\"text-slate-600 hidden sm:inline\">\u2022<\/span>\n                <a href=\"tel:+48690009266\" class=\"hidden sm:flex hover:text-orange-400 transition items-center gap-1 whitespace-nowrap\">\n                    <i data-lucide=\"phone\" class=\"w-3.5 h-3.5 text-orange-400\"><\/i> Zdu\u0144ska Wola \/ Bujn\u00f3w: <strong class=\"text-white\">690 009 266<\/strong>\n                <\/a>\n                <span class=\"text-slate-600 hidden md:inline\">\u2022<\/span>\n                <a href=\"tel:+48690090282\" class=\"hidden md:flex hover:text-red-400 transition items-center gap-1 whitespace-nowrap\">\n                    <i data-lucide=\"phone\" class=\"w-3.5 h-3.5 text-red-400\"><\/i> Strumie\u0144: <strong class=\"text-white\">690 090 282<\/strong>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- NAWIGACJA G\u0141\u00d3WNA (CZYSTE BIA\u0141E T\u0141O DLA OFICJALNYCH LOGOTYP\u00d3W Z ZACHOWANIEM POLA OCHRONNEGO) -->\n    <header class=\"sticky top-0 z-40 bg-white shadow-sm border-b border-slate-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 min-h-[96px] py-2 flex items-center justify-between gap-3\">\n            \n            <!-- OFICJALNE LOGOTYPY UNILINK + VIVIAMO (1:1 JAK NA PRZES\u0141ANYCH GRAFIKACH, BEZ DODATK\u00d3W) -->\n            <a href=\"#\" class=\"flex items-center gap-2 sm:gap-4 shrink-0\" aria-label=\"Unilink Lider Ubezpiecze\u0144 oraz Viviamo Grupa Unilink\">\n                \n                <!-- 1. LOGO UNILINK (Dok\u0142adnie wg przes\u0142anego pliku image_4dd7d8.png) -->\n                <div class=\"brand-logo-box\">\n                    <!-- Gdy wrzucisz plik na serwer pod nazw\u0105 logo-unilink.png, mo\u017cesz odkomentowa\u0107 lini\u0119 poni\u017cej:\n                    <img decoding=\"async\" src=\"logo-unilink.png\" alt=\"Unilink Lider Ubezpiecze\u0144\" class=\"h-12 w-auto\"> -->\n                    <svg class=\"h-12 sm:h-14 w-auto\" viewBox=\"0 0 360 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Unilink Lider Ubezpiecze\u0144\">\n                        <defs>\n                            <!-- Charakterystyczne bia\u0142e przej\u015bcie tonalne na lewym ramieniu litery U -->\n                            <linearGradient id=\"unilinkUGrad\" x1=\"20\" y1=\"22\" x2=\"46\" y2=\"56\" gradientUnits=\"userSpaceOnUse\">\n                                <stop offset=\"0%\" stop-color=\"#1E1D54\"\/>\n                                <stop offset=\"32%\" stop-color=\"#1E1D54\"\/>\n                                <stop offset=\"48%\" stop-color=\"#FFFFFF\"\/>\n                                <stop offset=\"72%\" stop-color=\"#28296E\"\/>\n                                <stop offset=\"100%\" stop-color=\"#1E1D54\"\/>\n                            <\/linearGradient>\n                        <\/defs>\n                        <!-- Litera U ze \u015bci\u0119tymi wierzcho\u0142kami i zaokr\u0105glonym do\u0142em -->\n                        <path d=\"M16 25.5L36 22C38.5 21.6 40.5 23.4 40.5 25.8V56C40.5 64.5 45.2 69 53 69C60.8 69 65.5 64.5 65.5 56V19.5L85.5 16C88 15.6 90 17.4 90 19.8V56.5C90 74.5 76.5 84 53 84C29.5 84 16 74.5 16 56.5V25.5Z\" fill=\"#1E1D54\"\/>\n                        <!-- B\u0142ysk na lewym ramieniu U jak w oryginale -->\n                        <path d=\"M16 25.5L36 22C38.5 21.6 40.5 23.4 40.5 25.8V56C40.5 57 40.6 58 40.8 59H16.2C16.1 58 16 57 16 56V25.5Z\" fill=\"url(#unilinkUGrad)\"\/>\n                        \n                        <!-- Litera n -->\n                        <path d=\"M102 41L121 37.5C123 37.1 124.5 38.6 124.5 40.5V43.5C129.5 39 136.5 36.5 144.5 36.5C157.5 36.5 165.5 44.5 165.5 57.5V80.5C165.5 82.2 164.2 83.5 162.5 83.5H144.5C142.8 83.5 141.5 82.2 141.5 80.5V59.5C141.5 53.5 138 50 132.5 50C127 50 124.5 53.2 124.5 59.5V80.5C124.5 82.2 123.2 83.5 121.5 83.5H105C103.3 83.5 102 82.2 102 80.5V41Z\" fill=\"#1E1D54\"\/>\n                        \n                        <!-- Litera i -->\n                        <path d=\"M178 21L198 17.5C200 17.1 201.5 18.6 201.5 20.5V29.5C201.5 31.2 200.2 32.5 198.5 32.5H181C179.3 32.5 178 31.2 178 29.5V21Z\" fill=\"#1E1D54\"\/>\n                        <path d=\"M178 41L198 37.5C200 37.1 201.5 38.6 201.5 40.5V80.5C201.5 82.2 200.2 83.5 198.5 83.5H181C179.3 83.5 178 82.2 178 80.5V41Z\" fill=\"#1E1D54\"\/>\n\n                        <!-- Litera l -->\n                        <path d=\"M214 20L234 16.5C236 16.1 237.5 17.6 237.5 19.5V80.5C237.5 82.2 236.2 83.5 234.5 83.5H217C215.3 83.5 214 82.2 214 80.5V20Z\" fill=\"#1E1D54\"\/>\n\n                        <!-- Litera i -->\n                        <path d=\"M250 21L270 17.5C272 17.1 273.5 18.6 273.5 20.5V29.5C273.5 31.2 272.2 32.5 270.5 32.5H253C251.3 32.5 250 31.2 250 29.5V21Z\" fill=\"#1E1D54\"\/>\n                        <path d=\"M250 41L270 37.5C272 37.1 273.5 38.6 273.5 40.5V80.5C273.5 82.2 272.2 83.5 270.5 83.5H253C251.3 83.5 250 82.2 250 80.5V41Z\" fill=\"#1E1D54\"\/>\n\n                        <!-- Litera n (skr\u00f3cona proporcjonalnie w szeroko\u015bci SVG, poni\u017cej pe\u0142ny napis k) -->\n                        <text x=\"16\" y=\"112\" fill=\"#E5893C\" font-family=\"'Plus Jakarta Sans', sans-serif\" font-weight=\"700\" font-size=\"20.5\" letter-spacing=\"6.8\">LIDER UBEZPIECZE\u0143<\/text>\n                        \n                        <!-- Litery n + k dopracowane do szeroko\u015bci 360px -->\n                        <rect x=\"100\" y=\"12\" width=\"255\" height=\"75\" fill=\"#FFFFFF\"\/>\n                        <!-- Pe\u0142ny oryginalny logotyp Unilink dopasowany co do milimetra do napisu LIDER UBEZPIECZE\u0143 -->\n                        <g transform=\"translate(88, 0) scale(0.84, 1)\">\n                            <!-- n -->\n                            <path d=\"M14 41L34 37.5C36 37.1 37.5 38.6 37.5 40.5V43.5C42.5 39 49.5 36.5 57.5 36.5C70.5 36.5 78.5 44.5 78.5 57.5V80.5C78.5 82.2 77.2 83.5 75.5 83.5H57.5C55.8 83.5 54.5 82.2 54.5 80.5V59.5C54.5 53.5 51 50 45.5 50C40 50 37.5 53.2 37.5 59.5V80.5C37.5 82.2 36.2 83.5 34.5 83.5H17C15.3 83.5 14 82.2 14 80.5V41Z\" fill=\"#1E1D54\"\/>\n                            <!-- i -->\n                            <path d=\"M92 20L114 16.5C116 16.1 117.5 17.6 117.5 19.5V28.5C117.5 30.2 116.2 31.5 114.5 31.5H95C93.3 31.5 92 30.2 92 28.5V20Z\" fill=\"#1E1D54\"\/>\n                            <path d=\"M92 41L114 37.5C116 37.1 117.5 38.6 117.5 40.5V80.5C117.5 82.2 116.2 83.5 114.5 83.5H95C93.3 83.5 92 82.2 92 80.5V41Z\" fill=\"#1E1D54\"\/>\n                            <!-- l -->\n                            <path d=\"M131 20L153 16.5C155 16.1 156.5 17.6 156.5 19.5V80.5C156.5 82.2 155.2 83.5 153.5 83.5H134C132.3 83.5 131 82.2 131 80.5V20Z\" fill=\"#1E1D54\"\/>\n                            <!-- i -->\n                            <path d=\"M170 20L192 16.5C194 16.1 195.5 17.6 195.5 19.5V28.5C195.5 30.2 194.2 31.5 192.5 31.5H173C171.3 31.5 170 30.2 170 28.5V20Z\" fill=\"#1E1D54\"\/>\n                            <path d=\"M170 41L192 37.5C194 37.1 195.5 38.6 195.5 40.5V80.5C195.5 82.2 194.2 83.5 192.5 83.5H173C171.3 83.5 170 82.2 170 80.5V41Z\" fill=\"#1E1D54\"\/>\n                            <!-- n -->\n                            <path d=\"M209 41L229 37.5C231 37.1 232.5 38.6 232.5 40.5V43.5C237.5 39 244.5 36.5 252.5 36.5C265.5 36.5 273.5 44.5 273.5 57.5V80.5C273.5 82.2 272.2 83.5 270.5 83.5H252.5C250.8 83.5 249.5 82.2 249.5 80.5V59.5C249.5 53.5 246 50 240.5 50C235 50 232.5 53.2 232.5 59.5V80.5C232.5 82.2 231.2 83.5 229.5 83.5H212C210.3 83.5 209 82.2 209 80.5V41Z\" fill=\"#1E1D54\"\/>\n                            <!-- k -->\n                            <path d=\"M286 20L308 16.5C310 16.1 311.5 17.6 311.5 19.5V52L326 37.5H347C349.5 37.5 350.8 40.2 349.2 42L331 59.5L351 79C352.6 80.8 351.3 83.5 348.8 83.5H326.5L311.5 65.5V80.5C311.5 82.2 310.2 83.5 308.5 83.5H289C287.3 83.5 286 82.2 286 80.5V20Z\" fill=\"#1E1D54\"\/>\n                        <\/g>\n                    <\/svg>\n                <\/div>\n\n                <!-- Subtelna pionowa linia oddzielaj\u0105ca pola ochronne obu logotyp\u00f3w -->\n                <div class=\"h-12 w-px bg-slate-200 shrink-0\"><\/div>\n\n                <!-- 2. LOGO VIVIAMO (Dok\u0142adnie wg przes\u0142anego pliku image_4dd7ba.png) -->\n                <div class=\"brand-logo-box\">\n                    <!-- Gdy wrzucisz plik na serwer pod nazw\u0105 logo-viviamo.png, mo\u017cesz odkomentowa\u0107 lini\u0119 poni\u017cej:\n                    <img decoding=\"async\" src=\"logo-viviamo.png\" alt=\"Viviamo Grupa Unilink\" class=\"h-12 w-auto\"> -->\n                    <svg class=\"h-12 sm:h-14 w-auto\" viewBox=\"0 0 240 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Viviamo Grupa Unilink\">\n                        <!-- Lewe czerwone rami\u0119 sygnetu V z zaokr\u0105glon\u0105 g\u00f3r\u0105 i do\u0142em -->\n                        <path d=\"M92 16 C87.5 7.5, 100.5 1, 105.5 9.5 L122.5 43.5 L128.5 31.5 L135.5 45.5 L126.5 62.5 C122.5 69.5, 114.5 69.5, 110.5 62.5 Z\" fill=\"#D62B27\"\/>\n                        <!-- Prawe g\u00f3rne ciemnoszare rami\u0119 sygnetu V -->\n                        <path d=\"M132.5 21.5 L137.5 10.5 C141.5 2.5, 153.5 8.5, 149.5 17.5 L139.5 36.5 Z\" fill=\"#575756\"\/>\n                        \n                        <!-- Napis VIVIAMO (czerwony, z liter\u0105 A bez poprzeczki jak w oryginale) -->\n                        <g stroke=\"#D62B27\" stroke-width=\"3.6\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" fill=\"none\">\n                            <!-- V -->\n                            <path d=\"M22 70 L32 92 L42 70\"\/>\n                            <!-- I -->\n                            <line x1=\"58\" y1=\"70\" x2=\"58\" y2=\"92\"\/>\n                            <!-- V -->\n                            <path d=\"M74 70 L84 92 L94 70\"\/>\n                            <!-- I -->\n                            <line x1=\"110\" y1=\"70\" x2=\"110\" y2=\"92\"\/>\n                            <!-- A (bez poprzeczki: \u039b) -->\n                            <path d=\"M126 92 L136 70 L146 92\"\/>\n                            <!-- M -->\n                            <path d=\"M162 92 L162 70 L174 88 L186 70 L186 92\"\/>\n                            <!-- O -->\n                            <circle cx=\"208\" cy=\"81\" r=\"11\"\/>\n                        <\/g>\n\n                        <!-- Dopisek GRUPA UNILINK -->\n                        <text x=\"120\" y=\"112\" text-anchor=\"middle\" fill=\"#D62B27\" font-family=\"'Plus Jakarta Sans', sans-serif\" font-weight=\"500\" font-size=\"11.5\" letter-spacing=\"3.2\">GRUPA UNILINK<\/text>\n                    <\/svg>\n                <\/div>\n            <\/a>\n\n            <!-- Menu Desktop (Na jasnym tle, czytelne w jednej linii) -->\n            <nav class=\"hidden xl:flex items-center gap-1 text-[13px] font-bold text-slate-700\">\n                <a href=\"#biura\" class=\"px-3 py-2 rounded-xl bg-slate-100 hover:bg-slate-200\/80 text-unilink-dark transition flex items-center gap-1.5 whitespace-nowrap\">\n                    <i data-lucide=\"map-pin\" class=\"w-4 h-4 text-unilink-cta\"><\/i>\n                    <span>Nasze 4 Biura<\/span>\n                    <span class=\"bg-unilink-cta text-white text-[10px] font-extrabold px-2 py-0.5 rounded-full\">Pinezki<\/span>\n                <\/a>\n                <a href=\"#zespol\" class=\"px-3 py-2 rounded-xl hover:bg-slate-100 transition flex items-center gap-1.5 whitespace-nowrap\">\n                    <span>Nasz Zesp\u00f3\u0142<\/span>\n                    <span class=\"bg-unilink-dark text-white text-[10px] font-extrabold px-2 py-0.5 rounded-full\">6 Doradc\u00f3w<\/span>\n                <\/a>\n                <a href=\"#oferta\" class=\"px-2.5 py-2 rounded-xl hover:bg-slate-100 transition whitespace-nowrap\">Oferta<\/a>\n                <a href=\"#opinie\" class=\"px-2.5 py-2 rounded-xl hover:bg-slate-100 transition flex items-center gap-1 whitespace-nowrap\">\n                    <i data-lucide=\"star\" class=\"w-3.5 h-3.5 text-amber-500 fill-amber-400\"><\/i> Opinie\n                <\/a>\n                <a href=\"#blog\" class=\"px-2.5 py-2 rounded-xl hover:bg-slate-100 transition whitespace-nowrap\">Ciekawostki<\/a>\n                <a href=\"#szkody\" class=\"px-2.5 py-2 rounded-xl text-viviamo-red hover:bg-red-50 transition flex items-center gap-1 font-extrabold whitespace-nowrap\">\n                    <i data-lucide=\"shield-alert\" class=\"w-4 h-4\"><\/i> Szkody\n                <\/a>\n            <\/nav>\n\n            <!-- Przyciski akcji po prawej stronie paska -->\n            <div class=\"hidden md:flex items-center gap-2 shrink-0\">\n                <a href=\"#opinie\" class=\"px-3.5 py-2.5 rounded-xl border border-slate-300 text-unilink-dark font-bold text-xs hover:bg-slate-100 transition flex items-center gap-1.5 whitespace-nowrap\">\n                    <i data-lucide=\"thumbs-up\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i>\n                    Oce\u0144 nas\n                <\/a>\n                <a href=\"#wycena\" class=\"px-4 py-2.5 rounded-xl bg-unilink-cta text-white font-extrabold text-xs hover:bg-unilink-ctaHover transition shadow-md shadow-unilink-cta\/25 flex items-center gap-1.5 whitespace-nowrap\">\n                    <i data-lucide=\"calculator\" class=\"w-3.5 h-3.5\"><\/i>\n                    Bezp\u0142atna wycena\n                <\/a>\n            <\/div>\n\n            <!-- Mobile menu button -->\n            <button id=\"mobileMenuBtn\" class=\"xl:hidden p-2 rounded-lg text-unilink-dark hover:bg-slate-100\">\n                <i data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\n            <\/button>\n        <\/div>\n\n        <!-- Mobile Menu Dropdown -->\n        <div id=\"mobileMenu\" class=\"hidden xl:hidden bg-white border-t border-slate-200 px-4 pt-3 pb-6 space-y-3 text-slate-800 shadow-lg\">\n            <a href=\"#biura\" class=\"block py-2 font-semibold border-b border-slate-100\">Nasze 4 Biura i Mapy (Wielu\u0144, Zdu\u0144ska Wola, Bujn\u00f3w, Strumie\u0144)<\/a>\n            <a href=\"#zespol\" class=\"block py-2 font-bold text-unilink-cta border-b border-slate-100\">Poznaj Naszych Doradc\u00f3w (Bezpo\u015brednie telefony)<\/a>\n            <a href=\"#oferta\" class=\"block py-2 font-semibold border-b border-slate-100\">Oferta Ubezpiecze\u0144<\/a>\n            <a href=\"#opinie\" class=\"block py-2 font-semibold text-amber-600 border-b border-slate-100\">\u2605 Oce\u0144 nasz\u0105 obs\u0142ug\u0119 (Google & Facebook)<\/a>\n            <a href=\"#blog\" class=\"block py-2 font-semibold border-b border-slate-100\">Ciekawostki i Posty<\/a>\n            <a href=\"#szkody\" class=\"block py-2 font-bold text-viviamo-red\">Pomoc \/ Zg\u0142o\u015b szkod\u0119<\/a>\n            <div class=\"pt-2 flex flex-col gap-2\">\n                <a href=\"#wycena\" class=\"w-full py-3 rounded-xl bg-unilink-cta text-white text-center font-bold text-sm\">Oblicz sk\u0142adk\u0119 online<\/a>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- SEKCJA HERO -->\n    <section class=\"hero-pattern text-white relative overflow-hidden py-14 lg:py-20\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid lg:grid-cols-12 gap-12 items-center\">\n                \n                <!-- Lewa kolumna -->\n                <div class=\"lg:col-span-7 space-y-6\">\n                    <div class=\"inline-flex flex-wrap items-center gap-2 px-3.5 py-1.5 rounded-full bg-white\/10 border border-white\/15 text-xs font-semibold text-orange-300\">\n                        <span class=\"w-2 h-2 rounded-full bg-unilink-cta animate-ping\"><\/span>\n                        4 biura stacjonarne + pe\u0142na obs\u0142uga przez Telefon, WhatsApp, Facebook i E-mail\n                    <\/div>\n                    \n                    <h1 class=\"text-3xl sm:text-5xl lg:text-[50px] font-extrabold tracking-tight leading-[1.13]\">\n                        Dobieramy ubezpieczenia <span class=\"text-unilink-cta\">po ludzku<\/span> \u2013 prosto, uczciwie i najkorzystniej.\n                    <\/h1>\n                    \n                    <p class=\"text-slate-300 text-base sm:text-lg leading-relaxed max-w-2xl\">\n                        Por\u00f3wnujemy oferty ponad <strong>40 towarzystw ubezpieczeniowych<\/strong> w jednym miejscu. Odwied\u017a nas w <strong>Wieluniu<\/strong>, <strong>Zdu\u0144skiej Woli<\/strong>, wieczorem w <strong>Bujnowie<\/strong> lub w punkcie <strong>Viviamo w Strumieniu<\/strong> \u2013 albo za\u0142atw polis\u0119 wygodnie z domu przez <strong>WhatsApp, Messenger, e-mail lub telefon<\/strong>!\n                    <\/p>\n\n                    <!-- Szybkie skr\u00f3ty do 4 oddzia\u0142\u00f3w (Wielu\u0144 jako pierwszy!) -->\n                    <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-2.5 pt-1\">\n                        <a href=\"#biura\" class=\"p-3.5 rounded-2xl bg-white\/10 hover:bg-white\/15 border border-unilink-cta\/50 transition flex flex-col justify-between\">\n                            <span class=\"text-[10px] uppercase tracking-wider text-orange-300 font-extrabold\">1. Oddzia\u0142 G\u0142\u00f3wny<\/span>\n                            <span class=\"font-extrabold text-sm text-white flex items-center justify-between mt-1\">\n                                Wielu\u0144 <i data-lucide=\"arrow-down-right\" class=\"w-4 h-4 text-unilink-cta\"><\/i>\n                            <\/span>\n                            <span class=\"text-[11px] text-slate-300\">Wojska Polskiego 11<\/span>\n                        <\/a>\n                        <a href=\"#biura\" class=\"p-3.5 rounded-2xl bg-white\/5 hover:bg-white\/10 border border-white\/15 transition flex flex-col justify-between\">\n                            <span class=\"text-[10px] uppercase tracking-wider text-slate-300 font-bold\">2. Unilink \u2022 \u0141\u00f3dzkie<\/span>\n                            <span class=\"font-extrabold text-sm text-white flex items-center justify-between mt-1\">\n                                Zdu\u0144ska Wola <i data-lucide=\"arrow-down-right\" class=\"w-4 h-4 text-unilink-cta\"><\/i>\n                            <\/span>\n                            <span class=\"text-[11px] text-slate-300\">ul. D\u0105browskiego 7<\/span>\n                        <\/a>\n                        <a href=\"#biura\" class=\"p-3.5 rounded-2xl bg-unilink-cta\/15 hover:bg-unilink-cta\/25 border border-unilink-cta\/40 transition flex flex-col justify-between\">\n                            <span class=\"text-[10px] uppercase tracking-wider text-orange-300 font-bold\">3. Godz. 18:00\u201319:30<\/span>\n                            <span class=\"font-extrabold text-sm text-white flex items-center justify-between mt-1\">\n                                Bujn\u00f3w 10 <i data-lucide=\"moon\" class=\"w-4 h-4 text-unilink-cta\"><\/i>\n                            <\/span>\n                            <span class=\"text-[11px] text-orange-200\">Biuro Wieczorowe<\/span>\n                        <\/a>\n                        <a href=\"#biura\" class=\"p-3.5 rounded-2xl bg-viviamo-red\/20 hover:bg-viviamo-red\/30 border border-red-400\/40 transition flex flex-col justify-between\">\n                            <span class=\"text-[10px] uppercase tracking-wider text-red-300 font-bold\">4. Viviamo \u2022 \u015al\u0105skie<\/span>\n                            <span class=\"font-extrabold text-sm text-white flex items-center justify-between mt-1\">\n                                Strumie\u0144 <i data-lucide=\"arrow-down-right\" class=\"w-4 h-4 text-red-300\"><\/i>\n                            <\/span>\n                            <span class=\"text-[11px] text-red-200\">ul. Ks. Londzina 19<\/span>\n                        <\/a>\n                    <\/div>\n\n                    <!-- Przyciski Hero -->\n                    <div class=\"flex flex-wrap gap-3.5 pt-2\">\n                        <a href=\"#zespol\" class=\"px-6 py-4 rounded-2xl bg-unilink-cta hover:bg-unilink-ctaHover text-white font-bold text-sm shadow-xl shadow-unilink-cta\/30 transition flex items-center gap-2\">\n                            <i data-lucide=\"users\" class=\"w-5 h-5\"><\/i>\n                            Poznaj naszych doradc\u00f3w i zadzwo\u0144\n                        <\/a>\n                        <a href=\"#mapa-pinezki\" class=\"px-6 py-4 rounded-2xl bg-white\/10 hover:bg-white\/15 border border-white\/20 text-white font-bold text-sm transition flex items-center gap-2\">\n                            <i data-lucide=\"map\" class=\"w-5 h-5 text-unilink-cta\"><\/i>\n                            Zobacz pinezki biur na mapie\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Prawa kolumna: Szybki kalkulator z 4 KAFELKAMI -->\n                <div id=\"wycena\" class=\"lg:col-span-5\">\n                    <div class=\"bg-white text-slate-800 rounded-3xl p-6 sm:p-8 shadow-2xl border border-slate-100 relative\">\n                        <div class=\"absolute -top-3.5 right-6 bg-unilink-dark text-white text-[11px] font-bold px-3 py-1 rounded-full shadow flex items-center gap-1\">\n                            <i data-lucide=\"zap\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Wycena stacjonarnie i zdalnie\n                        <\/div>\n\n                        <h2 class=\"text-xl font-extrabold text-unilink-dark mb-1\">Popro\u015b o bezp\u0142atne por\u00f3wnanie<\/h2>\n                        <p class=\"text-xs text-slate-500 mb-4\">Wybierz rodzaj polisy i swoje biuro \u2013 skontaktujemy si\u0119 z gotowym por\u00f3wnaniem najkorzystniejszych ofert!<\/p>\n\n                        <form id=\"quoteForm\" class=\"space-y-4\" onsubmit=\"handleQuoteSubmit(event)\">\n                            <!-- Wyb\u00f3r kategorii: 1. Auto OC\/AC, 2. \u017bycie i Zdrowie, 3. Dom \/ Mury \/ Rolne, 4. Firmy -->\n                            <div>\n                                <label class=\"block text-xs font-bold text-slate-700 mb-2\">Czego dotyczy ubezpieczenie?<\/label>\n                                <div class=\"grid grid-cols-2 gap-2.5\">\n                                    <!-- 1. Komunikacja -->\n                                    <button type=\"button\" onclick=\"selectType(this, 'Auto OC \/ AC')\" class=\"type-btn py-2.5 px-3 rounded-xl border-2 border-unilink-cta bg-unilink-orangeLight text-unilink-dark font-bold text-xs flex items-center gap-2.5 transition text-left\">\n                                        <div class=\"w-8 h-8 rounded-lg bg-white flex items-center justify-center shrink-0 shadow-sm\">\n                                            <i data-lucide=\"car\" class=\"w-4 h-4 text-unilink-cta type-icon\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <div class=\"leading-tight\">Auto OC \/ AC<\/div>\n                                            <div class=\"text-[10px] font-normal text-slate-500\">Samoch\u00f3d, motocykl<\/div>\n                                        <\/div>\n                                    <\/button>\n\n                                    <!-- 2. \u017bycie i Zdrowie -->\n                                    <button type=\"button\" onclick=\"selectType(this, '\u017bycie i Zdrowie')\" class=\"type-btn py-2.5 px-3 rounded-xl border border-slate-200 hover:border-slate-300 text-slate-700 font-semibold text-xs flex items-center gap-2.5 transition text-left\">\n                                        <div class=\"w-8 h-8 rounded-lg bg-slate-50 flex items-center justify-center shrink-0\">\n                                            <i data-lucide=\"heart-pulse\" class=\"w-4 h-4 text-slate-500 type-icon\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <div class=\"leading-tight\">\u017bycie i Zdrowie<\/div>\n                                            <div class=\"text-[10px] font-normal text-slate-400\">Rodzina, szpital, NNW<\/div>\n                                        <\/div>\n                                    <\/button>\n\n                                    <!-- 3. Dom \/ Mury \/ Rolne -->\n                                    <button type=\"button\" onclick=\"selectType(this, 'Dom \/ Mury \/ Rolne')\" class=\"type-btn py-2.5 px-3 rounded-xl border border-slate-200 hover:border-slate-300 text-slate-700 font-semibold text-xs flex items-center gap-2.5 transition text-left\">\n                                        <div class=\"w-8 h-8 rounded-lg bg-slate-50 flex items-center justify-center shrink-0\">\n                                            <i data-lucide=\"home\" class=\"w-4 h-4 text-slate-500 type-icon\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <div class=\"leading-tight\">Dom \/ Mury \/ Rolne<\/div>\n                                            <div class=\"text-[10px] font-normal text-slate-400\">Mieszkanie, uprawy<\/div>\n                                        <\/div>\n                                    <\/button>\n\n                                    <!-- 4. Ubezpieczenia Firm -->\n                                    <button type=\"button\" onclick=\"selectType(this, 'Ubezpieczenie Firmy')\" class=\"type-btn py-2.5 px-3 rounded-xl border border-slate-200 hover:border-slate-300 text-slate-700 font-semibold text-xs flex items-center gap-2.5 transition text-left\">\n                                        <div class=\"w-8 h-8 rounded-lg bg-slate-50 flex items-center justify-center shrink-0\">\n                                            <i data-lucide=\"briefcase\" class=\"w-4 h-4 text-slate-500 type-icon\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <div class=\"leading-tight\">Dla Firmy<\/div>\n                                            <div class=\"text-[10px] font-normal text-slate-400\">OC firmy, flota, mienie<\/div>\n                                        <\/div>\n                                    <\/button>\n                                <\/div>\n                                <input type=\"hidden\" id=\"selectedInsuranceType\" value=\"Auto OC \/ AC\">\n                            <\/div>\n\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                                <div>\n                                    <label class=\"block text-xs font-bold text-slate-700 mb-1\">Twoje imi\u0119<\/label>\n                                    <input type=\"text\" required placeholder=\"np. Jan\" class=\"w-full px-3.5 py-2.5 rounded-xl border border-slate-200 text-sm focus:outline-none focus:border-unilink-cta\">\n                                <\/div>\n                                <div>\n                                    <label class=\"block text-xs font-bold text-slate-700 mb-1\">Numer telefonu *<\/label>\n                                    <input type=\"tel\" required placeholder=\"np. 600 123 456\" class=\"w-full px-3.5 py-2.5 rounded-xl border border-slate-200 text-sm focus:outline-none focus:border-unilink-cta\">\n                                <\/div>\n                            <\/div>\n\n                            <div>\n                                <label class=\"block text-xs font-bold text-slate-700 mb-1\">Wybierz oddzia\u0142 \/ form\u0119 kontaktu<\/label>\n                                <select class=\"w-full px-3.5 py-2.5 rounded-xl border border-slate-200 text-sm bg-white focus:outline-none focus:border-unilink-cta\">\n                                    <option value=\"Wielu\u0144\">1. Biuro Wielu\u0144 \u2013 ul. Wojska Polskiego 11 (Katarzyna, Piotr, Noemi)<\/option>\n                                    <option value=\"Zdu\u0144ska Wola\">2. Biuro Zdu\u0144ska Wola \u2013 ul. D\u0105browskiego 7 (Jonatan, Sara)<\/option>\n                                    <option value=\"Bujn\u00f3w\">3. Biuro Wieczorowe Bujn\u00f3w 10 (Jonatan \u2013 godz. 18:00-19:30)<\/option>\n                                    <option value=\"Strumie\u0144\">4. Punkt Partnerski Viviamo Strumie\u0144 \u2013 ul. Ks. Londzina 19 (Damaris)<\/option>\n                                    <option value=\"Online\">Obs\u0142uga zdalna (Telefon \/ WhatsApp \/ Facebook \/ E-mail)<\/option>\n                                <\/select>\n                            <\/div>\n\n                            <!-- Za\u0142\u0105cznik zdj\u0119cia dowodu -->\n                            <div>\n                                <label class=\"flex items-center justify-between text-xs font-bold text-slate-700 mb-1\">\n                                    <span>Zdj\u0119cie dowodu rejestracyjnego lub starej polisy <span class=\"text-slate-400 font-normal\">(opcjonalnie)<\/span><\/span>\n                                <\/label>\n                                <label class=\"flex items-center justify-center gap-2 w-full py-2.5 px-4 border-2 border-dashed border-slate-300 rounded-xl cursor-pointer hover:border-unilink-cta hover:bg-unilink-orangeLight\/40 transition text-xs text-slate-600 font-medium\">\n                                    <i data-lucide=\"camera\" class=\"w-4 h-4 text-unilink-cta\"><\/i>\n                                    <span id=\"fileLabelText\">Kliknij, aby doda\u0107 zdj\u0119cie kodu AZTEC \/ polisy<\/span>\n                                    <input type=\"file\" accept=\"image\/*,.pdf\" class=\"hidden\" onchange=\"updateFileName(this)\">\n                                <\/label>\n                            <\/div>\n\n                            <label class=\"flex items-start gap-2 text-[11px] text-slate-500 cursor-pointer\">\n                                <input type=\"checkbox\" required checked class=\"mt-0.5 accent-unilink-cta\">\n                                <span>Wyra\u017cam zgod\u0119 na kontakt telefoniczny lub elektroniczny w celu przedstawienia por\u00f3wnania ofert ubezpieczeniowych.<\/span>\n                            <\/label>\n\n                            <button type=\"submit\" class=\"w-full py-3.5 rounded-xl bg-unilink-cta hover:bg-unilink-ctaHover text-white font-extrabold text-sm shadow-lg shadow-unilink-cta\/25 transition flex items-center justify-center gap-2\">\n                                <i data-lucide=\"send\" class=\"w-4 h-4\"><\/i>\n                                Wy\u015blij do wyceny \u2013 skontaktujemy si\u0119!\n                            <\/button>\n                        <\/form>\n\n                        <div id=\"quoteSuccess\" class=\"hidden mt-4 p-4 rounded-xl bg-emerald-50 border border-emerald-200 text-emerald-800 text-xs font-semibold flex items-center gap-2.5\">\n                            <i data-lucide=\"check-circle-2\" class=\"w-5 h-5 text-emerald-600 shrink-0\"><\/i>\n                            <span>Dzi\u0119kujemy! Twoje zg\u0142oszenie trafi\u0142o do wybranego doradcy. Wkr\u00f3tce skontaktujemy si\u0119 z przygotowan\u0105 kalkulacj\u0105!<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- PRZESUWAJ\u0104CY SI\u0118 PASEK TOWARZYSTW UBEZPIECZENIOWYCH (MARQUEE) -->\n    <section class=\"bg-white py-6 border-b border-slate-200 overflow-hidden relative\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-4\">\n            <p class=\"text-center text-xs font-bold uppercase tracking-widest text-slate-400\">\n                Por\u00f3wnujemy oferty ponad 40 wiod\u0105cych towarzystw ubezpieczeniowych w Polsce\n            <\/p>\n        <\/div>\n\n        <div class=\"relative w-full overflow-hidden\">\n            <div class=\"pointer-events-none absolute inset-y-0 left-0 w-16 sm:w-28 bg-gradient-to-r from-white to-transparent z-10\"><\/div>\n            <div class=\"pointer-events-none absolute inset-y-0 right-0 w-16 sm:w-28 bg-gradient-to-l from-white to-transparent z-10\"><\/div>\n\n            <div class=\"marquee-track flex items-center gap-4 text-slate-600 font-extrabold text-xs sm:text-sm\">\n                <div class=\"flex items-center gap-4 pr-4\">\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">PZU<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">WARTA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">ERGO HESTIA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">GENERALI<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">UNIQA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">ALLIANZ<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">COMPENSA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">WIENER<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">LINK4<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">TUZ UBEZPIECZENIA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">INTERRISK<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">AGRO UBEZPIECZENIA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">PROAMA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">TRASTI<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">BALCIA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">VH POLSKA<\/span>\n                <\/div>\n                <div class=\"flex items-center gap-4 pr-4\" aria-hidden=\"true\">\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">PZU<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">WARTA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">ERGO HESTIA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">GENERALI<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">UNIQA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">ALLIANZ<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">COMPENSA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">WIENER<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">LINK4<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">TUZ UBEZPIECZENIA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">INTERRISK<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">AGRO UBEZPIECZENIA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">PROAMA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">TRASTI<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">BALCIA<\/span>\n                    <span class=\"px-5 py-2.5 rounded-xl bg-slate-50 border border-slate-200\/80 hover:border-unilink-cta hover:text-unilink-dark transition whitespace-nowrap shadow-sm\">VH POLSKA<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SEKCJA: NASZE 4 BIURA -->\n    <section id=\"biura\" class=\"py-16 lg:py-24 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-10 gap-4\">\n            <div>\n                <span class=\"text-unilink-cta font-extrabold text-xs uppercase tracking-widest\">4 Dogodne Lokalizacje + Obs\u0142uga Zdalna<\/span>\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-unilink-dark mt-2\">Nasze 4 Biura \u2013 zapraszamy!<\/h2>\n                <p class=\"text-slate-600 mt-2 text-sm sm:text-base max-w-2xl\">\n                    Najd\u0142u\u017cej jeste\u015bmy z Wami w <strong>Wieluniu<\/strong>, dynamicznie dzia\u0142amy w <strong>Zdu\u0144skiej Woli<\/strong>, wieczorem przyjmujemy w <strong>Bujnowie<\/strong>, a w woj. \u015bl\u0105skim zapraszamy do <strong>Strumienia<\/strong>.\n                <\/p>\n            <\/div>\n            <!-- Filtr wojew\u00f3dztw -->\n            <div class=\"flex flex-wrap gap-2\">\n                <button onclick=\"filterOffices('all')\" id=\"tab-all\" class=\"office-tab px-4 py-2 rounded-xl text-xs font-bold bg-unilink-dark text-white transition\">Wszystkie biura (4)<\/button>\n                <button onclick=\"filterOffices('lodzkie')\" id=\"tab-lodzkie\" class=\"office-tab px-4 py-2 rounded-xl text-xs font-bold bg-white text-slate-600 border border-slate-200 hover:border-unilink-cta transition\">Woj. \u0141\u00f3dzkie (3)<\/button>\n                <button onclick=\"filterOffices('slaskie')\" id=\"tab-slaskie\" class=\"office-tab px-4 py-2 rounded-xl text-xs font-bold bg-white text-viviamo-red border border-viviamo-red\/30 hover:bg-viviamo-redLight transition\">Woj. \u015al\u0105skie \u2013 Strumie\u0144 (1)<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Siatka 2x2: 2 na g\u00f3rze (Wielu\u0144 + Zdu\u0144ska Wola), 2 na dole (Bujn\u00f3w + Strumie\u0144) -->\n        <div class=\"grid md:grid-cols-2 gap-8\">\n            \n            <!-- 1. WIELU\u0143 (Link Google Maps: yUEMNJ47BQDTECe9A) -->\n            <div data-region=\"lodzkie\" class=\"office-card bg-white rounded-3xl p-7 shadow-md border-2 border-unilink-dark\/15 card-hover flex flex-col justify-between relative overflow-hidden\">\n                <div class=\"absolute top-0 left-0 w-full h-1.5 bg-unilink-cta\"><\/div>\n                <div>\n                    <div class=\"flex justify-between items-start gap-2 mb-5\">\n                        <div class=\"flex flex-wrap gap-1.5\">\n                            <span class=\"px-3 py-1 rounded-full bg-unilink-dark text-white text-xs font-bold\">1. Oddzia\u0142 Wielu\u0144 \u2022 Unilink<\/span>\n                            <span class=\"px-2.5 py-1 rounded-full bg-amber-100 text-amber-800 text-[11px] font-extrabold flex items-center gap-1\">\n                                <i data-lucide=\"award\" class=\"w-3.5 h-3.5 text-amber-600\"><\/i> Dzia\u0142amy najd\u0142u\u017cej!\n                            <\/span>\n                        <\/div>\n                        <a href=\"https:\/\/www.facebook.com\/ubezpieczeniakatarzynaknapikunilink\" target=\"_blank\" title=\"Facebook Biuro Wielu\u0144\" class=\"w-10 h-10 rounded-xl bg-blue-50 text-blue-600 hover:bg-blue-600 hover:text-white transition flex items-center justify-center shrink-0\">\n                            <i data-lucide=\"facebook\" class=\"w-5 h-5\"><\/i>\n                        <\/a>\n                    <\/div>\n\n                    <h3 class=\"text-2xl font-extrabold text-unilink-dark\">Biuro Wielu\u0144<\/h3>\n                    <p class=\"text-slate-500 text-sm mt-1\">Nasz pierwszy i najd\u0142u\u017cej dzia\u0142aj\u0105cy punkt. Obs\u0142ugujemy klient\u00f3w indywidualnych, rolnik\u00f3w oraz firmy z ca\u0142ego powiatu wielu\u0144skiego.<\/p>\n\n                    <div class=\"mt-6 space-y-3.5 text-sm border-t border-slate-100 pt-5\">\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"map-pin\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <p class=\"font-bold text-slate-800\">ul. Wojska Polskiego 11, 98-300 Wielu\u0144<\/p>\n                                <p class=\"text-xs text-slate-500\">Dogodna lokalizacja w centrum Wielunia<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"clock\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <p class=\"font-bold text-slate-800\">Poniedzia\u0142ek \u2013 Pi\u0105tek: 09:00 \u2013 17:00<\/p>\n                                <p class=\"text-xs text-slate-500\">Sobota \u2013 Niedziela: nieczynne<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"phone-call\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <a href=\"tel:+48663766480\" class=\"font-extrabold text-lg text-unilink-dark hover:text-unilink-cta transition\">663 766 480<\/a>\n                                <p class=\"text-xs text-slate-500\">E-mail: <a href=\"mailto:katarzynaiknapik@gmail.com\" class=\"underline hover:text-unilink-cta font-semibold\">katarzynaiknapik@gmail.com<\/a><\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"users\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <p class=\"text-xs font-bold text-slate-700\">Doradcy w biurze Wielu\u0144:<\/p>\n                                <p class=\"text-xs text-slate-500\">Katarzyna Knapik, Piotr Knapik, Noemi Gaik<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mt-7 pt-4 border-t border-slate-100 grid grid-cols-2 sm:grid-cols-3 gap-2\">\n                    <a href=\"tel:+48663766480\" class=\"py-2.5 px-3 rounded-xl bg-unilink-dark text-white font-bold text-xs text-center hover:bg-unilink-blue transition flex items-center justify-center gap-1.5\">\n                        <i data-lucide=\"phone\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Zadzwo\u0144\n                    <\/a>\n                    <a href=\"https:\/\/maps.app.goo.gl\/yUEMNJ47BQDTECe9A\" target=\"_blank\" class=\"py-2.5 px-3 rounded-xl bg-slate-100 text-slate-700 font-bold text-xs text-center hover:bg-slate-200 transition flex items-center justify-center gap-1.5\">\n                        <i data-lucide=\"map-pin\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Pinezka Wielu\u0144\n                    <\/a>\n                    <a href=\"https:\/\/www.facebook.com\/ubezpieczeniakatarzynaknapikunilink\" target=\"_blank\" class=\"col-span-2 sm:col-span-1 py-2.5 px-3 rounded-xl bg-blue-50 text-blue-700 font-bold text-xs text-center hover:bg-blue-100 transition flex items-center justify-center gap-1.5\">\n                        <i data-lucide=\"facebook\" class=\"w-3.5 h-3.5\"><\/i> Facebook\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- 2. ZDU\u0143SKA WOLA (Link Google Maps: 6yU2huDxvRUVypUj6) -->\n            <div data-region=\"lodzkie\" class=\"office-card bg-white rounded-3xl p-7 shadow-md border border-slate-200\/80 card-hover flex flex-col justify-between relative overflow-hidden\">\n                <div class=\"absolute top-0 left-0 w-full h-1.5 bg-unilink-dark\"><\/div>\n                <div>\n                    <div class=\"flex justify-between items-start mb-5\">\n                        <div class=\"flex flex-wrap gap-1.5\">\n                            <span class=\"px-3 py-1 rounded-full bg-unilink-dark\/10 text-unilink-dark text-xs font-bold\">2. Oddzia\u0142 Zdu\u0144ska Wola \u2022 Unilink<\/span>\n                            <span class=\"px-2.5 py-1 rounded-full bg-emerald-50 text-emerald-700 text-[11px] font-bold\">Parking dla klient\u00f3w<\/span>\n                        <\/div>\n                        <a href=\"https:\/\/www.facebook.com\/katarzynaknapikzdunskawolaunilink\" target=\"_blank\" title=\"Facebook Biuro Zdu\u0144ska Wola\" class=\"w-10 h-10 rounded-xl bg-blue-50 text-blue-600 hover:bg-blue-600 hover:text-white transition flex items-center justify-center shrink-0\">\n                            <i data-lucide=\"facebook\" class=\"w-5 h-5\"><\/i>\n                        <\/a>\n                    <\/div>\n\n                    <h3 class=\"text-2xl font-extrabold text-unilink-dark\">Biuro Zdu\u0144ska Wola<\/h3>\n                    <p class=\"text-slate-500 text-sm mt-1\">Stacjonarne biuro Unilink w sercu Zdu\u0144skiej Woli. Szybkie por\u00f3wnanie ofert OC\/AC, polis na \u017cycie oraz ubezpiecze\u0144 dom\u00f3w.<\/p>\n\n                    <div class=\"mt-6 space-y-3.5 text-sm border-t border-slate-100 pt-5\">\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"map-pin\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <p class=\"font-bold text-slate-800\">ul. D\u0105browskiego 7, 98-220 Zdu\u0144ska Wola<\/p>\n                                <p class=\"text-xs text-slate-500\">Wygodny dojazd i parking bezpo\u015brednio przy biurze<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"clock\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <p class=\"font-bold text-slate-800\">Poniedzia\u0142ek \u2013 Pi\u0105tek: 09:00 \u2013 17:00<\/p>\n                                <p class=\"text-xs text-slate-500\">Sobota \u2013 Niedziela: nieczynne (zapraszamy do Bujnowa po um\u00f3wieniu)<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"phone-call\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <a href=\"tel:+48690009266\" class=\"font-extrabold text-lg text-unilink-dark hover:text-unilink-cta transition\">690 009 266<\/a>\n                                <p class=\"text-xs text-slate-500\">E-mail: <a href=\"mailto:jonatanknapik@gmail.com\" class=\"underline hover:text-unilink-cta font-semibold\">jonatanknapik@gmail.com<\/a><\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"users\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <p class=\"text-xs font-bold text-slate-700\">Doradcy w biurze Zdu\u0144ska Wola:<\/p>\n                                <p class=\"text-xs text-slate-500\">Jonatan Knapik, Sara Knapik<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mt-7 pt-4 border-t border-slate-100 grid grid-cols-2 sm:grid-cols-3 gap-2\">\n                    <a href=\"tel:+48690009266\" class=\"py-2.5 px-3 rounded-xl bg-unilink-dark text-white font-bold text-xs text-center hover:bg-unilink-blue transition flex items-center justify-center gap-1.5\">\n                        <i data-lucide=\"phone\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Zadzwo\u0144\n                    <\/a>\n                    <a href=\"https:\/\/maps.app.goo.gl\/6yU2huDxvRUVypUj6\" target=\"_blank\" class=\"py-2.5 px-3 rounded-xl bg-slate-100 text-slate-700 font-bold text-xs text-center hover:bg-slate-200 transition flex items-center justify-center gap-1.5\">\n                        <i data-lucide=\"map-pin\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Pinezka Zdu\u0144ska\n                    <\/a>\n                    <a href=\"https:\/\/www.facebook.com\/katarzynaknapikzdunskawolaunilink\" target=\"_blank\" class=\"col-span-2 sm:col-span-1 py-2.5 px-3 rounded-xl bg-blue-50 text-blue-700 font-bold text-xs text-center hover:bg-blue-100 transition flex items-center justify-center gap-1.5\">\n                        <i data-lucide=\"facebook\" class=\"w-3.5 h-3.5\"><\/i> Facebook\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- 3. BUJN\u00d3W 10 (Link Google Maps: uZ131Zt4ShJNawtF7) -->\n            <div data-region=\"lodzkie\" class=\"office-card bg-gradient-to-br from-unilink-dark via-slate-900 to-unilink-navy text-white rounded-3xl p-7 shadow-xl border-2 border-unilink-cta\/60 card-hover flex flex-col justify-between relative overflow-hidden\">\n                <div class=\"absolute -right-8 -top-8 w-32 h-32 bg-unilink-cta\/15 rounded-full blur-xl pointer-events-none\"><\/div>\n                <div>\n                    <div class=\"flex justify-between items-start mb-5\">\n                        <span class=\"px-3 py-1 rounded-full bg-unilink-cta text-white text-xs font-extrabold tracking-wide flex items-center gap-1.5\">\n                            <i data-lucide=\"moon\" class=\"w-3.5 h-3.5\"><\/i> 3. Biuro Wieczorowe \u2022 Po pracy\n                        <\/span>\n                        <div class=\"w-10 h-10 rounded-xl bg-white\/10 text-unilink-cta flex items-center justify-center shrink-0\">\n                            <i data-lucide=\"clock-4\" class=\"w-5 h-5\"><\/i>\n                        <\/div>\n                    <\/div>\n\n                    <h3 class=\"text-2xl font-extrabold text-white\">Punkt w Bujnowie<\/h3>\n                    <p class=\"text-slate-300 text-sm mt-1\">Pracujesz do 17:00 i nie masz kiedy za\u0142atwi\u0107 ubezpieczenia? W Bujnowie przyjmujemy wieczorem oraz po wcze\u015bniejszym um\u00f3wieniu telefonicznym.<\/p>\n\n                    <div class=\"mt-6 space-y-3.5 text-sm border-t border-white\/10 pt-5\">\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"map-pin\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <p class=\"font-bold text-white\">Bujn\u00f3w 10 (gm. Z\u0142oczew \/ mi\u0119dzy Zdu\u0144sk\u0105 Wol\u0105 a Wieluniem)<\/p>\n                                <p class=\"text-xs text-slate-400\">Spokojna atmosfera bez kolejek i po\u015bpiechu<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"clock\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <p class=\"font-bold text-orange-300\">Poniedzia\u0142ek, Wtorek, \u015aroda i Pi\u0105tek: 18:00 \u2013 19:30<\/p>\n                                <p class=\"text-xs text-slate-300\">Inne godziny oraz czwartki\/soboty: <strong>po wcze\u015bniejszym um\u00f3wieniu telefonicznym<\/strong><\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"phone-call\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <a href=\"tel:+48690009266\" class=\"font-extrabold text-lg text-white hover:text-unilink-cta transition\">690 009 266<\/a>\n                                <p class=\"text-xs text-slate-300\">E-mail: <a href=\"mailto:jonatanknapik@gmail.com\" class=\"underline hover:text-unilink-cta font-semibold\">jonatanknapik@gmail.com<\/a><\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"user-check\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <p class=\"text-xs font-bold text-white\">Tw\u00f3j doradca w Bujnowie:<\/p>\n                                <p class=\"text-xs text-slate-300\">Jonatan Knapik<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mt-7 pt-4 border-t border-white\/10 grid grid-cols-1 sm:grid-cols-3 gap-2\">\n                    <button onclick=\"openBujnowModal()\" class=\"py-2.5 px-3 rounded-xl bg-unilink-cta hover:bg-unilink-ctaHover text-white font-extrabold text-xs text-center transition shadow-lg shadow-unilink-cta\/30 flex items-center justify-center gap-1.5\">\n                        <i data-lucide=\"calendar-clock\" class=\"w-3.5 h-3.5\"><\/i> Um\u00f3w wizyt\u0119\n                    <\/button>\n                    <a href=\"tel:+48690009266\" class=\"py-2.5 px-3 rounded-xl bg-white\/10 hover:bg-white\/20 text-white font-bold text-xs text-center transition flex items-center justify-center gap-1.5\">\n                        <i data-lucide=\"phone\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Zadzwo\u0144\n                    <\/a>\n                    <a href=\"https:\/\/maps.app.goo.gl\/uZ131Zt4ShJNawtF7\" target=\"_blank\" class=\"py-2.5 px-3 rounded-xl bg-white\/10 hover:bg-white\/20 text-white font-bold text-xs text-center transition flex items-center justify-center gap-1.5\">\n                        <i data-lucide=\"map-pin\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Pinezka Bujn\u00f3w\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- 4. STRUMIE\u0143 - PUNKT PARTNERSKI VIVIAMO (Link Google Maps: udaZoVL38KSKEui49) -->\n            <div data-region=\"slaskie\" class=\"office-card bg-white rounded-3xl p-7 shadow-md border-2 border-viviamo-red\/25 card-hover flex flex-col justify-between relative overflow-hidden\">\n                <div class=\"absolute top-0 left-0 w-full h-1.5 bg-viviamo-red\"><\/div>\n                <div>\n                    <div class=\"flex justify-between items-start gap-2 mb-5\">\n                        <div class=\"flex flex-wrap gap-1.5\">\n                            <span class=\"px-3 py-1 rounded-full bg-viviamo-red text-white text-xs font-extrabold tracking-wide flex items-center gap-1\">\n                                <i data-lucide=\"handshake\" class=\"w-3.5 h-3.5\"><\/i> 4. Punkt Partnerski VIVIAMO \u2022 Grupa Unilink\n                            <\/span>\n                            <span class=\"px-2.5 py-1 rounded-full bg-viviamo-redLight text-viviamo-redDark text-[11px] font-bold border border-viviamo-red\/20\">\n                                Woj. \u015al\u0105skie (pow. cieszy\u0144ski)\n                            <\/span>\n                        <\/div>\n                        <div class=\"w-10 h-10 rounded-xl bg-viviamo-redLight text-viviamo-red flex items-center justify-center shrink-0\">\n                            <i data-lucide=\"map-pinned\" class=\"w-5 h-5\"><\/i>\n                        <\/div>\n                    <\/div>\n\n                    <h3 class=\"text-2xl font-extrabold text-unilink-dark\">Biuro Strumie\u0144 <span class=\"text-viviamo-red font-bold text-lg\">(Viviamo)<\/span><\/h3>\n                    <p class=\"text-slate-500 text-sm mt-1\">Nasz partnerski oddzia\u0142 na \u015al\u0105sku Cieszy\u0144skim. Kompleksowe por\u00f3wnanie ubezpiecze\u0144 komunikacyjnych, dom\u00f3w oraz wyjazd\u00f3w zagranicznych.<\/p>\n\n                    <div class=\"mt-6 space-y-3.5 text-sm border-t border-slate-100 pt-5\">\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"map-pin\" class=\"w-5 h-5 text-viviamo-red shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <p class=\"font-bold text-slate-800\">ul. Ks. Londzina 19, 43-246 Strumie\u0144<\/p>\n                                <p class=\"text-xs text-slate-500\">Centrum Strumienia (blisko Rynku)<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"clock\" class=\"w-5 h-5 text-viviamo-red shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <p class=\"font-bold text-slate-800\">Poniedzia\u0142ek \u2013 Pi\u0105tek: 09:00 \u2013 17:00<\/p>\n                                <p class=\"text-xs text-slate-500\">Mo\u017cliwo\u015b\u0107 wyceny telefonicznej lub przez WhatsApp<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"phone-call\" class=\"w-5 h-5 text-viviamo-red shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <a href=\"tel:+48690090282\" class=\"font-extrabold text-lg text-unilink-dark hover:text-viviamo-red transition\">690 090 282<\/a>\n                                <p class=\"text-xs text-slate-500\">E-mail: <a href=\"mailto:damarisknapik@gmail.com\" class=\"underline hover:text-viviamo-red font-semibold\">damarisknapik@gmail.com<\/a><\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"user-check\" class=\"w-5 h-5 text-viviamo-red shrink-0 mt-0.5\"><\/i>\n                            <div>\n                                <p class=\"text-xs font-bold text-slate-700\">Doradca w biurze Strumie\u0144:<\/p>\n                                <p class=\"text-xs text-slate-500\">Damaris Lech<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mt-7 pt-4 border-t border-slate-100 grid grid-cols-2 gap-2.5\">\n                    <a href=\"tel:+48690090282\" class=\"py-2.5 px-4 rounded-xl bg-viviamo-red text-white font-bold text-xs text-center hover:bg-viviamo-redDark transition flex items-center justify-center gap-1.5\">\n                        <i data-lucide=\"phone\" class=\"w-3.5 h-3.5\"><\/i> Zadzwo\u0144: 690 090 282\n                    <\/a>\n                    <a href=\"https:\/\/maps.app.goo.gl\/udaZoVL38KSKEui49\" target=\"_blank\" class=\"py-2.5 px-4 rounded-xl bg-slate-100 text-slate-700 font-bold text-xs text-center hover:bg-slate-200 transition flex items-center justify-center gap-1.5\">\n                        <i data-lucide=\"map-pin\" class=\"w-3.5 h-3.5 text-viviamo-red\"><\/i> Pinezka Strumie\u0144\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- INTERAKTYWNA MAPA GOOGLE Z PINEZKAMI 4 BIUR -->\n        <div id=\"mapa-pinezki\" class=\"mt-12 bg-white rounded-3xl p-6 sm:p-8 shadow-md border border-slate-200\/90\">\n            <div class=\"flex flex-col lg:flex-row lg:items-center justify-between gap-4 mb-6\">\n                <div>\n                    <span class=\"text-unilink-cta font-extrabold text-xs uppercase tracking-widest flex items-center gap-1.5\">\n                        <i data-lucide=\"navigation\" class=\"w-3.5 h-3.5\"><\/i> Nawigacja i Pinezki Google Maps\n                    <\/span>\n                    <h3 class=\"text-2xl font-extrabold text-unilink-dark mt-1\">Sprawd\u017a dojazd do wybranego biura<\/h3>\n                <\/div>\n                <div class=\"flex flex-wrap gap-2\">\n                    <button onclick=\"switchMap(0)\" id=\"map-btn-0\" class=\"map-tab px-4 py-2.5 rounded-xl text-xs font-extrabold bg-unilink-cta text-white shadow transition flex items-center gap-1.5\">\n                        <i data-lucide=\"map-pin\" class=\"w-3.5 h-3.5\"><\/i> 1. Wielu\u0144\n                    <\/button>\n                    <button onclick=\"switchMap(1)\" id=\"map-btn-1\" class=\"map-tab px-4 py-2.5 rounded-xl text-xs font-bold bg-slate-100 text-slate-700 hover:bg-slate-200 transition flex items-center gap-1.5\">\n                        <i data-lucide=\"map-pin\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> 2. Zdu\u0144ska Wola\n                    <\/button>\n                    <button onclick=\"switchMap(2)\" id=\"map-btn-2\" class=\"map-tab px-4 py-2.5 rounded-xl text-xs font-bold bg-slate-100 text-slate-700 hover:bg-slate-200 transition flex items-center gap-1.5\">\n                        <i data-lucide=\"moon\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> 3. Bujn\u00f3w 10\n                    <\/button>\n                    <button onclick=\"switchMap(3)\" id=\"map-btn-3\" class=\"map-tab px-4 py-2.5 rounded-xl text-xs font-bold bg-viviamo-redLight text-viviamo-redDark border border-viviamo-red\/20 hover:bg-red-100 transition flex items-center gap-1.5\">\n                        <i data-lucide=\"map-pin\" class=\"w-3.5 h-3.5 text-viviamo-red\"><\/i> 4. Strumie\u0144\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"rounded-2xl overflow-hidden border border-slate-200 bg-slate-100\">\n                <iframe id=\"googleMapFrame\" class=\"w-full h-72 sm:h-80 border-0\" loading=\"lazy\" allowfullscreen referrerpolicy=\"no-referrer-when-downgrade\" src=\"https:\/\/maps.google.com\/maps?q=Wojska+Polskiego+11,+98-300+Wielu%C5%84&t=&z=16&ie=UTF8&iwloc=&output=embed\"><\/iframe>\n                <div class=\"bg-unilink-dark text-white p-4 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3\">\n                    <div class=\"flex items-center gap-2.5 text-xs sm:text-sm\">\n                        <i data-lucide=\"map-pin\" class=\"w-5 h-5 text-unilink-cta shrink-0\"><\/i>\n                        <span id=\"mapActiveDesc\" class=\"font-bold\">1. Biuro Wielu\u0144 \u2013 ul. Wojska Polskiego 11, 98-300 Wielu\u0144 (Pon\u2013Pt 9:00\u201317:00)<\/span>\n                    <\/div>\n                    <a id=\"mapDirectPinLink\" href=\"https:\/\/maps.app.goo.gl\/yUEMNJ47BQDTECe9A\" target=\"_blank\" class=\"px-4 py-2 rounded-xl bg-unilink-cta hover:bg-unilink-ctaHover text-white font-extrabold text-xs whitespace-nowrap transition flex items-center gap-1.5\">\n                        <i data-lucide=\"external-link\" class=\"w-3.5 h-3.5\"><\/i> Otw\u00f3rz pinezk\u0119 tego biura w Google Maps\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SEKCJA: POZNAJ NASZYCH DORADC\u00d3W (ZESP\u00d3\u0141 6 OS\u00d3B) -->\n    <section id=\"zespol\" class=\"py-16 lg:py-24 bg-white border-y border-slate-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-10 gap-4\">\n                <div>\n                    <span class=\"text-unilink-cta font-extrabold text-xs uppercase tracking-widest\">Ludzie, kt\u00f3rym mo\u017cesz zaufa\u0107<\/span>\n                    <h2 class=\"text-3xl sm:text-4xl font-extrabold text-unilink-dark mt-2\">Poznaj naszych doradc\u00f3w<\/h2>\n                    <p class=\"text-slate-600 mt-2 text-sm sm:text-base max-w-2xl\">\n                        Nie jeste\u015b skazany na automatyczn\u0105 infolini\u0119. Wybierz doradc\u0119 ze swojego miasta i zadzwo\u0144 lub napisz bezpo\u015brednio \u2013 obs\u0142ugujemy klient\u00f3w stacjonarnie oraz przez <strong>telefon, WhatsApp, Facebook i e-mail<\/strong>.\n                    <\/p>\n                <\/div>\n\n                <div class=\"flex flex-wrap gap-2\">\n                    <button onclick=\"filterTeam('all')\" id=\"team-all\" class=\"team-tab px-3.5 py-2 rounded-xl text-xs font-bold bg-unilink-dark text-white transition\">Ca\u0142y zesp\u00f3\u0142 (6)<\/button>\n                    <button onclick=\"filterTeam('wielun')\" id=\"team-wielun\" class=\"team-tab px-3.5 py-2 rounded-xl text-xs font-bold bg-slate-100 text-slate-700 hover:bg-slate-200 transition\">Wielu\u0144 (3)<\/button>\n                    <button onclick=\"filterTeam('zdunska')\" id=\"team-zdunska\" class=\"team-tab px-3.5 py-2 rounded-xl text-xs font-bold bg-slate-100 text-slate-700 hover:bg-slate-200 transition\">Zdu\u0144ska Wola & Bujn\u00f3w (2)<\/button>\n                    <button onclick=\"filterTeam('strumien')\" id=\"team-strumien\" class=\"team-tab px-3.5 py-2 rounded-xl text-xs font-bold bg-viviamo-redLight text-viviamo-redDark border border-viviamo-red\/20 hover:bg-red-100 transition\">Strumie\u0144 (1)<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-7\">\n\n                <!-- 1. KATARZYNA KNAPIK (WIELU\u0143) -->\n                <div data-branch=\"wielun\" class=\"team-card bg-unilink-gray rounded-3xl p-6 border border-slate-200\/90 card-hover flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center gap-4 mb-5\">\n                            <div class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-unilink-dark to-unilink-blue text-white flex flex-col items-center justify-center shrink-0 shadow-md border-2 border-white relative overflow-hidden\">\n                                <span class=\"text-xl font-extrabold\">KK<\/span>\n                                <span class=\"text-[9px] uppercase tracking-wider text-orange-300\">Zdj\u0119cie<\/span>\n                            <\/div>\n                            <div>\n                                <span class=\"inline-block px-2.5 py-0.5 rounded-full bg-unilink-dark text-white text-[11px] font-bold mb-1\">Biuro Wielu\u0144<\/span>\n                                <h3 class=\"text-xl font-extrabold text-unilink-dark\">Katarzyna Knapik<\/h3>\n                                <p class=\"text-xs font-bold text-unilink-cta\">Ubezpieczenia na \u017bycie, Zdrowie i dla Firm<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <p class=\"text-xs text-slate-600 leading-relaxed mb-4 bg-white p-3.5 rounded-2xl border border-slate-100\">\n                            Pomagam zabezpieczy\u0107 przysz\u0142o\u015b\u0107 Twojej rodziny, zdrowie oraz maj\u0105tek Twojej firmy. Doradzam prosto i konkretnie \u2013 tak, by polisa realnie chroni\u0142a w razie choroby, wypadku czy kontroli w firmie.\n                        <\/p>\n\n                        <div class=\"flex flex-wrap gap-1.5 mb-5\">\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-slate-200 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"heart-pulse\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> \u017bycie i Zdrowie\n                            <\/span>\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-slate-200 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"briefcase\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Firmy i OC dzia\u0142alno\u015bci\n                            <\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"pt-4 border-t border-slate-200\/80 space-y-2\">\n                        <a href=\"tel:+48663766480\" class=\"w-full py-2.5 px-4 rounded-xl bg-unilink-dark hover:bg-unilink-blue text-white font-bold text-xs flex items-center justify-center gap-2 transition\">\n                            <i data-lucide=\"phone-call\" class=\"w-4 h-4 text-unilink-cta\"><\/i> Zadzwo\u0144: 663 766 480\n                        <\/a>\n                        <div class=\"grid grid-cols-2 gap-2\">\n                            <a href=\"mailto:katarzynaiknapik@gmail.com\" class=\"py-2 px-3 rounded-xl bg-white border border-slate-200 hover:border-unilink-cta text-slate-700 font-bold text-[11px] flex items-center justify-center gap-1.5 transition truncate\" title=\"katarzynaiknapik@gmail.com\">\n                                <i data-lucide=\"mail\" class=\"w-3.5 h-3.5 text-unilink-cta shrink-0\"><\/i> Napisz e-mail\n                            <\/a>\n                            <a href=\"https:\/\/wa.me\/48663766480\" target=\"_blank\" class=\"py-2 px-3 rounded-xl bg-emerald-50 border border-emerald-200 hover:bg-emerald-100 text-emerald-800 font-bold text-[11px] flex items-center justify-center gap-1.5 transition\">\n                                <i data-lucide=\"message-circle\" class=\"w-3.5 h-3.5 text-emerald-600 shrink-0\"><\/i> WhatsApp\n                            <\/a>\n                        <\/div>\n                        <p class=\"text-[11px] text-center text-slate-500 pt-1 select-all\">katarzynaiknapik@gmail.com<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 2. PIOTR KNAPIK (WIELU\u0143) -->\n                <div data-branch=\"wielun\" class=\"team-card bg-unilink-gray rounded-3xl p-6 border border-slate-200\/90 card-hover flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center gap-4 mb-5\">\n                            <div class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-unilink-dark to-unilink-blue text-white flex flex-col items-center justify-center shrink-0 shadow-md border-2 border-white relative overflow-hidden\">\n                                <span class=\"text-xl font-extrabold\">PK<\/span>\n                                <span class=\"text-[9px] uppercase tracking-wider text-orange-300\">Zdj\u0119cie<\/span>\n                            <\/div>\n                            <div>\n                                <span class=\"inline-block px-2.5 py-0.5 rounded-full bg-unilink-dark text-white text-[11px] font-bold mb-1\">Biuro Wielu\u0144<\/span>\n                                <h3 class=\"text-xl font-extrabold text-unilink-dark\">Piotr Knapik<\/h3>\n                                <p class=\"text-xs font-bold text-unilink-cta\">Specjalista ds. Ubezpiecze\u0144 Samochodowych<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <p class=\"text-xs text-slate-600 leading-relaxed mb-4 bg-white p-3.5 rounded-2xl border border-slate-100\">\n                            Szukasz najkorzystniejszego OC, pewnego Autocasco (AC) lub dobrego Assistance na holowanie? Por\u00f3wnam dla Ciebie kilkadziesi\u0105t firm i znajd\u0119 najni\u017csz\u0105 sk\u0142adk\u0119 dla Twojego auta, motocykla lub busa.\n                        <\/p>\n\n                        <div class=\"flex flex-wrap gap-1.5 mb-5\">\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-slate-200 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"car\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Samochody (OC \/ AC)\n                            <\/span>\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-slate-200 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"wrench\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Assistance i Szyby\n                            <\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"pt-4 border-t border-slate-200\/80 space-y-2\">\n                        <a href=\"tel:+48663488557\" class=\"w-full py-2.5 px-4 rounded-xl bg-unilink-dark hover:bg-unilink-blue text-white font-bold text-xs flex items-center justify-center gap-2 transition\">\n                            <i data-lucide=\"phone-call\" class=\"w-4 h-4 text-unilink-cta\"><\/i> Zadzwo\u0144: 663 488 557\n                        <\/a>\n                        <div class=\"grid grid-cols-2 gap-2\">\n                            <a href=\"mailto:piotriknapik@gmail.com\" class=\"py-2 px-3 rounded-xl bg-white border border-slate-200 hover:border-unilink-cta text-slate-700 font-bold text-[11px] flex items-center justify-center gap-1.5 transition truncate\" title=\"piotriknapik@gmail.com\">\n                                <i data-lucide=\"mail\" class=\"w-3.5 h-3.5 text-unilink-cta shrink-0\"><\/i> Napisz e-mail\n                            <\/a>\n                            <a href=\"https:\/\/wa.me\/48663488557\" target=\"_blank\" class=\"py-2 px-3 rounded-xl bg-emerald-50 border border-emerald-200 hover:bg-emerald-100 text-emerald-800 font-bold text-[11px] flex items-center justify-center gap-1.5 transition\">\n                                <i data-lucide=\"message-circle\" class=\"w-3.5 h-3.5 text-emerald-600 shrink-0\"><\/i> WhatsApp\n                            <\/a>\n                        <\/div>\n                        <p class=\"text-[11px] text-center text-slate-500 pt-1 select-all\">piotriknapik@gmail.com<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 3. NOEMI GAIK (WIELU\u0143) -->\n                <div data-branch=\"wielun\" class=\"team-card bg-unilink-gray rounded-3xl p-6 border border-slate-200\/90 card-hover flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center gap-4 mb-5\">\n                            <div class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-unilink-dark to-unilink-blue text-white flex flex-col items-center justify-center shrink-0 shadow-md border-2 border-white relative overflow-hidden\">\n                                <span class=\"text-xl font-extrabold\">NG<\/span>\n                                <span class=\"text-[9px] uppercase tracking-wider text-orange-300\">Zdj\u0119cie<\/span>\n                            <\/div>\n                            <div>\n                                <span class=\"inline-block px-2.5 py-0.5 rounded-full bg-unilink-dark text-white text-[11px] font-bold mb-1\">Biuro Wielu\u0144<\/span>\n                                <h3 class=\"text-xl font-extrabold text-unilink-dark\">Noemi Gaik<\/h3>\n                                <p class=\"text-xs font-bold text-unilink-cta\">Samochody, Domy oraz Gospodarstwa i Uprawy Rolne<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <p class=\"text-xs text-slate-600 leading-relaxed mb-4 bg-white p-3.5 rounded-2xl border border-slate-100\">\n                            Kompleksowo ubezpieczam samochody, domy i mieszkania, a tak\u017ce specjalizuj\u0119 si\u0119 w ochronie dla rolnik\u00f3w \u2013 od obowi\u0105zkowego OC rolnika i budynk\u00f3w, a\u017c po dotowane ubezpieczenia upraw i maszyn.\n                        <\/p>\n\n                        <div class=\"flex flex-wrap gap-1.5 mb-5\">\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-slate-200 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"tractor\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Rolne i Uprawy\n                            <\/span>\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-slate-200 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"home\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Domy i Auta\n                            <\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"pt-4 border-t border-slate-200\/80 space-y-2\">\n                        <a href=\"tel:+48690009213\" class=\"w-full py-2.5 px-4 rounded-xl bg-unilink-dark hover:bg-unilink-blue text-white font-bold text-xs flex items-center justify-center gap-2 transition\">\n                            <i data-lucide=\"phone-call\" class=\"w-4 h-4 text-unilink-cta\"><\/i> Zadzwo\u0144: 690 009 213\n                        <\/a>\n                        <div class=\"grid grid-cols-2 gap-2\">\n                            <a href=\"mailto:noemigaik@gmail.com\" class=\"py-2 px-3 rounded-xl bg-white border border-slate-200 hover:border-unilink-cta text-slate-700 font-bold text-[11px] flex items-center justify-center gap-1.5 transition truncate\" title=\"noemigaik@gmail.com\">\n                                <i data-lucide=\"mail\" class=\"w-3.5 h-3.5 text-unilink-cta shrink-0\"><\/i> Napisz e-mail\n                            <\/a>\n                            <a href=\"https:\/\/wa.me\/48690009213\" target=\"_blank\" class=\"py-2 px-3 rounded-xl bg-emerald-50 border border-emerald-200 hover:bg-emerald-100 text-emerald-800 font-bold text-[11px] flex items-center justify-center gap-1.5 transition\">\n                                <i data-lucide=\"message-circle\" class=\"w-3.5 h-3.5 text-emerald-600 shrink-0\"><\/i> WhatsApp\n                            <\/a>\n                        <\/div>\n                        <p class=\"text-[11px] text-center text-slate-500 pt-1 select-all\">noemigaik@gmail.com<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 4. JONATAN KNAPIK (ZDU\u0143SKA WOLA + BUJN\u00d3W) -->\n                <div data-branch=\"zdunska\" class=\"team-card bg-unilink-gray rounded-3xl p-6 border-2 border-unilink-cta\/40 card-hover flex flex-col justify-between relative\">\n                    <div>\n                        <div class=\"flex items-center gap-4 mb-5\">\n                            <div class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-unilink-cta to-amber-600 text-white flex flex-col items-center justify-center shrink-0 shadow-md border-2 border-white relative overflow-hidden\">\n                                <span class=\"text-xl font-extrabold\">JK<\/span>\n                                <span class=\"text-[9px] uppercase tracking-wider text-white\/90\">Zdj\u0119cie<\/span>\n                            <\/div>\n                            <div>\n                                <div class=\"flex flex-wrap gap-1 mb-1\">\n                                    <span class=\"px-2.5 py-0.5 rounded-full bg-unilink-dark text-white text-[10px] font-bold\">Zdu\u0144ska Wola<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded-full bg-unilink-cta text-white text-[10px] font-bold\">Bujn\u00f3w (18:00-19:30)<\/span>\n                                <\/div>\n                                <h3 class=\"text-xl font-extrabold text-unilink-dark\">Jonatan Knapik<\/h3>\n                                <p class=\"text-xs font-bold text-unilink-cta\">\u017bycie i Zdrowie, Domy oraz Samochody (OC\/AC)<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <p class=\"text-xs text-slate-600 leading-relaxed mb-4 bg-white p-3.5 rounded-2xl border border-slate-100\">\n                            Pomagam kompleksowo w jednym miejscu: dobior\u0119 korzystne ubezpieczenie samochodu, przygotuj\u0119 dopasowan\u0105 polis\u0119 na \u017cycie i zdrowie oraz zabezpiecz\u0119 Tw\u00f3j dom lub mieszkanie. Dost\u0119pny r\u00f3wnie\u017c wieczorami w Bujnowie!\n                        <\/p>\n\n                        <div class=\"flex flex-wrap gap-1.5 mb-5\">\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-slate-200 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"car\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Auta OC\/AC\n                            <\/span>\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-slate-200 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"heart-pulse\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> \u017bycie i Zdrowie\n                            <\/span>\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-slate-200 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"home\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Domy i Mury\n                            <\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"pt-4 border-t border-slate-200\/80 space-y-2\">\n                        <a href=\"tel:+48690009266\" class=\"w-full py-2.5 px-4 rounded-xl bg-unilink-cta hover:bg-unilink-ctaHover text-white font-bold text-xs flex items-center justify-center gap-2 transition shadow-md shadow-unilink-cta\/20\">\n                            <i data-lucide=\"phone-call\" class=\"w-4 h-4\"><\/i> Zadzwo\u0144: 690 009 266\n                        <\/a>\n                        <div class=\"grid grid-cols-2 gap-2\">\n                            <a href=\"mailto:jonatanknapik@gmail.com\" class=\"py-2 px-3 rounded-xl bg-white border border-slate-200 hover:border-unilink-cta text-slate-700 font-bold text-[11px] flex items-center justify-center gap-1.5 transition truncate\" title=\"jonatanknapik@gmail.com\">\n                                <i data-lucide=\"mail\" class=\"w-3.5 h-3.5 text-unilink-cta shrink-0\"><\/i> Napisz e-mail\n                            <\/a>\n                            <a href=\"https:\/\/wa.me\/48690009266\" target=\"_blank\" class=\"py-2 px-3 rounded-xl bg-emerald-50 border border-emerald-200 hover:bg-emerald-100 text-emerald-800 font-bold text-[11px] flex items-center justify-center gap-1.5 transition\">\n                                <i data-lucide=\"message-circle\" class=\"w-3.5 h-3.5 text-emerald-600 shrink-0\"><\/i> WhatsApp\n                            <\/a>\n                        <\/div>\n                        <p class=\"text-[11px] text-center text-slate-500 pt-1 select-all\">jonatanknapik@gmail.com<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 5. SARA KNAPIK (ZDU\u0143SKA WOLA) -->\n                <div data-branch=\"zdunska\" class=\"team-card bg-unilink-gray rounded-3xl p-6 border border-slate-200\/90 card-hover flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center gap-4 mb-5\">\n                            <div class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-unilink-dark to-unilink-blue text-white flex flex-col items-center justify-center shrink-0 shadow-md border-2 border-white relative overflow-hidden\">\n                                <span class=\"text-xl font-extrabold\">SK<\/span>\n                                <span class=\"text-[9px] uppercase tracking-wider text-orange-300\">Zdj\u0119cie<\/span>\n                            <\/div>\n                            <div>\n                                <span class=\"inline-block px-2.5 py-0.5 rounded-full bg-unilink-dark text-white text-[11px] font-bold mb-1\">Biuro Zdu\u0144ska Wola<\/span>\n                                <h3 class=\"text-xl font-extrabold text-unilink-dark\">Sara Knapik<\/h3>\n                                <p class=\"text-xs font-bold text-unilink-cta\">Doradca Klienta \u2013 Samochody, Dom i Podr\u00f3\u017ce<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <p class=\"text-xs text-slate-600 leading-relaxed mb-4 bg-white p-3.5 rounded-2xl border border-slate-100\">\n                            Z u\u015bmiechem i cierpliwo\u015bci\u0105 pomog\u0119 Ci por\u00f3wna\u0107 oferty na samoch\u00f3d, ubezpieczy\u0107 mieszkanie, dom lub wykupi\u0107 bezpieczn\u0105 polis\u0119 na urlop. Dbam o to, by formalno\u015bci trwa\u0142y tylko chwil\u0119!\n                        <\/p>\n\n                        <div class=\"flex flex-wrap gap-1.5 mb-5\">\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-slate-200 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"car\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Auta OC\/AC\n                            <\/span>\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-slate-200 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"home\" class=\"w-3.5 h-3.5 text-unilink-cta\"><\/i> Dom i Podr\u00f3\u017ce\n                            <\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"pt-4 border-t border-slate-200\/80 space-y-2\">\n                        <a href=\"tel:+48533400432\" class=\"w-full py-2.5 px-4 rounded-xl bg-unilink-dark hover:bg-unilink-blue text-white font-bold text-xs flex items-center justify-center gap-2 transition\">\n                            <i data-lucide=\"phone-call\" class=\"w-4 h-4 text-unilink-cta\"><\/i> Zadzwo\u0144: 533 400 432\n                        <\/a>\n                        <div class=\"grid grid-cols-2 gap-2\">\n                            <a href=\"mailto:saraswiniarska99@gmail.com\" class=\"py-2 px-3 rounded-xl bg-white border border-slate-200 hover:border-unilink-cta text-slate-700 font-bold text-[11px] flex items-center justify-center gap-1.5 transition truncate\" title=\"saraswiniarska99@gmail.com\">\n                                <i data-lucide=\"mail\" class=\"w-3.5 h-3.5 text-unilink-cta shrink-0\"><\/i> Napisz e-mail\n                            <\/a>\n                            <a href=\"https:\/\/wa.me\/48533400432\" target=\"_blank\" class=\"py-2 px-3 rounded-xl bg-emerald-50 border border-emerald-200 hover:bg-emerald-100 text-emerald-800 font-bold text-[11px] flex items-center justify-center gap-1.5 transition\">\n                                <i data-lucide=\"message-circle\" class=\"w-3.5 h-3.5 text-emerald-600 shrink-0\"><\/i> WhatsApp\n                            <\/a>\n                        <\/div>\n                        <p class=\"text-[11px] text-center text-slate-500 pt-1 select-all\">saraswiniarska99@gmail.com<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 6. DAMARIS LECH (STRUMIE\u0143 - VIVIAMO) -->\n                <div data-branch=\"strumien\" class=\"team-card bg-viviamo-redLight\/50 rounded-3xl p-6 border-2 border-viviamo-red\/25 card-hover flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center gap-4 mb-5\">\n                            <div class=\"w-20 h-20 rounded-2xl bg-gradient-to-br from-viviamo-red to-viviamo-redDark text-white flex flex-col items-center justify-center shrink-0 shadow-md border-2 border-white relative overflow-hidden\">\n                                <span class=\"text-xl font-extrabold\">DL<\/span>\n                                <span class=\"text-[9px] uppercase tracking-wider text-red-100\">Zdj\u0119cie<\/span>\n                            <\/div>\n                            <div>\n                                <span class=\"inline-block px-2.5 py-0.5 rounded-full bg-viviamo-red text-white text-[11px] font-bold mb-1\">Biuro Strumie\u0144 \u2022 Viviamo<\/span>\n                                <h3 class=\"text-xl font-extrabold text-unilink-dark\">Damaris Lech<\/h3>\n                                <p class=\"text-xs font-bold text-viviamo-redDark\">Opiekun Klienta \u2013 Doradca Ubezpieczeniowy<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <p class=\"text-xs text-slate-600 leading-relaxed mb-4 bg-white p-3.5 rounded-2xl border border-viviamo-red\/15\">\n                            Zadbam o to, \u017ceby\u015b nie przep\u0142aca\u0142 za ubezpieczenie! Przygotuj\u0119 dla Ciebie jasne i czytelne por\u00f3wnanie sk\u0142adek na samoch\u00f3d (OC\/AC), dom, mieszkanie lub wyjazd. Zapraszam do naszego biura w Strumieniu!\n                        <\/p>\n\n                        <div class=\"flex flex-wrap gap-1.5 mb-5\">\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-viviamo-red\/20 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"car\" class=\"w-3.5 h-3.5 text-viviamo-red\"><\/i> Por\u00f3wnanie OC\/AC\n                            <\/span>\n                            <span class=\"px-2.5 py-1 rounded-lg bg-white border border-viviamo-red\/20 text-[11px] font-semibold text-slate-700 flex items-center gap-1\">\n                                <i data-lucide=\"shield-check\" class=\"w-3.5 h-3.5 text-viviamo-red\"><\/i> Dom i Mieszkanie\n                            <\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"pt-4 border-t border-viviamo-red\/20 space-y-2\">\n                        <a href=\"tel:+48690090282\" class=\"w-full py-2.5 px-4 rounded-xl bg-viviamo-red hover:bg-viviamo-redDark text-white font-bold text-xs flex items-center justify-center gap-2 transition\">\n                            <i data-lucide=\"phone-call\" class=\"w-4 h-4\"><\/i> Zadzwo\u0144: 690 090 282\n                        <\/a>\n                        <div class=\"grid grid-cols-2 gap-2\">\n                            <a href=\"mailto:damarisknapik@gmail.com\" class=\"py-2 px-3 rounded-xl bg-white border border-slate-200 hover:border-viviamo-red text-slate-700 font-bold text-[11px] flex items-center justify-center gap-1.5 transition truncate\" title=\"damarisknapik@gmail.com\">\n                                <i data-lucide=\"mail\" class=\"w-3.5 h-3.5 text-viviamo-red shrink-0\"><\/i> Napisz e-mail\n                            <\/a>\n                            <a href=\"https:\/\/wa.me\/48690090282\" target=\"_blank\" class=\"py-2 px-3 rounded-xl bg-emerald-50 border border-emerald-200 hover:bg-emerald-100 text-emerald-800 font-bold text-[11px] flex items-center justify-center gap-1.5 transition\">\n                                <i data-lucide=\"message-circle\" class=\"w-3.5 h-3.5 text-emerald-600 shrink-0\"><\/i> WhatsApp\n                            <\/a>\n                        <\/div>\n                        <p class=\"text-[11px] text-center text-slate-500 pt-1 select-all\">damarisknapik@gmail.com<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SEKCJA: OFERTA UBEZPIECZE\u0143 -->\n    <section id=\"oferta\" class=\"py-16 lg:py-24 bg-unilink-gray\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-2xl mx-auto mb-14\">\n                <span class=\"text-unilink-cta font-extrabold text-xs uppercase tracking-widest\">Wszystkie Polisy w Jednym Miejscu<\/span>\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-unilink-dark mt-2\">W czym mo\u017cemy Ci pom\u00f3c?<\/h2>\n                <p class=\"text-slate-600 mt-3 text-sm sm:text-base\">\n                    T\u0142umaczymy ubezpieczenia z \u201ej\u0119zyka prawniczego\u201d na ludzki. Sprawdzamy nie tylko cen\u0119, ale przede wszystkim to, co faktycznie dostaniesz w razie szkody.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n                <div class=\"p-7 rounded-3xl bg-white border border-slate-200\/80 card-hover group\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-unilink-dark text-white flex items-center justify-center mb-5 group-hover:bg-unilink-cta transition\">\n                        <i data-lucide=\"car\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-extrabold text-unilink-dark mb-2\">1. Samoch\u00f3d i Komunikacja<\/h3>\n                    <p class=\"text-slate-600 text-sm mb-4\">Najta\u0144sze obowi\u0105zkowe OC, elastyczne Autocasco (AC), dobre Assistance z holowaniem w Polsce i Europie oraz ochrona szyb i zni\u017cek.<\/p>\n                    <a href=\"#wycena\" class=\"text-xs font-extrabold text-unilink-cta flex items-center gap-1 group-hover:gap-2 transition-all\">\n                        Popro\u015b o wycen\u0119 auta <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                    <\/a>\n                <\/div>\n\n                <div class=\"p-7 rounded-3xl bg-white border border-slate-200\/80 card-hover group\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-unilink-dark text-white flex items-center justify-center mb-5 group-hover:bg-unilink-cta transition\">\n                        <i data-lucide=\"heart-pulse\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-extrabold text-unilink-dark mb-2\">2. \u017bycie, Zdrowie i Dzieci<\/h3>\n                    <p class=\"text-slate-600 text-sm mb-4\">Indywidualne i grupowe ubezpieczenia na \u017cycie, wyp\u0142ata za pobyt w szpitalu, powa\u017cne zachorowanie, operacje, prywatni lekarze oraz NNW szkolne.<\/p>\n                    <a href=\"#wycena\" class=\"text-xs font-extrabold text-unilink-cta flex items-center gap-1 group-hover:gap-2 transition-all\">\n                        Sprawd\u017a pakiety na \u017cycie <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                    <\/a>\n                <\/div>\n\n                <div class=\"p-7 rounded-3xl bg-white border border-slate-200\/80 card-hover group\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-unilink-dark text-white flex items-center justify-center mb-5 group-hover:bg-unilink-cta transition\">\n                        <i data-lucide=\"home\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-extrabold text-unilink-dark mb-2\">3. Dom, Mury i Mieszkanie<\/h3>\n                    <p class=\"text-slate-600 text-sm mb-4\">Ochrona mur\u00f3w, wyposa\u017cenia, fotowoltaiki, pomp ciep\u0142a i ogrodzenia przed po\u017carem, zalaniem, wichur\u0105 i przepi\u0119ciem (tak\u017ce pod kredyt).<\/p>\n                    <a href=\"#wycena\" class=\"text-xs font-extrabold text-unilink-cta flex items-center gap-1 group-hover:gap-2 transition-all\">\n                        Zabezpiecz sw\u00f3j dom <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                    <\/a>\n                <\/div>\n\n                <div class=\"p-7 rounded-3xl bg-white border border-slate-200\/80 card-hover group\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-unilink-dark text-white flex items-center justify-center mb-5 group-hover:bg-unilink-cta transition\">\n                        <i data-lucide=\"tractor\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-extrabold text-unilink-dark mb-2\">4. Rolne, Gospodarstwa i Uprawy<\/h3>\n                    <p class=\"text-slate-600 text-sm mb-4\">Obowi\u0105zkowe OC rolnika, budynki gospodarcze, ubezpieczenia upraw z dop\u0142at\u0105 z bud\u017cetu pa\u0144stwa oraz Agrocasco na ci\u0105gniki i maszyny.<\/p>\n                    <a href=\"#wycena\" class=\"text-xs font-extrabold text-unilink-cta flex items-center gap-1 group-hover:gap-2 transition-all\">\n                        Oferta dla rolnik\u00f3w <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                    <\/a>\n                <\/div>\n\n                <div class=\"p-7 rounded-3xl bg-white border border-slate-200\/80 card-hover group\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-unilink-dark text-white flex items-center justify-center mb-5 group-hover:bg-unilink-cta transition\">\n                        <i data-lucide=\"briefcase\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-extrabold text-unilink-dark mb-2\">5. Ubezpieczenia dla Firm<\/h3>\n                    <p class=\"text-slate-600 text-sm mb-4\">OC dzia\u0142alno\u015bci gospodarczej, ubezpieczenia flot samochodowych, OC przewo\u017anika, mienia firmowego oraz gwarancje ubezpieczeniowe.<\/p>\n                    <a href=\"#wycena\" class=\"text-xs font-extrabold text-unilink-cta flex items-center gap-1 group-hover:gap-2 transition-all\">\n                        Zapytaj o ofert\u0119 dla firmy <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                    <\/a>\n                <\/div>\n\n                <div class=\"p-7 rounded-3xl bg-white border border-slate-200\/80 card-hover group\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-unilink-dark text-white flex items-center justify-center mb-5 group-hover:bg-unilink-cta transition\">\n                        <i data-lucide=\"plane\" class=\"w-6 h-6\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-extrabold text-unilink-dark mb-2\">6. Podr\u00f3\u017ce i Wyjazdy<\/h3>\n                    <p class=\"text-slate-600 text-sm mb-4\">Koszty leczenia za granic\u0105 (nawet do kilku milion\u00f3w z\u0142), ratownictwo, ubezpieczenie baga\u017cu, OC w \u017cyciu prywatnym oraz sporty zimowe.<\/p>\n                    <a href=\"#wycena\" class=\"text-xs font-extrabold text-unilink-cta flex items-center gap-1 group-hover:gap-2 transition-all\">\n                        Polisa na wyjazd w 5 minut <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SEKCJA: NASZE OSI\u0104GNI\u0118CIA I ZDALNA OBS\u0141UGA -->\n    <section id=\"osiagniecia\" class=\"py-16 lg:py-20 bg-unilink-dark text-white relative overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid lg:grid-cols-12 gap-10 items-center\">\n                <div class=\"lg:col-span-6 space-y-4\">\n                    <span class=\"px-3 py-1 rounded-full bg-unilink-cta\/20 text-unilink-cta text-xs font-bold uppercase tracking-wider\">Nasze Osi\u0105gni\u0119cia i Standard Obs\u0142ugi<\/span>\n                    <h2 class=\"text-3xl sm:text-4xl font-extrabold leading-tight\">Duma z zaufania tysi\u0119cy klient\u00f3w<\/h2>\n                    <p class=\"text-slate-300 text-sm leading-relaxed\">\n                        Jako rodzinny zesp\u00f3\u0142 doradc\u00f3w w ramach najwi\u0119kszej w Polsce multiagencji <strong>Unilink<\/strong> oraz sieci <strong>Viviamo (Grupa Unilink)<\/strong>, \u0142\u0105czymy ogromn\u0105 si\u0142\u0119 negocjacyjn\u0105 z serdecznym, lokalnym podej\u015bciem.\n                    <\/p>\n                    <div class=\"pt-3 space-y-3 text-xs sm:text-sm text-slate-200\">\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"award\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <span>Laureat plebiscytu <strong>\u201eOr\u0142y Ubezpiecze\u0144\u201d<\/strong> w Wieluniu (ocena 9.6\/10)<\/span>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"message-square\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <span><strong>Powiadomienia SMS o ko\u0144cz\u0105cej si\u0119 polisie<\/strong> \u2013 wysy\u0142amy przypomnienia SMS przed up\u0142ywem terminu ubezpieczenia, u\u0142atwiaj\u0105c zachowanie ci\u0105g\u0142o\u015bci ochrony.<\/span>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"smartphone\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <span><strong>Wygodna obs\u0142uga zdalna polis:<\/strong> za\u0142atwisz u nas wszystko r\u00f3wnie\u017c przez <strong>Facebooka (Messenger), WhatsApp, e-mail oraz telefon<\/strong>!<\/span>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-unilink-cta shrink-0 mt-0.5\"><\/i>\n                            <span>Wspieramy naszych klient\u00f3w tak\u017ce po wystawieniu polisy \u2013 przy zg\u0142aszaniu szk\u00f3d czy aktualizacji danych pojazdu.<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lg:col-span-6 grid grid-cols-2 gap-4 sm:gap-5\">\n                    <div class=\"p-6 rounded-3xl bg-white\/5 border border-white\/10 backdrop-blur-sm\">\n                        <div class=\"text-3xl sm:text-4xl font-extrabold text-unilink-cta mb-1\">40+<\/div>\n                        <div class=\"font-bold text-sm text-white\">Towarzystw w 1 miejscu<\/div>\n                        <p class=\"text-xs text-slate-400 mt-1\">Por\u00f3wnujemy oferty wszystkich licz\u0105cych si\u0119 firm na rynku.<\/p>\n                    <\/div>\n                    <div class=\"p-6 rounded-3xl bg-white\/5 border border-white\/10 backdrop-blur-sm\">\n                        <div class=\"text-3xl sm:text-4xl font-extrabold text-unilink-cta mb-1\">6<\/div>\n                        <div class=\"font-bold text-sm text-white\">Do\u015bwiadczonych doradc\u00f3w<\/div>\n                        <p class=\"text-xs text-slate-400 mt-1\">Zesp\u00f3\u0142 ekspert\u00f3w z podzia\u0142em na specjalizacje.<\/p>\n                    <\/div>\n                    <div class=\"p-6 rounded-3xl bg-white\/5 border border-white\/10 backdrop-blur-sm\">\n                        <div class=\"text-3xl sm:text-4xl font-extrabold text-unilink-cta mb-1\">4 Biura<\/div>\n                        <div class=\"font-bold text-sm text-white\">+ Obs\u0142uga Online<\/div>\n                        <p class=\"text-xs text-slate-400 mt-1\">Wielu\u0144, Zdu\u0144ska Wola, Bujn\u00f3w, Strumie\u0144 oraz WhatsApp \/ FB \/ Tel.<\/p>\n                    <\/div>\n                    <div class=\"p-6 rounded-3xl bg-white\/5 border border-white\/10 backdrop-blur-sm\">\n                        <div class=\"text-3xl sm:text-4xl font-extrabold text-unilink-cta mb-1\">9.6\/10<\/div>\n                        <div class=\"font-bold text-sm text-white\">Ocena Zadowolenia<\/div>\n                        <p class=\"text-xs text-slate-400 mt-1\">Wyr\u00f3\u017cnienie Or\u0142y Ubezpiecze\u0144 za jako\u015b\u0107 obs\u0142ugi klienta.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SEKCJA: PANEL OPINII GOOGLE MAPS & FACEBOOK -->\n    <section id=\"opinie\" class=\"py-16 lg:py-24 bg-white border-b border-slate-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto mb-12\">\n                <div class=\"inline-flex items-center gap-1 text-amber-500 bg-amber-50 border border-amber-200\/80 px-3.5 py-1 rounded-full text-xs font-extrabold mb-3\">\n                    <span>\u2605\u2605\u2605\u2605\u2605<\/span> <span class=\"text-unilink-dark ml-1\">Twoja opinia ma dla nas ogromne znaczenie!<\/span>\n                <\/div>\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-unilink-dark\">Jeste\u015b zadowolony z naszej obs\u0142ugi? Zostaw opini\u0119!<\/h2>\n                <p class=\"text-slate-600 mt-2 text-sm sm:text-base\">\n                    Ka\u017cdy komentarz w Google oraz na Facebooku pomaga kolejnym klientom trafi\u0107 w dobre r\u0119ce. Wybierz punkt, w kt\u00f3rym za\u0142atwia\u0142e\u015b polis\u0119, i kliknij poni\u017cej:\n                <\/p>\n            <\/div>\n\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-5 mb-8\">\n                \n                <!-- Opinia 1: Wielu\u0144 -> yUEMNJ47BQDTECe9A -->\n                <div class=\"bg-unilink-gray rounded-3xl p-6 border border-slate-200\/90 card-hover flex flex-col justify-between text-center\">\n                    <div>\n                        <span class=\"px-3 py-1 rounded-full bg-unilink-dark text-white text-[11px] font-bold\">1. Oddzia\u0142 Wielu\u0144<\/span>\n                        <h3 class=\"text-lg font-extrabold text-unilink-dark mt-3\">Biuro Wielu\u0144<\/h3>\n                        <p class=\"text-xs text-slate-500\">ul. Wojska Polskiego 11<\/p>\n                        <div class=\"flex justify-center gap-1 text-amber-400 my-3\">\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <a href=\"https:\/\/maps.app.goo.gl\/yUEMNJ47BQDTECe9A\" target=\"_blank\" class=\"mt-2 w-full py-3 px-4 rounded-xl bg-unilink-cta hover:bg-unilink-ctaHover text-white font-extrabold text-xs transition flex items-center justify-center gap-1.5 shadow-md shadow-unilink-cta\/20\">\n                        <i data-lucide=\"message-square-plus\" class=\"w-4 h-4\"><\/i> Oce\u0144 Biuro Wielu\u0144\n                    <\/a>\n                <\/div>\n\n                <!-- Opinia 2: Zdu\u0144ska Wola -> 6yU2huDxvRUVypUj6 -->\n                <div class=\"bg-unilink-gray rounded-3xl p-6 border border-slate-200\/90 card-hover flex flex-col justify-between text-center\">\n                    <div>\n                        <span class=\"px-3 py-1 rounded-full bg-unilink-dark text-white text-[11px] font-bold\">2. Oddzia\u0142 Zdu\u0144ska Wola<\/span>\n                        <h3 class=\"text-lg font-extrabold text-unilink-dark mt-3\">Biuro Zdu\u0144ska Wola<\/h3>\n                        <p class=\"text-xs text-slate-500\">ul. D\u0105browskiego 7<\/p>\n                        <div class=\"flex justify-center gap-1 text-amber-400 my-3\">\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <a href=\"https:\/\/maps.app.goo.gl\/6yU2huDxvRUVypUj6\" target=\"_blank\" class=\"mt-2 w-full py-3 px-4 rounded-xl bg-unilink-cta hover:bg-unilink-ctaHover text-white font-extrabold text-xs transition flex items-center justify-center gap-1.5 shadow-md shadow-unilink-cta\/20\">\n                        <i data-lucide=\"message-square-plus\" class=\"w-4 h-4\"><\/i> Oce\u0144 Zdu\u0144sk\u0105 Wol\u0119\n                    <\/a>\n                <\/div>\n\n                <!-- Opinia 3: Bujn\u00f3w \/ Z\u0142oczew -> uZ131Zt4ShJNawtF7 -->\n                <div class=\"bg-unilink-gray rounded-3xl p-6 border border-slate-200\/90 card-hover flex flex-col justify-between text-center\">\n                    <div>\n                        <span class=\"px-3 py-1 rounded-full bg-unilink-cta text-white text-[11px] font-bold\">3. Biuro Wieczorowe<\/span>\n                        <h3 class=\"text-lg font-extrabold text-unilink-dark mt-3\">Punkt Bujn\u00f3w 10<\/h3>\n                        <p class=\"text-xs text-slate-500\">gm. Z\u0142oczew \u2022 Obs\u0142uga wieczorowa<\/p>\n                        <div class=\"flex justify-center gap-1 text-amber-400 my-3\">\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <a href=\"https:\/\/maps.app.goo.gl\/uZ131Zt4ShJNawtF7\" target=\"_blank\" class=\"mt-2 w-full py-3 px-4 rounded-xl bg-unilink-cta hover:bg-unilink-ctaHover text-white font-extrabold text-xs transition flex items-center justify-center gap-1.5 shadow-md shadow-unilink-cta\/20\">\n                        <i data-lucide=\"message-square-plus\" class=\"w-4 h-4\"><\/i> Oce\u0144 Punkt Bujn\u00f3w\n                    <\/a>\n                <\/div>\n\n                <!-- Opinia 4: Strumie\u0144 (Viviamo) -> udaZoVL38KSKEui49 -->\n                <div class=\"bg-viviamo-redLight\/50 rounded-3xl p-6 border border-viviamo-red\/25 card-hover flex flex-col justify-between text-center\">\n                    <div>\n                        <span class=\"px-3 py-1 rounded-full bg-viviamo-red text-white text-[11px] font-bold\">4. Partner Viviamo<\/span>\n                        <h3 class=\"text-lg font-extrabold text-unilink-dark mt-3\">Biuro Strumie\u0144<\/h3>\n                        <p class=\"text-xs text-slate-500\">ul. Ks. Londzina 19<\/p>\n                        <div class=\"flex justify-center gap-1 text-amber-400 my-3\">\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                            <i data-lucide=\"star\" class=\"w-5 h-5 fill-amber-400\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <a href=\"https:\/\/maps.app.goo.gl\/udaZoVL38KSKEui49\" target=\"_blank\" class=\"mt-2 w-full py-3 px-4 rounded-xl bg-viviamo-red hover:bg-viviamo-redDark text-white font-extrabold text-xs transition flex items-center justify-center gap-1.5 shadow-md\">\n                        <i data-lucide=\"message-square-plus\" class=\"w-4 h-4\"><\/i> Oce\u0144 Biuro Strumie\u0144\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"bg-gradient-to-r from-blue-600 to-blue-800 rounded-3xl p-6 sm:p-8 text-white flex flex-col lg:flex-row items-center justify-between gap-6 shadow-lg\">\n                <div class=\"flex items-start sm:items-center gap-4\">\n                    <div class=\"w-14 h-14 rounded-2xl bg-white text-blue-600 flex items-center justify-center shrink-0 shadow-md\">\n                        <i data-lucide=\"facebook\" class=\"w-8 h-8\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"text-xl font-extrabold\">Za\u0142atwiasz polisy przez Facebooka? Obserwuj nas i napisz na Messengerze!<\/h3>\n                        <p class=\"text-xs sm:text-sm text-blue-100 mt-1\">Na naszych profilach publikujemy nowo\u015bci, przypomnienia i ciekawostki oraz przyjmujemy zlecenia wyceny polis.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-wrap gap-3 w-full lg:w-auto justify-center shrink-0\">\n                    <a href=\"https:\/\/www.facebook.com\/ubezpieczeniakatarzynaknapikunilink\" target=\"_blank\" class=\"px-5 py-3 rounded-xl bg-white text-blue-700 hover:bg-blue-50 font-extrabold text-xs transition flex items-center gap-2 shadow\">\n                        <i data-lucide=\"thumbs-up\" class=\"w-4 h-4\"><\/i> Facebook \u2013 Biuro Wielu\u0144\n                    <\/a>\n                    <a href=\"https:\/\/www.facebook.com\/katarzynaknapikzdunskawolaunilink\" target=\"_blank\" class=\"px-5 py-3 rounded-xl bg-blue-900\/60 hover:bg-blue-900 border border-white\/25 text-white font-extrabold text-xs transition flex items-center gap-2\">\n                        <i data-lucide=\"thumbs-up\" class=\"w-4 h-4\"><\/i> Facebook \u2013 Biuro Zdu\u0144ska Wola\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SEKCJA: BLOG \/ CIEKAWOSTKI \/ POSTY -->\n    <section id=\"blog\" class=\"py-16 lg:py-24 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-10 gap-4\">\n            <div>\n                <span class=\"text-unilink-cta font-extrabold text-xs uppercase tracking-widest\">Baza Wiedzy i Aktualno\u015bci<\/span>\n                <h2 class=\"text-3xl sm:text-4xl font-extrabold text-unilink-dark mt-2\">Ciekawostki, porady i \u017cycie firmy<\/h2>\n                <p class=\"text-slate-600 mt-2 text-sm\">Dzielimy si\u0119 praktycznymi historiami z naszych biur i podpowiadamy, na co uwa\u017ca\u0107 przy wyborze polisy.<\/p>\n            <\/div>\n\n            <div class=\"flex flex-wrap items-center gap-2\">\n                <button onclick=\"openNewPostModal()\" class=\"px-4 py-2.5 rounded-xl bg-unilink-cta text-white font-bold text-xs hover:bg-unilink-ctaHover transition flex items-center gap-1.5 shadow-md\">\n                    <i data-lucide=\"plus-circle\" class=\"w-4 h-4\"><\/i> + Dodaj nowy post (Podgl\u0105d)\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <div id=\"postsGrid\" class=\"grid md:grid-cols-3 gap-7\">\n            <article class=\"bg-white rounded-3xl overflow-hidden shadow-sm border border-slate-200\/80 card-hover flex flex-col justify-between\">\n                <div>\n                    <div class=\"h-44 bg-gradient-to-r from-unilink-dark to-unilink-blue p-6 flex flex-col justify-between text-white relative\">\n                        <span class=\"px-3 py-1 rounded-full bg-unilink-cta text-white text-[11px] font-bold w-fit\">Ciekawostka \u2022 Auto<\/span>\n                        <div class=\"flex items-center gap-2 text-xs text-slate-300\">\n                            <i data-lucide=\"shield-check\" class=\"w-4 h-4 text-unilink-cta\"><\/i> Porada naszych agent\u00f3w\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <h3 class=\"font-extrabold text-lg text-unilink-dark mb-2 leading-snug\">\n                            Dlaczego osobne ubezpieczenie szyb za kilkadziesi\u0105t z\u0142otych potrafi uratowa\u0107 zni\u017cki z AC?\n                        <\/h3>\n                        <p class=\"text-slate-600 text-xs leading-relaxed\">\n                            Kamie\u0144 spod k\u00f3\u0142 ci\u0119\u017car\u00f3wki to najcz\u0119stsza szkoda komunikacyjna. Wyja\u015bniamy prostym j\u0119zykiem, jak wymieni\u0107 szyb\u0119 bez utraty zni\u017cek na g\u0142\u00f3wnym Autocasco.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"px-6 pb-6 pt-3 border-t border-slate-100 flex justify-between items-center\">\n                    <span class=\"text-[11px] font-semibold text-slate-400\">Wielu\u0144 \/ Zdu\u0144ska Wola<\/span>\n                    <button onclick=\"readArticle(0)\" class=\"text-xs font-extrabold text-unilink-cta hover:underline flex items-center gap-1\">\n                        Czytaj wi\u0119cej <i data-lucide=\"chevron-right\" class=\"w-4 h-4\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/article>\n\n            <article class=\"bg-white rounded-3xl overflow-hidden shadow-sm border border-slate-200\/80 card-hover flex flex-col justify-between\">\n                <div>\n                    <div class=\"h-44 bg-gradient-to-r from-slate-800 to-unilink-dark p-6 flex flex-col justify-between text-white relative\">\n                        <span class=\"px-3 py-1 rounded-full bg-emerald-500 text-white text-[11px] font-bold w-fit\">Dom & Rolnictwo<\/span>\n                        <div class=\"flex items-center gap-2 text-xs text-slate-300\">\n                            <i data-lucide=\"zap\" class=\"w-4 h-4 text-emerald-400\"><\/i> Praktyczny poradnik\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <h3 class=\"font-extrabold text-lg text-unilink-dark mb-2 leading-snug\">\n                            Przepi\u0119cie podczas burzy a spalona pompa ciep\u0142a i elektronika \u2013 co musi mie\u0107 Twoja polisa?\n                        <\/h3>\n                        <p class=\"text-slate-600 text-xs leading-relaxed\">\n                            Sama polisa \u201eod ognia i innych zdarze\u0144 losowych\u201d pod kredyt cz\u0119sto nie ma wysokiego limitu na przepi\u0119cia. Zobacz, o co zapyta\u0107 doradc\u0119 przed sezonem burzowym.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"px-6 pb-6 pt-3 border-t border-slate-100 flex justify-between items-center\">\n                    <span class=\"text-[11px] font-semibold text-slate-400\">Poradnik maj\u0105tkowy<\/span>\n                    <button onclick=\"readArticle(1)\" class=\"text-xs font-extrabold text-unilink-cta hover:underline flex items-center gap-1\">\n                        Czytaj wi\u0119cej <i data-lucide=\"chevron-right\" class=\"w-4 h-4\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/article>\n\n            <article class=\"bg-white rounded-3xl overflow-hidden shadow-sm border border-slate-200\/80 card-hover flex flex-col justify-between\">\n                <div>\n                    <div class=\"h-44 bg-gradient-to-r from-viviamo-redDark to-unilink-dark p-6 flex flex-col justify-between text-white relative\">\n                        <span class=\"px-3 py-1 rounded-full bg-white text-unilink-dark text-[11px] font-extrabold w-fit\">Obs\u0142uga Zdalna i Wieczorowa<\/span>\n                        <div class=\"flex items-center gap-2 text-xs text-orange-100\">\n                            <i data-lucide=\"clock\" class=\"w-4 h-4\"><\/i> Wygoda dla klient\u00f3w\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <h3 class=\"font-extrabold text-lg text-unilink-dark mb-2 leading-snug\">\n                            Brak czasu w ci\u0105gu dnia? Za\u0142atw polis\u0119 przez WhatsApp \/ FB lub odwied\u017a nas wieczorem w Bujnowie!\n                        <\/h3>\n                        <p class=\"text-slate-600 text-xs leading-relaxed\">\n                            W poniedzia\u0142ki, wtorki, \u015brody i pi\u0105tki w godz. 18:00\u201319:30 dzia\u0142amy w Bujnowie 10, a przez ca\u0142y tydzie\u0144 wystawiamy polisy zdalnie przez telefon, e-mail i komunikatory.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"px-6 pb-6 pt-3 border-t border-slate-100 flex justify-between items-center\">\n                    <span class=\"text-[11px] font-semibold text-slate-400\">Bujn\u00f3w 10 \/ Online<\/span>\n                    <button onclick=\"readArticle(2)\" class=\"text-xs font-extrabold text-unilink-cta hover:underline flex items-center gap-1\">\n                        Czytaj wi\u0119cej <i data-lucide=\"chevron-right\" class=\"w-4 h-4\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/article>\n        <\/div>\n    <\/section>\n\n    <!-- SEKCJA: ZG\u0141O\u015a SZKOD\u0118 \/ POMOC DROGOWA SOS -->\n    <section id=\"szkody\" class=\"py-14 bg-white border-t border-slate-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"bg-red-50\/70 border border-red-200 rounded-3xl p-6 sm:p-8\">\n                <div class=\"flex flex-col md:flex-row justify-between md:items-center gap-6 mb-6\">\n                    <div class=\"flex items-start gap-4\">\n                        <div class=\"w-12 h-12 rounded-2xl bg-red-600 text-white flex items-center justify-center shrink-0\">\n                            <i data-lucide=\"phone-forwarded\" class=\"w-6 h-6\"><\/i>\n                        <\/div>\n                        <div>\n                            <h2 class=\"text-2xl font-extrabold text-unilink-dark\">Mia\u0142e\u015b st\u0142uczk\u0119 lub szkod\u0119 w domu? Szybkie numery alarmowe<\/h2>\n                            <p class=\"text-xs sm:text-sm text-slate-600 mt-1\">Kliknij w kafelek wybranego towarzystwa, aby od razu po\u0142\u0105czy\u0107 si\u0119 z infolini\u0105 Assistance \/ likwidacj\u0105 szk\u00f3d, lub zadzwo\u0144 do swojego doradcy.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3\">\n                    <a href=\"tel:801102102\" class=\"p-3.5 rounded-2xl bg-white border border-slate-200 hover:border-red-500 transition text-center\">\n                        <div class=\"font-extrabold text-sm text-unilink-dark\">PZU<\/div>\n                        <div class=\"text-xs text-red-600 font-bold mt-1\">801 102 102<\/div>\n                    <\/a>\n                    <a href=\"tel:801308308\" class=\"p-3.5 rounded-2xl bg-white border border-slate-200 hover:border-red-500 transition text-center\">\n                        <div class=\"font-extrabold text-sm text-unilink-dark\">WARTA<\/div>\n                        <div class=\"text-xs text-red-600 font-bold mt-1\">801 308 308<\/div>\n                    <\/a>\n                    <a href=\"tel:801107107\" class=\"p-3.5 rounded-2xl bg-white border border-slate-200 hover:border-red-500 transition text-center\">\n                        <div class=\"font-extrabold text-sm text-unilink-dark\">ERGO HESTIA<\/div>\n                        <div class=\"text-xs text-red-600 font-bold mt-1\">801 107 107<\/div>\n                    <\/a>\n                    <a href=\"tel:913913913\" class=\"p-3.5 rounded-2xl bg-white border border-slate-200 hover:border-red-500 transition text-center\">\n                        <div class=\"font-extrabold text-sm text-unilink-dark\">GENERALI<\/div>\n                        <div class=\"text-xs text-red-600 font-bold mt-1\">913 913 913<\/div>\n                    <\/a>\n                    <a href=\"tel:801597597\" class=\"p-3.5 rounded-2xl bg-white border border-slate-200 hover:border-red-500 transition text-center\">\n                        <div class=\"font-extrabold text-sm text-unilink-dark\">UNIQA<\/div>\n                        <div class=\"text-xs text-red-600 font-bold mt-1\">801 597 597<\/div>\n                    <\/a>\n                    <a href=\"tel:224444444\" class=\"p-3.5 rounded-2xl bg-white border border-slate-200 hover:border-red-500 transition text-center\">\n                        <div class=\"font-extrabold text-sm text-unilink-dark\">LINK4<\/div>\n                        <div class=\"text-xs text-red-600 font-bold mt-1\">22 444 44 44<\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- STOPKA Z OFICJALNYMI LOGOTYPAMI W BIA\u0141YCH POLACH OCHRONNYCH -->\n    <footer class=\"bg-unilink-dark text-slate-400 pt-14 pb-10 border-t border-white\/10 text-xs\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-5 gap-8 pb-10 border-b border-white\/10\">\n                <div>\n                    <!-- Oba oficjalne logotypy w czystych bia\u0142ych polach ochronnych -->\n                    <div class=\"flex flex-col items-start gap-3 mb-4\">\n                        <div class=\"brand-logo-box rounded-lg\">\n                            <svg class=\"h-10 w-auto\" viewBox=\"0 0 360 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M16 25.5L36 22C38.5 21.6 40.5 23.4 40.5 25.8V56C40.5 64.5 45.2 69 53 69C60.8 69 65.5 64.5 65.5 56V19.5L85.5 16C88 15.6 90 17.4 90 19.8V56.5C90 74.5 76.5 84 53 84C29.5 84 16 74.5 16 56.5V25.5Z\" fill=\"#1E1D54\"\/>\n                                <path d=\"M16 25.5L36 22C38.5 21.6 40.5 23.4 40.5 25.8V56C40.5 57 40.6 58 40.8 59H16.2C16.1 58 16 57 16 56V25.5Z\" fill=\"url(#unilinkUGrad)\"\/>\n                                <text x=\"16\" y=\"112\" fill=\"#E5893C\" font-family=\"'Plus Jakarta Sans', sans-serif\" font-weight=\"700\" font-size=\"20.5\" letter-spacing=\"6.8\">LIDER UBEZPIECZE\u0143<\/text>\n                                <g transform=\"translate(88, 0) scale(0.84, 1)\">\n                                    <path d=\"M14 41L34 37.5C36 37.1 37.5 38.6 37.5 40.5V43.5C42.5 39 49.5 36.5 57.5 36.5C70.5 36.5 78.5 44.5 78.5 57.5V80.5C78.5 82.2 77.2 83.5 75.5 83.5H57.5C55.8 83.5 54.5 82.2 54.5 80.5V59.5C54.5 53.5 51 50 45.5 50C40 50 37.5 53.2 37.5 59.5V80.5C37.5 82.2 36.2 83.5 34.5 83.5H17C15.3 83.5 14 82.2 14 80.5V41Z\" fill=\"#1E1D54\"\/>\n                                    <path d=\"M92 20L114 16.5C116 16.1 117.5 17.6 117.5 19.5V28.5C117.5 30.2 116.2 31.5 114.5 31.5H95C93.3 31.5 92 30.2 92 28.5V20Z\" fill=\"#1E1D54\"\/>\n                                    <path d=\"M92 41L114 37.5C116 37.1 117.5 38.6 117.5 40.5V80.5C117.5 82.2 116.2 83.5 114.5 83.5H95C93.3 83.5 92 82.2 92 80.5V41Z\" fill=\"#1E1D54\"\/>\n                                    <path d=\"M131 20L153 16.5C155 16.1 156.5 17.6 156.5 19.5V80.5C156.5 82.2 155.2 83.5 153.5 83.5H134C132.3 83.5 131 82.2 131 80.5V20Z\" fill=\"#1E1D54\"\/>\n                                    <path d=\"M170 20L192 16.5C194 16.1 195.5 17.6 195.5 19.5V28.5C195.5 30.2 194.2 31.5 192.5 31.5H173C171.3 31.5 170 30.2 170 28.5V20Z\" fill=\"#1E1D54\"\/>\n                                    <path d=\"M170 41L192 37.5C194 37.1 195.5 38.6 195.5 40.5V80.5C195.5 82.2 194.2 83.5 192.5 83.5H173C171.3 83.5 170 82.2 170 80.5V41Z\" fill=\"#1E1D54\"\/>\n                                    <path d=\"M209 41L229 37.5C231 37.1 232.5 38.6 232.5 40.5V43.5C237.5 39 244.5 36.5 252.5 36.5C265.5 36.5 273.5 44.5 273.5 57.5V80.5C273.5 82.2 272.2 83.5 270.5 83.5H252.5C250.8 83.5 249.5 82.2 249.5 80.5V59.5C249.5 53.5 246 50 240.5 50C235 50 232.5 53.2 232.5 59.5V80.5C232.5 82.2 231.2 83.5 229.5 83.5H212C210.3 83.5 209 82.2 209 80.5V41Z\" fill=\"#1E1D54\"\/>\n                                    <path d=\"M286 20L308 16.5C310 16.1 311.5 17.6 311.5 19.5V52L326 37.5H347C349.5 37.5 350.8 40.2 349.2 42L331 59.5L351 79C352.6 80.8 351.3 83.5 348.8 83.5H326.5L311.5 65.5V80.5C311.5 82.2 310.2 83.5 308.5 83.5H289C287.3 83.5 286 82.2 286 80.5V20Z\" fill=\"#1E1D54\"\/>\n                                <\/g>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"brand-logo-box rounded-lg\">\n                            <svg class=\"h-10 w-auto\" viewBox=\"0 0 240 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M92 16 C87.5 7.5, 100.5 1, 105.5 9.5 L122.5 43.5 L128.5 31.5 L135.5 45.5 L126.5 62.5 C122.5 69.5, 114.5 69.5, 110.5 62.5 Z\" fill=\"#D62B27\"\/>\n                                <path d=\"M132.5 21.5 L137.5 10.5 C141.5 2.5, 153.5 8.5, 149.5 17.5 L139.5 36.5 Z\" fill=\"#575756\"\/>\n                                <g stroke=\"#D62B27\" stroke-width=\"3.6\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" fill=\"none\">\n                                    <path d=\"M22 70 L32 92 L42 70\"\/>\n                                    <line x1=\"58\" y1=\"70\" x2=\"58\" y2=\"92\"\/>\n                                    <path d=\"M74 70 L84 92 L94 70\"\/>\n                                    <line x1=\"110\" y1=\"70\" x2=\"110\" y2=\"92\"\/>\n                                    <path d=\"M126 92 L136 70 L146 92\"\/>\n                                    <path d=\"M162 92 L162 70 L174 88 L186 70 L186 92\"\/>\n                                    <circle cx=\"208\" cy=\"81\" r=\"11\"\/>\n                                <\/g>\n                                <text x=\"120\" y=\"112\" text-anchor=\"middle\" fill=\"#D62B27\" font-family=\"'Plus Jakarta Sans', sans-serif\" font-weight=\"500\" font-size=\"11.5\" letter-spacing=\"3.2\">GRUPA UNILINK<\/text>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <p class=\"leading-relaxed text-slate-400\">\n                        Por\u00f3wnujemy oferty ponad 40 towarzystw ubezpieczeniowych stacjonarnie oraz zdalnie (Telefon, WhatsApp, Facebook, E-mail).\n                    <\/p>\n                <\/div>\n\n                <div>\n                    <h4 class=\"text-white font-bold mb-3 uppercase tracking-wider text-[11px]\">1. Biuro Wielu\u0144 (Unilink)<\/h4>\n                    <p class=\"text-slate-300 font-semibold\">ul. Wojska Polskiego 11, 98-300 Wielu\u0144<\/p>\n                    <p>Pon\u2013Pt: 09:00 \u2013 17:00<\/p>\n                    <p class=\"mt-1\">Tel: <a href=\"tel:+48663766480\" class=\"text-white font-bold hover:text-unilink-cta\">663 766 480<\/a><\/p>\n                    <p>E-mail: katarzynaiknapik@gmail.com<\/p>\n                    <div class=\"mt-2 flex gap-3\">\n                        <a href=\"https:\/\/maps.app.goo.gl\/yUEMNJ47BQDTECe9A\" target=\"_blank\" class=\"text-unilink-cta hover:underline font-bold\">Mapa Wielu\u0144 \u2192<\/a>\n                        <a href=\"https:\/\/www.facebook.com\/ubezpieczeniakatarzynaknapikunilink\" target=\"_blank\" class=\"text-blue-400 hover:underline font-bold\">Facebook \u2192<\/a>\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <h4 class=\"text-white font-bold mb-3 uppercase tracking-wider text-[11px]\">2. Zdu\u0144ska Wola (Unilink)<\/h4>\n                    <p class=\"text-slate-300 font-semibold\">ul. D\u0105browskiego 7, 98-220 Zdu\u0144ska Wola<\/p>\n                    <p>Pon\u2013Pt: 09:00 \u2013 17:00<\/p>\n                    <p class=\"mt-1\">Tel: <a href=\"tel:+48690009266\" class=\"text-white font-bold hover:text-unilink-cta\">690 009 266<\/a><\/p>\n                    <p>E-mail: jonatanknapik@gmail.com<\/p>\n                    <div class=\"mt-2 flex gap-3\">\n                        <a href=\"https:\/\/maps.app.goo.gl\/6yU2huDxvRUVypUj6\" target=\"_blank\" class=\"text-unilink-cta hover:underline font-bold\">Mapa Zdu\u0144ska \u2192<\/a>\n                        <a href=\"https:\/\/www.facebook.com\/katarzynaknapikzdunskawolaunilink\" target=\"_blank\" class=\"text-blue-400 hover:underline font-bold\">Facebook \u2192<\/a>\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <h4 class=\"text-orange-400 font-bold mb-3 uppercase tracking-wider text-[11px]\">3. Biuro Wieczorowe Bujn\u00f3w<\/h4>\n                    <p class=\"text-slate-300 font-semibold\">Bujn\u00f3w 10 (gm. Z\u0142oczew)<\/p>\n                    <p class=\"text-orange-200\">Pon, Wt, \u015ar, Pt: 18:00 \u2013 19:30<\/p>\n                    <p class=\"text-[11px]\">lub po wcze\u015bniejszym um\u00f3wieniu<\/p>\n                    <p class=\"mt-1\">Tel: <a href=\"tel:+48690009266\" class=\"text-white font-bold hover:text-unilink-cta\">690 009 266<\/a><\/p>\n                    <p>E-mail: jonatanknapik@gmail.com<\/p>\n                    <div class=\"mt-2\">\n                        <a href=\"https:\/\/maps.app.goo.gl\/uZ131Zt4ShJNawtF7\" target=\"_blank\" class=\"text-unilink-cta hover:underline font-bold\">Mapa Bujn\u00f3w \u2192<\/a>\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <h4 class=\"text-red-400 font-bold mb-3 uppercase tracking-wider text-[11px]\">4. Strumie\u0144 (Viviamo)<\/h4>\n                    <p class=\"text-slate-300 font-semibold\">ul. Ks. Londzina 19, 43-246 Strumie\u0144<\/p>\n                    <p>Pon\u2013Pt: 09:00 \u2013 17:00<\/p>\n                    <p class=\"mt-1\">Tel: <a href=\"tel:+48690090282\" class=\"text-white font-bold hover:text-red-400\">690 090 282<\/a><\/p>\n                    <p>E-mail: damarisknapik@gmail.com<\/p>\n                    <div class=\"mt-2\">\n                        <a href=\"https:\/\/maps.app.goo.gl\/udaZoVL38KSKEui49\" target=\"_blank\" class=\"text-red-400 hover:underline font-bold\">Mapa Strumie\u0144 \u2192<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"pt-6 flex flex-col sm:flex-row justify-between items-center gap-4 text-[11px] text-slate-500\">\n                <p>\u00a9 2026 Ubezpieczenia Knapik \u2013 Partner Unilink S.A. oraz Viviamo (Grupa Unilink). Wszelkie prawa zastrze\u017cone.<\/p>\n                <p>Informacje o dystrybutorze ubezpiecze\u0144 (IDD \/ Rejestr Agent\u00f3w KNF) oraz Polityka Prywatno\u015bci RODO dost\u0119pne w naszych plac\u00f3wkach.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- P\u0141YWAJ\u0104CY PRZYCISK KONTAKTU (PRAWY DOLNY R\u00d3G) -->\n    <div class=\"fixed bottom-5 right-5 z-50\">\n        <div id=\"QuickContactMenu\" class=\"hidden mb-3 w-80 bg-white rounded-3xl shadow-2xl border border-slate-200 p-4 space-y-2\">\n            <div class=\"flex justify-between items-center pb-2 border-b border-slate-100\">\n                <span class=\"font-extrabold text-xs text-unilink-dark\">Szybki kontakt z nami:<\/span>\n                <button onclick=\"toggleQuickContact()\" class=\"text-slate-400 hover:text-slate-600\">\n                    <i data-lucide=\"x\" class=\"w-4 h-4\"><\/i>\n                <\/button>\n            <\/div>\n            <a href=\"tel:+48663766480\" class=\"flex items-center gap-3 p-2 rounded-2xl hover:bg-slate-50 transition\">\n                <div class=\"w-9 h-9 rounded-xl bg-unilink-dark text-white flex items-center justify-center shrink-0\">\n                    <i data-lucide=\"phone\" class=\"w-4 h-4\"><\/i>\n                <\/div>\n                <div>\n                    <div class=\"font-bold text-xs text-unilink-dark\">1. Biuro Wielu\u0144 (Unilink)<\/div>\n                    <div class=\"text-[11px] text-slate-500\">ul. Wojska Polskiego 11 \u2022 663 766 480<\/div>\n                <\/div>\n            <\/a>\n            <a href=\"tel:+48690009266\" class=\"flex items-center gap-3 p-2 rounded-2xl hover:bg-slate-50 transition\">\n                <div class=\"w-9 h-9 rounded-xl bg-unilink-dark text-white flex items-center justify-center shrink-0\">\n                    <i data-lucide=\"phone\" class=\"w-4 h-4\"><\/i>\n                <\/div>\n                <div>\n                    <div class=\"font-bold text-xs text-unilink-dark\">2. Zdu\u0144ska Wola (Unilink)<\/div>\n                    <div class=\"text-[11px] text-slate-500\">ul. D\u0105browskiego 7 \u2022 690 009 266<\/div>\n                <\/div>\n            <\/a>\n            <button onclick=\"openBujnowModal(); toggleQuickContact();\" class=\"w-full text-left flex items-center gap-3 p-2 rounded-2xl bg-unilink-orangeLight\/70 hover:bg-unilink-orangeLight transition\">\n                <div class=\"w-9 h-9 rounded-xl bg-unilink-cta text-white flex items-center justify-center shrink-0\">\n                    <i data-lucide=\"moon\" class=\"w-4 h-4\"><\/i>\n                <\/div>\n                <div>\n                    <div class=\"font-bold text-xs text-unilink-dark\">3. Bujn\u00f3w 10 (18:00\u201319:30)<\/div>\n                    <div class=\"text-[11px] text-unilink-cta font-semibold\">Pon, Wt, \u015ar, Pt \u2022 690 009 266<\/div>\n                <\/div>\n            <\/button>\n            <a href=\"tel:+48690090282\" class=\"flex items-center gap-3 p-2 rounded-2xl bg-viviamo-redLight hover:bg-red-100\/70 transition\">\n                <div class=\"w-9 h-9 rounded-xl bg-viviamo-red text-white flex items-center justify-center shrink-0\">\n                    <i data-lucide=\"phone\" class=\"w-4 h-4\"><\/i>\n                <\/div>\n                <div>\n                    <div class=\"font-bold text-xs text-unilink-dark\">4. Biuro Strumie\u0144 (Viviamo)<\/div>\n                    <div class=\"text-[11px] text-viviamo-redDark font-semibold\">ul. Ks. Londzina 19 \u2022 690 090 282<\/div>\n                <\/div>\n            <\/a>\n            <div class=\"pt-2 border-t border-slate-100 grid grid-cols-2 gap-1.5\">\n                <a href=\"https:\/\/www.facebook.com\/ubezpieczeniakatarzynaknapikunilink\" target=\"_blank\" class=\"py-2 px-2 rounded-xl bg-blue-50 text-blue-700 font-bold text-[11px] text-center hover:bg-blue-100 transition\">\n                    FB Wielu\u0144\n                <\/a>\n                <a href=\"https:\/\/www.facebook.com\/katarzynaknapikzdunskawolaunilink\" target=\"_blank\" class=\"py-2 px-2 rounded-xl bg-blue-50 text-blue-700 font-bold text-[11px] text-center hover:bg-blue-100 transition\">\n                    FB Zdu\u0144ska Wola\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <button onclick=\"toggleQuickContact()\" class=\"pulse-btn w-14 h-14 rounded-full bg-unilink-cta hover:bg-unilink-ctaHover text-white shadow-2xl flex items-center justify-center ml-auto transition\">\n            <i data-lucide=\"phone-call\" class=\"w-6 h-6\"><\/i>\n        <\/button>\n    <\/div>\n\n    <!-- MODAL: REZERWACJA SPOTKANIA WIECZORNEGO W BUJNOWIE -->\n    <div id=\"bujnowModal\" class=\"hidden fixed inset-0 z-50 bg-unilink-dark\/75 backdrop-blur-sm flex items-center justify-center p-4\">\n        <div class=\"bg-white rounded-3xl max-w-md w-full p-6 sm:p-8 shadow-2xl relative\">\n            <button onclick=\"closeBujnowModal()\" class=\"absolute top-5 right-5 text-slate-400 hover:text-slate-700\">\n                <i data-lucide=\"x\" class=\"w-5 h-5\"><\/i>\n            <\/button>\n            <span class=\"px-3 py-1 rounded-full bg-unilink-orangeLight text-unilink-cta text-xs font-extrabold\">Bujn\u00f3w 10 \u2022 Jonatan Knapik<\/span>\n            <h3 class=\"text-2xl font-extrabold text-unilink-dark mt-2\">Um\u00f3w wizyt\u0119 wieczorn\u0105<\/h3>\n            <p class=\"text-xs text-slate-500 mt-1 mb-5\">Biuro w Bujnowie 10 dzia\u0142a w <strong>poniedzia\u0142ki, wtorki, \u015brody i pi\u0105tki w godz. 18:00\u201319:30<\/strong> lub po wcze\u015bniejszym um\u00f3wieniu telefonicznym pod nr <strong>690 009 266<\/strong>.<\/p>\n            \n            <form onsubmit=\"submitBujnow(event)\" class=\"space-y-3.5\">\n                <div>\n                    <label class=\"block text-xs font-bold text-slate-700 mb-1\">Twoje imi\u0119 i nazwisko<\/label>\n                    <input type=\"text\" required placeholder=\"np. Marek Kowalski\" class=\"w-full px-3.5 py-2.5 rounded-xl border border-slate-200 text-sm\">\n                <\/div>\n                <div>\n                    <label class=\"block text-xs font-bold text-slate-700 mb-1\">Numer telefonu<\/label>\n                    <input type=\"tel\" required placeholder=\"np. 600 000 000\" class=\"w-full px-3.5 py-2.5 rounded-xl border border-slate-200 text-sm\">\n                <\/div>\n                <div class=\"grid grid-cols-2 gap-3\">\n                    <div>\n                        <label class=\"block text-xs font-bold text-slate-700 mb-1\">Preferowany dzie\u0144<\/label>\n                        <select class=\"w-full px-3 py-2.5 rounded-xl border border-slate-200 text-sm bg-white\">\n                            <option>Poniedzia\u0142ek (18:00-19:30)<\/option>\n                            <option>Wtorek (18:00-19:30)<\/option>\n                            <option>\u015aroda (18:00-19:30)<\/option>\n                            <option>Pi\u0105tek (18:00-19:30)<\/option>\n                            <option>Inny termin (po um\u00f3wieniu)<\/option>\n                        <\/select>\n                    <\/div>\n                    <div>\n                        <label class=\"block text-xs font-bold text-slate-700 mb-1\">Godzina<\/label>\n                        <select class=\"w-full px-3 py-2.5 rounded-xl border border-slate-200 text-sm bg-white\">\n                            <option>18:00<\/option>\n                            <option>18:30<\/option>\n                            <option>19:00<\/option>\n                            <option>Do ustalenia telefonicznie<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n                <button type=\"submit\" class=\"w-full py-3.5 rounded-xl bg-unilink-cta text-white font-extrabold text-sm hover:bg-unilink-ctaHover transition\">\n                    Potwierd\u017a rezerwacj\u0119 w Bujnowie\n                <\/button>\n            <\/form>\n            <div id=\"bujnowSuccess\" class=\"hidden mt-4 p-3 rounded-xl bg-emerald-50 text-emerald-800 text-xs font-bold text-center\">\n                Dzi\u0119kujemy! Jonatan Knapik skontaktuje si\u0119 z Tob\u0105, aby potwierdzi\u0107 spotkanie w Bujnowie.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- MODAL: DODAWANIE NOWEGO POSTA \/ CIEKAWOSTKI -->\n    <div id=\"newPostModal\" class=\"hidden fixed inset-0 z-50 bg-unilink-dark\/75 backdrop-blur-sm flex items-center justify-center p-4\">\n        <div class=\"bg-white rounded-3xl max-w-lg w-full p-6 sm:p-8 shadow-2xl relative\">\n            <button onclick=\"closeNewPostModal()\" class=\"absolute top-5 right-5 text-slate-400 hover:text-slate-700\">\n                <i data-lucide=\"x\" class=\"w-5 h-5\"><\/i>\n            <\/button>\n            <span class=\"px-3 py-1 rounded-full bg-unilink-dark\/10 text-unilink-dark text-xs font-extrabold\">Symulator Bloga<\/span>\n            <h3 class=\"text-2xl font-extrabold text-unilink-dark mt-2\">Dodaj nowy wpis lub ciekawostk\u0119<\/h3>\n            <p class=\"text-xs text-slate-500 mt-1 mb-5\">Przetestuj, jak nowe posty pojawiaj\u0105 si\u0119 na Waszej stronie.<\/p>\n\n            <form onsubmit=\"addNewPost(event)\" class=\"space-y-4\">\n                <div>\n                    <label class=\"block text-xs font-bold text-slate-700 mb-1\">Tytu\u0142 wpisu<\/label>\n                    <input type=\"text\" id=\"postTitle\" required placeholder=\"np. Co daje ochrona zni\u017cek przy szkodzie parkingowej?\" class=\"w-full px-3.5 py-2.5 rounded-xl border border-slate-200 text-sm\">\n                <\/div>\n                <div>\n                    <label class=\"block text-xs font-bold text-slate-700 mb-1\">Tre\u015b\u0107 ciekawostki \/ wpisu<\/label>\n                    <textarea id=\"postContent\" rows=\"3\" required placeholder=\"Napisz kr\u00f3tki tekst dla klient\u00f3w...\" class=\"w-full px-3.5 py-2.5 rounded-xl border border-slate-200 text-sm\"><\/textarea>\n                <\/div>\n                <button type=\"submit\" class=\"w-full py-3.5 rounded-xl bg-unilink-dark text-white font-extrabold text-sm hover:bg-unilink-blue transition\">\n                    Opublikuj na stronie\n                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <!-- MODAL CZYTANIA ARTYKU\u0141U -->\n    <div id=\"articleModal\" class=\"hidden fixed inset-0 z-50 bg-unilink-dark\/75 backdrop-blur-sm flex items-center justify-center p-4\">\n        <div class=\"bg-white rounded-3xl max-w-lg w-full p-6 sm:p-8 shadow-2xl relative\">\n            <button onclick=\"closeArticleModal()\" class=\"absolute top-5 right-5 text-slate-400 hover:text-slate-700\">\n                <i data-lucide=\"x\" class=\"w-5 h-5\"><\/i>\n            <\/button>\n            <span id=\"modalArtCategory\" class=\"px-3 py-1 rounded-full bg-unilink-orangeLight text-unilink-cta text-xs font-extrabold\">Poradnik<\/span>\n            <h3 id=\"modalArtTitle\" class=\"text-2xl font-extrabold text-unilink-dark mt-3\"><\/h3>\n            <p id=\"modalArtBody\" class=\"text-sm text-slate-600 mt-4 leading-relaxed\"><\/p>\n            <div class=\"mt-6 pt-4 border-t border-slate-100 flex justify-between items-center\">\n                <a href=\"#zespol\" onclick=\"closeArticleModal()\" class=\"px-5 py-2.5 rounded-xl bg-unilink-cta text-white font-bold text-xs\">Skonsultuj ze swoim doradc\u0105<\/a>\n                <button onclick=\"closeArticleModal()\" class=\"text-xs font-bold text-slate-500 hover:text-slate-800\">Zamknij<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        lucide.createIcons();\n\n        \/\/ Mobile menu toggle\n        document.getElementById('mobileMenuBtn').addEventListener('click', () => {\n            document.getElementById('mobileMenu').classList.toggle('hidden');\n        });\n\n        \/\/ Prze\u0142\u0105czanie interaktywnej mapy i POPRAWNIE PRZYPISANYCH link\u00f3w Google Maps\n        const mapLocations = [\n            {\n                desc: '1. Biuro Wielu\u0144 \u2013 ul. Wojska Polskiego 11, 98-300 Wielu\u0144 (Pon\u2013Pt 9:00\u201317:00)',\n                embed: 'https:\/\/maps.google.com\/maps?q=Wojska+Polskiego+11,+98-300+Wielu%C5%84&t=&z=16&ie=UTF8&iwloc=&output=embed',\n                pinLink: 'https:\/\/maps.app.goo.gl\/yUEMNJ47BQDTECe9A'\n            },\n            {\n                desc: '2. Biuro Zdu\u0144ska Wola \u2013 ul. D\u0105browskiego 7, 98-220 Zdu\u0144ska Wola (Pon\u2013Pt 9:00\u201317:00)',\n                embed: 'https:\/\/maps.google.com\/maps?q=D%C4%85browskiego+7,+98-220+Zdu%C5%84ska+Wola&t=&z=16&ie=UTF8&iwloc=&output=embed',\n                pinLink: 'https:\/\/maps.app.goo.gl\/6yU2huDxvRUVypUj6'\n            },\n            {\n                desc: '3. Punkt Wieczorowy Bujn\u00f3w 10, gm. Z\u0142oczew (Pon, Wt, \u015ar, Pt 18:00\u201319:30 lub po um\u00f3wieniu)',\n                embed: 'https:\/\/maps.google.com\/maps?q=Bujn%C3%B3w+10,+Z%C5%82oczew&t=&z=14&ie=UTF8&iwloc=&output=embed',\n                pinLink: 'https:\/\/maps.app.goo.gl\/uZ131Zt4ShJNawtF7'\n            },\n            {\n                desc: '4. Punkt Partnerski Viviamo Strumie\u0144 \u2013 ul. Ks. Londzina 19, 43-246 Strumie\u0144 (Pon\u2013Pt 9:00\u201317:00)',\n                embed: 'https:\/\/maps.google.com\/maps?q=Ks.+Londzina+19,+43-246+Strumie%C5%84&t=&z=16&ie=UTF8&iwloc=&output=embed',\n                pinLink: 'https:\/\/maps.app.goo.gl\/udaZoVL38KSKEui49'\n            }\n        ];\n\n        function switchMap(index) {\n            const loc = mapLocations[index];\n            document.getElementById('googleMapFrame').src = loc.embed;\n            document.getElementById('mapActiveDesc').textContent = loc.desc;\n            document.getElementById('mapDirectPinLink').href = loc.pinLink;\n\n            document.querySelectorAll('.map-tab').forEach((btn, idx) => {\n                if (idx === index) {\n                    btn.className = 'map-tab px-4 py-2.5 rounded-xl text-xs font-extrabold bg-unilink-cta text-white shadow transition flex items-center gap-1.5';\n                } else {\n                    btn.className = 'map-tab px-4 py-2.5 rounded-xl text-xs font-bold bg-slate-100 text-slate-700 hover:bg-slate-200 transition flex items-center gap-1.5';\n                }\n            });\n        }\n\n        \/\/ Wyb\u00f3r kategorii w kalkulatorze (4 kafelki)\n        function selectType(btn, typeName) {\n            document.querySelectorAll('.type-btn').forEach(b => {\n                b.className = 'type-btn py-2.5 px-3 rounded-xl border border-slate-200 hover:border-slate-300 text-slate-700 font-semibold text-xs flex items-center gap-2.5 transition text-left';\n                const iconBox = b.querySelector('div');\n                if (iconBox) iconBox.className = 'w-8 h-8 rounded-lg bg-slate-50 flex items-center justify-center shrink-0';\n                const icon = b.querySelector('.type-icon');\n                if (icon) {\n                    icon.classList.remove('text-unilink-cta');\n                    icon.classList.add('text-slate-500');\n                }\n            });\n\n            btn.className = 'type-btn py-2.5 px-3 rounded-xl border-2 border-unilink-cta bg-unilink-orangeLight text-unilink-dark font-bold text-xs flex items-center gap-2.5 transition text-left';\n            const activeIconBox = btn.querySelector('div');\n            if (activeIconBox) activeIconBox.className = 'w-8 h-8 rounded-lg bg-white flex items-center justify-center shrink-0 shadow-sm';\n            const activeIcon = btn.querySelector('.type-icon');\n            if (activeIcon) {\n                activeIcon.classList.remove('text-slate-500');\n                activeIcon.classList.add('text-unilink-cta');\n            }\n\n            document.getElementById('selectedInsuranceType').value = typeName;\n        }\n\n        function updateFileName(input) {\n            const label = document.getElementById('fileLabelText');\n            if (input.files && input.files[0]) {\n                label.textContent = 'Za\u0142\u0105czono: ' + input.files[0].name;\n                label.classList.add('text-unilink-cta', 'font-bold');\n            }\n        }\n\n        function handleQuoteSubmit(e) {\n            e.preventDefault();\n            document.getElementById('quoteSuccess').classList.remove('hidden');\n            e.target.reset();\n        }\n\n        \/\/ Filtrowanie biur wg wojew\u00f3dztw\n        function filterOffices(region) {\n            document.querySelectorAll('.office-card').forEach(card => {\n                if (region === 'all' || card.dataset.region === region) {\n                    card.classList.remove('hidden');\n                } else {\n                    card.classList.add('hidden');\n                }\n            });\n\n            document.querySelectorAll('.office-tab').forEach(tab => {\n                tab.classList.remove('bg-unilink-dark', 'text-white');\n                tab.classList.add('bg-white', 'text-slate-600');\n            });\n            const activeTab = document.getElementById('tab-' + region);\n            activeTab.classList.remove('bg-white', 'text-slate-600');\n            activeTab.classList.add('bg-unilink-dark', 'text-white');\n        }\n\n        \/\/ Filtrowanie zespo\u0142u wg oddzia\u0142\u00f3w\n        function filterTeam(branch) {\n            document.querySelectorAll('.team-card').forEach(card => {\n                if (branch === 'all' || card.dataset.branch === branch) {\n                    card.classList.remove('hidden');\n                } else {\n                    card.classList.add('hidden');\n                }\n            });\n\n            document.querySelectorAll('.team-tab').forEach(tab => {\n                tab.classList.remove('bg-unilink-dark', 'text-white');\n                tab.classList.add('bg-slate-100', 'text-slate-700');\n            });\n            const activeTab = document.getElementById('team-' + branch);\n            activeTab.classList.remove('bg-slate-100', 'text-slate-700');\n            activeTab.classList.add('bg-unilink-dark', 'text-white');\n        }\n\n        \/\/ P\u0142ywaj\u0105cy przycisk kontaktu\n        function toggleQuickContact() {\n            document.getElementById('QuickContactMenu').classList.toggle('hidden');\n        }\n\n        \/\/ Modal Bujn\u00f3w\n        function openBujnowModal() {\n            document.getElementById('bujnowModal').classList.remove('hidden');\n        }\n        function closeBujnowModal() {\n            document.getElementById('bujnowModal').classList.add('hidden');\n            document.getElementById('bujnowSuccess').classList.add('hidden');\n        }\n        function submitBujnow(e) {\n            e.preventDefault();\n            document.getElementById('bujnowSuccess').classList.remove('hidden');\n            setTimeout(() => closeBujnowModal(), 2400);\n        }\n\n        \/\/ Modal dodawania posta\n        function openNewPostModal() {\n            document.getElementById('newPostModal').classList.remove('hidden');\n        }\n        function closeNewPostModal() {\n            document.getElementById('newPostModal').classList.add('hidden');\n        }\n\n        function addNewPost(e) {\n            e.preventDefault();\n            const title = document.getElementById('postTitle').value;\n            const content = document.getElementById('postContent').value;\n            const grid = document.getElementById('postsGrid');\n\n            const newCard = document.createElement('article');\n            newCard.className = 'bg-white rounded-3xl overflow-hidden shadow-md border-2 border-unilink-cta card-hover flex flex-col justify-between';\n            newCard.innerHTML = `\n                <div>\n                    <div class=\"h-44 bg-gradient-to-r from-unilink-cta to-amber-600 p-6 flex flex-col justify-between text-white\">\n                        <span class=\"px-3 py-1 rounded-full bg-unilink-dark text-white text-[11px] font-bold w-fit\">Nowy wpis<\/span>\n                        <div class=\"text-xs text-white\/90 font-semibold\">Dodano przed chwil\u0105<\/div>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <h3 class=\"font-extrabold text-lg text-unilink-dark mb-2 leading-snug\">${title}<\/h3>\n                        <p class=\"text-slate-600 text-xs leading-relaxed\">${content}<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"px-6 pb-6 pt-3 border-t border-slate-100 flex justify-between items-center\">\n                    <span class=\"text-[11px] font-bold text-unilink-cta\">Aktualno\u015bci<\/span>\n                    <span class=\"text-xs font-extrabold text-unilink-dark\">Opublikowano \u2713<\/span>\n                <\/div>\n            `;\n            grid.prepend(newCard);\n            e.target.reset();\n            closeNewPostModal();\n        }\n\n        \/\/ Czytanie artyku\u0142\u00f3w\n        const fullArticles = [\n            {\n                cat: 'Porada Komunikacyjna',\n                title: 'Dlaczego osobne ubezpieczenie szyb za kilkadziesi\u0105t z\u0142otych potrafi uratowa\u0107 zni\u017cki z AC?',\n                body: 'Wymiana czo\u0142owej szyby w nowoczesnym aucie z kamerami i czujnikiem deszczu potrafi kosztowa\u0107 od 2500 do nawet 5000 z\u0142. Likwiduj\u0105c tak\u0105 szkod\u0119 z g\u0142\u00f3wnego Autocasco, mo\u017cesz straci\u0107 cz\u0119\u015b\u0107 zni\u017cek przy kolejnym odnowieniu. Wykupuj\u0105c dodatkow\u0105 klauzul\u0119 Szyb (cz\u0119sto za 70\u2013120 z\u0142 rocznie), wymieniasz szyb\u0119 bez wp\u0142ywu na histori\u0119 szkodowo\u015bci AC!'\n            },\n            {\n                cat: 'Dom i Maj\u0105tek',\n                title: 'Przepi\u0119cie podczas burzy a spalona pompa ciep\u0142a i elektronika \u2013 co musi mie\u0107 Twoja polisa?',\n                body: 'Standardowe ubezpieczenie mur\u00f3w wymagane przez bank przy kredycie hipotecznym cz\u0119sto nie obejmuje ruchomo\u015bci domowych ani przepi\u0119\u0107 atmosferycznych i instalacyjnych. W naszych biurach w Wieluniu, Zdu\u0144skiej Woli, Bujnowie i Strumieniu zawsze sprawdzamy limity na przepi\u0119cia dla pomp ciep\u0142a, fotowoltaiki, bram automatycznych i sprz\u0119tu RTV\/AGD.'\n            },\n            {\n                cat: 'Obs\u0142uga Zdalna i Biuro Wieczorowe Bujn\u00f3w 10',\n                title: 'Brak czasu w ci\u0105gu dnia? Za\u0142atw polis\u0119 przez WhatsApp \/ FB lub odwied\u017a nas wieczorem w Bujnowie!',\n                body: 'Wychodz\u0105c naprzeciw osobom zapracowanym, polisy obs\u0142ugujemy r\u00f3wnie\u017c w 100% zdalnie \u2013 przez telefon, WhatsApp, Messenger na Facebooku oraz e-mail. A je\u015bli wolisz spotkanie osobiste po godzinach pracy, w poniedzia\u0142ki, wtorki, \u015brody i pi\u0105tki w godz. 18:00\u201319:30 zapraszamy do Bujnowa 10!'\n            }\n        ];\n\n        function readArticle(index) {\n            const art = fullArticles[index];\n            document.getElementById('modalArtCategory').textContent = art.cat;\n            document.getElementById('modalArtTitle').textContent = art.title;\n            document.getElementById('modalArtBody').textContent = art.body;\n            document.getElementById('articleModal').classList.remove('hidden');\n        }\n        function closeArticleModal() {\n            document.getElementById('articleModal').classList.add('hidden');\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t<\/div>\n<div class=\"e-background-video__controls e-con e-atomic-element e-background-video-controls-base e-default-div \"\n\tdata-id=\"53c59d8\"\n\tdata-element_type=\"e-background-video-controls\"\n\tdata-e-type=\"e-background-video-controls\"\n\tdata-interaction-id=\"53c59d8\"\n\tdata-interactions=\"null\"\n\tx-bind=\"controlsWrapper\"\n\t\t><button class=\"e-background-video__play e-con e-atomic-element e-background-video-play-base e-default-button \"\n\tdata-id=\"3fc157a\"\n\tdata-element_type=\"e-background-video-play\"\n\tdata-e-type=\"e-background-video-play\"\n\tdata-interaction-id=\"3fc157a\"\n\tdata-interactions=\"null\"\n\ttype=\"button\"\n\taria-label=\"Play&#x20;video\"\n\tx-bind=\"playButton\"\n\t\t>\t\t\t<span class=\"e-paragraph-base e-default-span\" data-interaction-id=\"a6c8be7\">Play<\/span>\n\t\t<\/button>\n<button class=\"e-background-video__pause e-con e-atomic-element e-background-video-pause-base e-default-button \"\n\tdata-id=\"53810ef\"\n\tdata-element_type=\"e-background-video-pause\"\n\tdata-e-type=\"e-background-video-pause\"\n\tdata-interaction-id=\"53810ef\"\n\tdata-interactions=\"null\"\n\ttype=\"button\"\n\taria-label=\"Pause&#x20;video\"\n\tx-bind=\"pauseButton\"\n\t\t>\t\t\t<span class=\"e-paragraph-base e-default-span\" data-interaction-id=\"e8a93c3\">Pause<\/span>\n\t\t<\/button>\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ubezpieczenia Knapik \u2013 Unilink &#038; Viviamo | Wielu\u0144 \u2022 Zdu\u0144ska Wola \u2022 Bujn\u00f3w \u2022 Strumie\u0144 Nasze 4 Biura: Wielu\u0144 \u2022 Zdu\u0144ska Wola \u2022 Bujn\u00f3w (18:00\u201319:30) \u2022 Strumie\u0144 (Viviamo) Wielu\u0144: 663 766 480 \u2022 Zdu\u0144ska Wola \/ Bujn\u00f3w: 690 009 266 \u2022 Strumie\u0144: 690 090 282 LIDER UBEZPIECZE\u0143 GRUPA UNILINK Nasze 4 Biura Pinezki Nasz Zesp\u00f3\u0142 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/knapikubezpieczenia.pl\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/knapikubezpieczenia.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/knapikubezpieczenia.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/knapikubezpieczenia.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/knapikubezpieczenia.pl\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":13,"href":"https:\/\/knapikubezpieczenia.pl\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/knapikubezpieczenia.pl\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/knapikubezpieczenia.pl\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}