PageSourceSearch

https://wgn.pl/biura

html wgn.pl collected 2026-09-26 13:42:36 UTC 708,572 bytes, 7,571 lines download raw bytes

1<!DOCTYPE html>
2<html lang="pl">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7
8    <title>Biura nieruchomości WGN I Agencje nieruchomości – adresy i kontakt</title>
9    <meta name="description" content="Biura nieruchomości WGN w Polsce: lista oddziałów. Adresy, telefony, e-mail. Kupno, sprzedaż, wynajem. Doradcy, mapa, kontakt z lokalnym biurem.">
10<link rel="canonical" href="https://wgn.pl/biura">
11
12
13<meta property="og:type" content="website">
14<meta property="og:site_name" content="WGN Nieruchomości">
15<meta property="og:locale" content="pl_PL">
16<meta property="og:title" content="Biura nieruchomości WGN I Agencje nieruchomości – adresy i kontakt">
17<meta property="og:url" content="https://wgn.pl/biura">
18    <meta property="og:description" content="Biura nieruchomości WGN w Polsce: lista oddziałów. Adresy, telefony, e-mail. Kupno, sprzedaż, wynajem. Doradcy, mapa, kontakt z lokalnym biurem.">
19    <meta property="og:image" content="https://wgn.pl/images/logo-color.png">
20    <meta name="twitter:image" content="https://wgn.pl/images/logo-color.png">
21<meta name="twitter:card" content="summary_large_image">
22<meta name="twitter:title" content="Biura nieruchomości WGN I Agencje nieruchomości – adresy i kontakt">
23    <meta name="twitter:description" content="Biura nieruchomości WGN w Polsce: lista oddziałów. Adresy, telefony, e-mail. Kupno, sprzedaż, wynajem. Doradcy, mapa, kontakt z lokalnym biurem.">
24
25                <!-- Google Tag Manager -->
26        
26<script>
vendor: 610 bytes, lines 26-40
26
27            (function(w, d, s, l, i) {
28                w[l] = w[l] || [];
29                w[l].push({
30                    'gtm.start': new Date().getTime(),
31                    event: 'gtm.js'
32                });
33                var f = d.getElementsByTagName(s)[0],
34                    j = d.createElement(s),
35                    dl = l != 'dataLayer' ? '&l=' + l : '';
36                j.async = true;
37                j.src =
38                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
39                f.parentNode.insertBefore(j, f);
40            })(window, document, 'script', 'dataLayer', '
40GTM-MXP4J93J
vendor: 12 bytes, lines 40-41
40');
41        
41</script>
41
42        <!-- End Google Tag Manager -->
43    
44    <link rel="icon" href="https://wgn.pl/favicon.ico" type="image/x-icon" />
45    <link rel="icon" href="https://wgn.pl/favicon-32x32.png" sizes="32x32" />
46    <link rel="icon" href="https://wgn.pl/favicon-192x192.png" sizes="192x192" />
47    <link rel="apple-touch-icon" href="https://wgn.pl/favicon-192x192.png" />
48    <meta name="msapplication-TileImage" content="https://wgn.pl/favicon-192x192.png" />
49
50    <!-- Styles / Scripts -->
51            <link rel="preload" as="style" href="https://wgn.pl/build/assets/app-B0-Bh3V2.css" /><link rel="modulepreload" as="script" href="https://wgn.pl/build/assets/app-BjKGprkt.js" /><link rel="stylesheet" href="https://wgn.pl/build/assets/app-B0-Bh3V2.css" data-navigate-track="reload" />
51<script type="module" src="https://wgn.pl/build/assets/app-BjKGprkt.js" data-navigate-track="reload"></script>
51    
52    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
53
54    
55    <style>
56        .goog-te-banner-frame,
57        #goog-gt-tt,
58        .goog-te-balloon-frame {
59            display: none !important;
60        }
61
62        .skiptranslate {
63            display: none !important;
64        }
65
66        body {
67            top: 0 !important;
68        }
69
70        .goog-te-menu-value span {
71            display: none;
72        }
73    </style>
74
75    </head>
76
77<body class="group/body relative ">
78
79            <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 79-80
79
80        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
80GTM-MXP4J93J
vendor: 107 bytes, lines 80-82
80" height="0"
81                width="0" style="display:none;visibility:hidden"></iframe></noscript>
82        
82<!-- End Google Tag Manager (noscript) -->
83    
84    
85    <div id="google_translate_element" style="display:none"></div>
86
87    
87<script>
88        function googleTranslateElementInit() {
89            new google.translate.TranslateElement({
90                pageLanguage: 'pl',
91                autoDisplay: false,
92            }, 'google_translate_element');
93        }
94
95        const WGN_COOKIE_DOMAIN = '.' + "wgn.pl";
96
97        // Language preference is stored in our own `wgn_lang` cookie (domain=.rootDomain).
98        // This is the single source of truth — independent of Google Translate's own cookies.
99        //
100        // On every page load we:
101        //   1. Read wgn_lang (our preference, always on rootDomain so visible everywhere)
102        //   2. Aggressively clear ALL googtrans cookies from every domain level
103        //   3. Re-set googtrans on rootDomain from wgn_lang
104        //
105        // This means stale googtrans cookies — regardless of how or where they were set —
106        // are overwritten on every load. The client never needs to clear cookies manually.
107        (function() {
108            var past = 'expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/';
109
110            // Read our trusted preference
111            var m = document.cookie.match(/(?:^|;\s*)wgn_lang=([a-z-]+)/);
112            var lang = m ? m[1] : null;
113
114            // Clear googtrans for every domain level of the current hostname
115            var parts = location.hostname.split('.');
116            for (var i = 0; i < parts.length - 1; i++) {
117                var d = parts.slice(i).join('.');
118                document.cookie = 'googtrans=; ' + past + '; domain=' + d;
119                document.cookie = 'googtrans=; ' + past + '; domain=.' + d;
120            }
121            // Also clear host-only (no domain attribute)
122            document.cookie = 'googtrans=; ' + past;
123
124            // Re-set googtrans from our preference so GT reads the right value
125            if (lang) {
126                var exp = new Date(Date.now() + 365 * 24 * 60 * 60 * 1000).toUTCString();
127                document.cookie = 'googtrans=/pl/' + lang + '; expires=' + exp + '; path=/; domain=' +
128                    WGN_COOKIE_DOMAIN;
129            }
130        })();
131
132        function wgnSetLanguage(lang) {
133            var past = 'expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/';
134            var exp = new Date(Date.now() + 365 * 24 * 60 * 60 * 1000).toUTCString();
135
136            // Clear wgn_lang from all domain levels
137            var parts = location.hostname.split('.');
138            for (var i = 0; i < parts.length - 1; i++) {
139                var d = parts.slice(i).join('.');
140                document.cookie = 'wgn_lang=; ' + past + '; domain=' + d;
141                document.cookie = 'wgn_lang=; ' + past + '; domain=.' + d;
142            }
143            document.cookie = 'wgn_lang=; ' + past;
144
145            // Store new preference (skip for Polish — absence means Polish)
146            if (lang !== 'pl') {
147                document.cookie = 'wgn_lang=' + lang + '; expires=' + exp + '; path=/; domain=' + WGN_COOKIE_DOMAIN;
148            }
149
150            location.reload();
151        }
152
153        function wgnCurrentLang() {
154            var m = document.cookie.match(/(?:^|;\s*)wgn_lang=([a-z-]+)/);
155            return m ? m[1] : 'pl';
156        }
157
158        // Bfcache guard: if language changed while this page was cached, force fresh load.
159        var _wgnLangAtLoad = wgnCurrentLang();
160        window.addEventListener('pageshow', function(e) {
161            if (e.persisted && wgnCurrentLang() !== _wgnLangAtLoad) {
162                window.location.reload();
163            }
164        });
165
166        // Flag emoji map for Google Translate language codes
167        const WGN_FLAGS = {
168            pl: '🇵🇱',
169            en: '🇬🇧',
170            de: '🇩🇪',
171            fr: '🇫🇷',
172            es: '🇪🇸',
173            it: '🇮🇹',
174            pt: '🇵🇹',
175            ru: '🇷🇺',
176            uk: '🇺🇦',
177            nl: '🇳🇱',
178            cs: '🇨🇿',
179            sk: '🇸🇰',
180            hu: '🇭🇺',
181            ro: '🇷🇴',
182            bg: '🇧🇬',
183            hr: '🇭🇷',
184            sr: '🇷🇸',
185            sl: '🇸🇮',
186            lt: '🇱🇹',
187            lv: '🇱🇻',
188            et: '🇪🇪',
189            fi: '🇫🇮',
190            sv: '🇸🇪',
191            da: '🇩🇰',
192            no: '🇳🇴',
193            nb: '🇳🇴',
194            is: '🇮🇸',
195            el: '🇬🇷',
196            tr: '🇹🇷',
197            ar: '🇸🇦',
198            he: '🇮🇱',
199            fa: '🇮🇷',
200            'zh-CN': '🇨🇳',
201            'zh-TW': '🇹🇼',
202            ja: '🇯🇵',
203            ko: '🇰🇷',
204            vi: '🇻🇳',
205            th: '🇹🇭',
206            id: '🇮🇩',
207            ms: '🇲🇾',
208            hi: '🇮🇳',
209            bn: '🇧🇩',
210            ur: '🇵🇰',
211            af: '🇿🇦',
212            sq: '🇦🇱',
213            am: '🇪🇹',
214            hy: '🇦🇲',
215            az: '🇦🇿',
216            eu: '🇪🇸',
217            be: '🇧🇾',
218            bs: '🇧🇦',
219            ca: '🇪🇸',
220            ny: '🇲🇼',
221            co: '🇫🇷',
222            hr: '🇭🇷',
223            eo: '🌐',
224            tl: '🇵🇭',
225            gl: '🇪🇸',
226            ka: '🇬🇪',
227            gu: '🇮🇳',
228            ht: '🇭🇹',
229            ha: '🇳🇬',
230            haw: '🇺🇸',
231            hmn: '🇨🇳',
232            ig: '🇳🇬',
233            ga: '🇮🇪',
234            jw: '🇮🇩',
235            kn: '🇮🇳',
236            kk: '🇰🇿',
237            km: '🇰🇭',
238            rw: '🇷🇼',
239            ky: '🇰🇬',
240            lo: '🇱🇦',
241            la: '🌐',
242            lb: '🇱🇺',
243            mk: '🇲🇰',
244            mg: '🇲🇬',
245            ml: '🇮🇳',
246            mt: '🇲🇹',
247            mi: '🇳🇿',
248            mr: '🇮🇳',
249            mn: '🇲🇳',
250            my: '🇲🇲',
251            ne: '🇳🇵',
252            ps: '🇦🇫',
253            pa: '🇮🇳',
254            sm: '🇼🇸',
255            gd: '🇬🇧',
256            st: '🇿🇦',
257            sn: '🇿🇼',
258            sd: '🇵🇰',
259            si: '🇱🇰',
260            so: '🇸🇴',
261            su: '🇮🇩',
262            sw: '🇰🇪',
263            tg: '🇹🇯',
264            ta: '🇮🇳',
265            tt: '🇷🇺',
266            te: '🇮🇳',
267            tk: '🇹🇲',
268            ug: '🇨🇳',
269            uz: '🇺🇿',
270            cy: '🇬🇧',
271            xh: '🇿🇦',
272            yi: '🌐',
273            yo: '🇳🇬',
274            zu: '🇿🇦'
275        };
276
277        function wgnFlag(code) {
278            return WGN_FLAGS[code] || '🌐';
279        }
280
281        // Full Google Translate language list
282        const WGN_ALL_LANGS = [{
283                code: 'pl',
284                label: 'Polski'
285            }, {
286                code: 'en',
287                label: 'English'
288            }, {
289                code: 'de',
290                label: 'Deutsch'
291            },
292            {
293                code: 'fr',
294                label: 'Français'
295            }, {
296                code: 'es',
297                label: 'Español'
298            }, {
299                code: 'it',
300                label: 'Italiano'
301            },
302            {
303                code: 'pt',
304                label: 'Português'
305            }, {
306                code: 'ru',
307                label: 'Русский'
308            }, {
309                code: 'uk',
310                label: 'Українська'
311            },
312            {
313                code: 'nl',
314                label: 'Nederlands'
315            }, {
316                code: 'cs',
317                label: 'Čeština'
318            }, {
319                code: 'sk',
320                label: 'Slovenčina'
321            },
322            {
323                code: 'hu',
324                label: 'Magyar'
325            }, {
326                code: 'ro',
327                label: 'Română'
328            }, {
329                code: 'bg',
330                label: 'Български'
331            },
332            {
333                code: 'hr',
334                label: 'Hrvatski'
335            }, {
336                code: 'sr',
337                label: 'Srpski'
338            }, {
339                code: 'sl',
340                label: 'Slovenščina'
341            },
342            {
343                code: 'lt',
344                label: 'Lietuvių'
345            }, {
346                code: 'lv',
347                label: 'Latviešu'
348            }, {
349                code: 'et',
350                label: 'Eesti'
351            },
352            {
353                code: 'fi',
354                label: 'Suomi'
355            }, {
356                code: 'sv',
357                label: 'Svenska'
358            }, {
359                code: 'da',
360                label: 'Dansk'
361            },
362            {
363                code: 'no',
364                label: 'Norsk'
365            }, {
366                code: 'is',
367                label: 'Íslenska'
368            }, {
369                code: 'el',
370                label: 'Ελληνικά'
371            },
372            {
373                code: 'tr',
374                label: 'Türkçe'
375            }, {
376                code: 'ar',
377                label: 'العربية'
378            }, {
379                code: 'he',
380                label: 'עברית'
381            },
382            {
383                code: 'fa',
384                label: 'فارسی'
385            }, {
386                code: 'zh-CN',
387                label: '中文(简体)'
388            }, {
389                code: 'zh-TW',
390                label: '中文(繁體)'
391            },
392            {
393                code: 'ja',
394                label: '日本語'
395            }, {
396                code: 'ko',
397                label: '한국어'
398            }, {
399                code: 'vi',
400                label: 'Tiếng Việt'
401            },
402            {
403                code: 'th',
404                label: 'ภาษาไทย'
405            }, {
406                code: 'id',
407                label: 'Bahasa Indonesia'
408            }, {
409                code: 'ms',
410                label: 'Bahasa Melayu'
411            },
412            {
413                code: 'hi',
414                label: 'हिन्दी'
415            }, {
416                code: 'bn',
417                label: 'বাংলা'
418            }, {
419                code: 'ur',
420                label: 'اردو'
421            },
422            {
423                code: 'af',
424                label: 'Afrikaans'
425            }, {
426                code: 'sq',
427                label: 'Shqip'
428            }, {
429                code: 'am',
430                label: 'አማርኛ'
431            },
432            {
433                code: 'hy',
434                label: 'Հայերեն'
435            }, {
436                code: 'az',
437                label: 'Azərbaycan'
438            }, {
439                code: 'eu',
440                label: 'Euskara'
441            },
442            {
443                code: 'be',
444                label: 'Беларуская'
445            }, {
446                code: 'bs',
447                label: 'Bosanski'
448            }, {
449                code: 'ca',
450                label: 'Català'
451            },
452            {
453                code: 'tl',
454                label: 'Filipino'
455            }, {
456                code: 'gl',
457                label: 'Galego'
458            }, {
459                code: 'ka',
460                label: 'ქართული'
461            },
462            {
463                code: 'gu',
464                label: 'ગુજરાતી'
465            }, {
466                code: 'ht',
467                label: 'Kreyòl ayisyen'
468            }, {
469                code: 'ha',
470                label: 'Hausa'
471            },
472            {
473                code: 'hmn',
474                label: 'Hmong'
475            }, {
476                code: 'ig',
477                label: 'Igbo'
478            }, {
479                code: 'ga',
480                label: 'Gaeilge'
481            },
482            {
483                code: 'jw',
484                label: 'Basa Jawa'
485            }, {
486                code: 'kn',
487                label: 'ಕನ್ನಡ'
488            }, {
489                code: 'kk',
490                label: 'Қазақ'
491            },
492            {
493                code: 'km',
494                label: 'ខ្មែរ'
495            }, {
496                code: 'rw',
497                label: 'Kinyarwanda'
498            }, {
499                code: 'ky',
500                label: 'Кыргызча'
501            },
502            {
503                code: 'lo',
504                label: 'ລາວ'
505            }, {
506                code: 'la',
507                label: 'Latina'
508            }, {
509                code: 'lb',
510                label: 'Lëtzebuergesch'
511            },
512            {
513                code: 'mk',
514                label: 'Македонски'
515            }, {
516                code: 'mg',
517                label: 'Malagasy'
518            }, {
519                code: 'ml',
520                label: 'മലയാളം'
521            },
522            {
523                code: 'mt',
524                label: 'Malti'
525            }, {
526                code: 'mi',
527                label: 'Māori'
528            }, {
529                code: 'mr',
530                label: 'मराठी'
531            },
532            {
533                code: 'mn',
534                label: 'Монгол'
535            }, {
536                code: 'my',
537                label: 'မြန်မာ'
538            }, {
539                code: 'ne',
540                label: 'नेपाली'
541            },
542            {
543                code: 'ny',
544                label: 'Nyanja'
545            }, {
546                code: 'or',
547                label: 'ଓଡ଼ିଆ'
548            }, {
549                code: 'ps',
550                label: 'پښتو'
551            },
552            {
553                code: 'pa',
554                label: 'ਪੰਜਾਬੀ'
555            }, {
556                code: 'sm',
557                label: 'Samoa'
558            }, {
559                code: 'gd',
560                label: 'Gàidhlig'
561            },
562            {
563                code: 'st',
564                label: 'Sesotho'
565            }, {
566                code: 'sn',
567                label: 'Shona'
568            }, {
569                code: 'sd',
570                label: 'سنڌي'
571            },
572            {
573                code: 'si',
574                label: 'සිංහල'
575            }, {
576                code: 'so',
577                label: 'Soomaali'
578            }, {
579                code: 'su',
580                label: 'Basa Sunda'
581            },
582            {
583                code: 'sw',
584                label: 'Kiswahili'
585            }, {
586                code: 'tg',
587                label: 'Тоҷикӣ'
588            }, {
589                code: 'ta',
590                label: 'தமிழ்'
591            },
592            {
593                code: 'tt',
594                label: 'Татар'
595            }, {
596                code: 'te',
597                label: 'తెలుగు'
598            }, {
599                code: 'tk',
600                label: 'Türkmen'
601            },
602            {
603                code: 'ug',
604                label: 'ئۇيغۇرچە'
605            }, {
606                code: 'uz',
607                label: 'Oʻzbek'
608            }, {
609                code: 'cy',
610                label: 'Cymraeg'
611            },
612            {
613                code: 'xh',
614                label: 'isiXhosa'
615            }, {
616                code: 'yi',
617                label: 'ייִדיש'
618            }, {
619                code: 'yo',
620                label: 'Yorùbá'
621            },
622            {
623                code: 'zu',
624                label: 'isiZulu'
625            }, {
626                code: 'co',
627                label: 'Corsu'
628            }, {
629                code: 'eo',
630                label: 'Esperanto'
631            },
632            {
633                code: 'fy',
634                label: 'Frysk'
635            }, {
636                code: 'haw',
637                label: 'ʻŌlelo Hawaiʻi'
638            },
639        ].map(l => ({
640            ...l,
641            flag: wgnFlag(l.code)
642        }));
643    </script>
643
644    
644<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" async></script>
644
645
646    <header x-data="{
647    scrolled: false,
648    solid: false,
649    forceSolid: false,
650    scrollingToListing: false,
651    mobileOpen: false,
652    openSub: [],
653    openSub2: [],
654    lastScrollY: 0,
655    init() {
656        this.solid = document.body.classList.contains('header-solid');
657        this.lastScrollY = window.scrollY;
658        window.addEventListener('scroll', () => {
659            const y = window.scrollY;
660            this.scrolled = y > 0;
661            if (this.forceSolid && !this.scrollingToListing && y > this.lastScrollY) {
662                this.forceSolid = false;
663            }
664            this.lastScrollY = y;
665        }, { passive: true });
666        const paginatedEvents = [
667            'offer-list-paginated', 'market-list-paginated', 'agent-list-paginated',
668            'agent-offer-list-paginated', 'blog-list-paginated',
669            'office-list-paginated', 'office-offer-list-paginated',
670        ];
671        paginatedEvents.forEach(ev => {
672            window.addEventListener(ev, () => {
673                this.forceSolid = true;
674                this.scrollingToListing = true;
675                clearTimeout(this._listingScrollTimer);
676                this._listingScrollTimer = setTimeout(() => {
677                    this.scrollingToListing = false;
678                    this.lastScrollY = window.scrollY;
679                }, 800);
680            });
681        });
682        this.$watch('mobileOpen', val => {
683            document.body.style.overflow = val ? 'hidden' : '';
684        });
685    }
686}" :class="(scrolled || solid) ? '' : 'bg-transparent'"
687    :style="forceSolid ? 'background-color: rgba(0,0,0,1)' : ((scrolled || solid) ? 'background-color: rgba(0,0,0,0.8)' : '')"
688    class="fixed top-0 left-0 right-0 transition-colors duration-300 z-999 print:hidden">
689    <div class="py-3 2xl:py-7 px-6 2xl:px-10">
690
691        
692        <div :class="wgnCurrentLang() !== 'pl' ? 'nav-compact' : ''"
693            class="hidden lg:grid grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] max-w-440 mx-auto items-stretch gap-0 xl:gap-0.5 xlg:gap-2 2xl:gap-4 3xl:gap-6 h-11 xl:h-12 xlg:h-13 2xl:h-14 3xl:h-17.5">
694
695            <nav class="flex items-center min-w-0" x-data="{ openMenu: null }">
696                                    
697                    <div class="relative h-full flex items-center"
698                         x-data="{ openL3: null }"
699                            @mouseenter="openMenu = 'left-0'"
700                            @mouseleave="openMenu = null; openL3 = null"
701                            x-on:header-open-menu.window="if ($event.detail === 'biura-wgn' && window.innerWidth >= 1024) { openMenu = 'left-0'; window.scrollTo({ top: 0, behavior: 'smooth' }); }"
702                        >
703                                                    <button type="button" :class="openMenu === 'left-0' ? 'bg-charcoal' : ''"
704                                class="flex items-center gap-1.5 xlg:gap-2 px-1.5 xl:px-2 xlg:px-2.5 2xl:px-4 h-full text-xs xlg:text-sm font-medium text-white whitespace-nowrap hover:text-secondary transition-all cursor-pointer">
705                                Biura WGN
706                                <svg width="10" height="5" viewBox="0 0 10 5" fill="none"
707                                    xmlns="http://www.w3.org/2000/svg"
708                                    :class="{ 'rotate-180': openMenu === 'left-0' }"
709                                    class="transition-transform shrink-0">
710                                    <path
711                                        d="M4.7627 4.72363L-0.000443872 -0.000156459L9.52583 -0.000157292L4.7627 4.72363Z"
712                                        fill="white" />
713                                </svg>
714                            </button>
715
716                            <div x-show="openMenu === 'left-0'" x-cloak
717                                x-transition:enter="transition ease-out duration-150"
718                                x-transition:enter-start="opacity-0 -translate-y-1"
719                                x-transition:enter-end="opacity-100 translate-y-0"
720                                x-transition:leave="transition ease-in duration-100"
721                                x-transition:leave-start="opacity-100 translate-y-0"
722                                x-transition:leave-end="opacity-0 -translate-y-1"
723                                class="absolute top-full left-0 bg-charcoal z-50 flex flex-col gap-1 py-3 min-w-56">
724                                                                                                                                                <a href="https://wgn.pl/biura" target="_self"
725                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
726                                            Szukaj biura nieruchomości
727                                        </a>
728                                                                                                                                                                                    <a href="https://wgn.pl/agenci" target="_self"
729                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
730                                            Szukaj eksperta
731                                        </a>
732                                                                                                </div>
733                                            </div>
734                                    
735                    <div class="relative h-full flex items-center"
736                         x-data="{ openL3: null }"
737                            @mouseenter="openMenu = 'left-1'"
738                            @mouseleave="openMenu = null; openL3 = null"
739                            x-on:header-open-menu.window="if ($event.detail === 'uslugi' && window.innerWidth >= 1024) { openMenu = 'left-1'; window.scrollTo({ top: 0, behavior: 'smooth' }); }"
740                        >
741                                                    <button type="button" :class="openMenu === 'left-1' ? 'bg-charcoal' : ''"
742                                class="flex items-center gap-1.5 xlg:gap-2 px-1.5 xl:px-2 xlg:px-2.5 2xl:px-4 h-full text-xs xlg:text-sm font-medium text-white whitespace-nowrap hover:text-secondary transition-all cursor-pointer">
743                                Usługi
744                                <svg width="10" height="5" viewB
744ox="0 0 10 5" fill="none"
745                                    xmlns="http://www.w3.org/2000/svg"
746                                    :class="{ 'rotate-180': openMenu === 'left-1' }"
747                                    class="transition-transform shrink-0">
748                                    <path
749                                        d="M4.7627 4.72363L-0.000443872 -0.000156459L9.52583 -0.000157292L4.7627 4.72363Z"
750                                        fill="white" />
751                                </svg>
752                            </button>
753
754                            <div x-show="openMenu === 'left-1'" x-cloak
755                                x-transition:enter="transition ease-out duration-150"
756                                x-transition:enter-start="opacity-0 -translate-y-1"
757                                x-transition:enter-end="opacity-100 translate-y-0"
758                                x-transition:leave="transition ease-in duration-100"
759                                x-transition:leave-start="opacity-100 translate-y-0"
760                                x-transition:leave-end="opacity-0 -translate-y-1"
761                                class="absolute top-full left-0 bg-charcoal z-50 flex flex-col gap-1 py-3 min-w-56">
762                                                                                                                                                <a href="https://wgn.pl/artykuly/uslugi/sprzedaj-nieruchomosc-z-wgn-2" target="_self"
763                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
764                                            Sprzedaj nieruchomość z WGN
765                                        </a>
766                                                                                                                                                                                    <a href="https://wgn.pl/artykuly/uslugi/wynajmij-nieruchomosc-z-wgn" target="_self"
767                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
768                                            Wynajmij nieruchomość z WGN
769                                        </a>
770                                                                                                                                                                                    <a href="https://wgn.pl/artykuly/uslugi/kupuj-nieruchomosc-z-wgn" target="_self"
771                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
772                                            Kupuj nieruchomość z WGN
773                                        </a>
774                                                                                                                                                                                    <a href="https://wgn.pl/artykuly/uslugi/najmij-nieruchomosc-z-wgn-2" target="_self"
775                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
776                                            Najmij nieruchomość z WGN
777                                        </a>
778                                                                                                                                                                                    <a href="https://www.wgnkredyty.com" target="_blank"
779                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
780                                            Kredyt
781                                        </a>
782                                                                                                                                                                                    <div class="relative" @mouseenter="openL3 = 'left-1-5'"
783                                            @mouseleave="openL3 = null">
784                                            <div class="flex items-center justify-between gap-4 px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap cursor-default select-none">
785                                                Reklamuj się u nas
786                                                <svg width="6" height="10" viewB
786ox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0 opacity-60">
787                                                    <path d="M1 1l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
788                                                </svg>
789                                            </div>
790                                            <div x-show="openL3 === 'left-1-5'" x-cloak
791                                                x-transition:enter="transition ease-out duration-150"
792                                                x-transition:enter-start="opacity-0 -translate-x-1"
793                                                x-transition:enter-end="opacity-100 translate-x-0"
794                                                x-transition:leave="transition ease-in duration-100"
795                                                x-transition:leave-start="opacity-100 translate-x-0"
796                                                x-transition:leave-end="opacity-0 -translate-x-1"
797                                                class="absolute left-full top-0 bg-charcoal z-50 flex flex-col gap-1 py-3 min-w-56">
798                                                                                                                                                        <a href="https://wgn.pl/artykuly/uslugi/reklama-na-wgnpl" target="_self"
799                                                        class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
800                                                        Reklamuj się u nas
801                                                    </a>
802                                                                                                                                                        <a href="https://apartamentyrezydencje.com" target="_blank"
803                                                        class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
804                                                        Reklama na ApartamentyRezydencje
805                                                    </a>
806                                                                                                                                                        <a href="https://www.komercja24.pl/reklama-2/" target="_blank"
807                                                        class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
808                                                        Reklama na Komercja24.pl
809                                                    </a>
810                                                                                            </div>
811                                        </div>
812                                                                                                </div>
813                                            </div>
814                                    
815                    <div class="relative h-full flex items-center"
816                        >
817                                                    <a href="https://wgn.pl/off-market" target="_self"
818                                class="flex items-center h-full px-1.5 xl:px-2 xlg:px-2.5 2xl:px-4 text-xs xlg:text-sm font-medium text-white whitespace-nowrap hover:text-secondary transition-colors">
819                                Off market
820                            </a>
821                                            </div>
822                                    
823                    <div class="relative h-full flex items-center"
824                         x-data="{ openL3: null }"
825                            @mouseenter="openMenu = 'left-3'"
826                            @mouseleave="openMenu = null; openL3 = null"
827                            x-on:header-open-menu.window="if ($event.detail === 'inwestycje' && window.innerWidth >= 1024) { openMenu = 'left-3'; window.scrollTo({ top: 0, behavior: 'smooth' }); }"
828                        >
829                                                    <button type="button" :class="openMenu === 'left-3' ? 'bg-charcoal' : ''"
830                                class="flex items-center gap-1.5 xlg:gap-2 px-1.5 xl:px-2 xlg:px-2.5 2xl:px-4 h-full text-xs xlg:text-sm font-medium text-white whitespace-nowrap hover:text-secondary transition-all cursor-pointer">
831                                Inwestycje
832                                <svg width="10" height="5" viewB
832ox="0 0 10 5" fill="none"
833                                    xmlns="http://www.w3.org/2000/svg"
834                                    :class="{ 'rotate-180': openMenu === 'left-3' }"
835                                    class="transition-transform shrink-0">
836                                    <path
837                                        d="M4.7627 4.72363L-0.000443872 -0.000156459L9.52583 -0.000157292L4.7627 4.72363Z"
838                                        fill="white" />
839                                </svg>
840                            </button>
841
842                            <div x-show="openMenu === 'left-3'" x-cloak
843                                x-transition:enter="transition ease-out duration-150"
844                                x-transition:enter-start="opacity-0 -translate-y-1"
845                                x-transition:enter-end="opacity-100 translate-y-0"
846                                x-transition:leave="transition ease-in duration-100"
847                                x-transition:leave-start="opacity-100 translate-y-0"
848                                x-transition:leave-end="opacity-0 -translate-y-1"
849                                class="absolute top-full left-0 bg-charcoal z-50 flex flex-col gap-1 py-3 min-w-56">
850                                                                                                                                                <a href="https://apartamentyrezydencje.com/" target="_blank"
851                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
852                                            Apartamenty i rezydencje
853                                        </a>
854                                                                                                                                                                                    <a href="https://ekskluzyw.pl/" target="_blank"
855                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
856                                            Nieruchomości premium
857                                        </a>
858                                                                                                                                                                                    <a href="https://www.komercja24.pl/ " target="_blank"
859                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
860                                            Nieruchomości komercyjne 
861                                        </a>
862                                                                                                                                                                                    <a href="https://www.propertyjournal.pl/ " target="_blank"
863                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
864                                            Nieruchomości inwestycyjne
865                                        </a>
866                                                                                                </div>
867                                            </div>
868                                    
869                    <div class="relative h-full flex items-center"
870                        >
871                                                    <a href="https://cenametra.pl/wycena/mieszkanie/wgn" target="_blank"
872                                class="flex items-center h-full px-1.5 xl:px-2 xlg:px-2.5 2xl:px-4 text-xs xlg:text-sm font-medium text-white whitespace-nowrap hover:text-secondary transition-colors">
873                                Wyceń
874                            </a>
875                                            </div>
876                            </nav>
877
878            <a href="https://wgn.pl" class="shrink-0 flex items-center relative z-10" aria-label="WGN - strona główna">
879                                    <img loading="lazy" decoding="async" class="max-h-8 lg:max-h-9 xl:max-h-10 xlg:max-h-12 2xl:max-h-15 3xl:max-h-17 w-auto object-contain" src="https://wgn.pl/storage/461f19bd-2ff7-459f-94dd-ba9a883f2b1c.svg?v=1774936354"
880                        alt="">
881                            </a>
882
883            <nav class="flex items-center justify-end min-w-0" x-data="{ openMenu: null }">
884                                    
885                    <div class="relative h-full flex items-center"
886                         x-data="{ openL3: null }"
887                            @mouseenter="openMenu = 'right-0'"
888                            @mouseleave="openMenu = null; openL3 = null"
889                            x-on:header-open-menu.window="if ($event.detail === 'o-nas' && window.innerWidth >= 1024) { openMenu = 'right-0'; window.scrollTo({ top: 0, behavior: 'smooth' }); }"
890                        >
891                                                    <button type="button" :class="openMenu === 'right-0' ? 'bg-charcoal' : ''"
892                                class="flex items-center gap-1.5 xlg:gap-2 px-1.5 xl:px-2 xlg:px-2.5 2xl:px-4 h-full text-xs xlg:text-sm font-medium text-white whitespace-nowrap hover:text-secondary transition-all cursor-pointer">
893                                O nas
894                                <svg width="10" height="5" viewB
894ox="0 0 10 5" fill="none"
895                                    xmlns="http://www.w3.org/2000/svg"
896                                    :class="{ 'rotate-180': openMenu === 'right-0' }"
897                                    class="transition-transform shrink-0">
898                                    <path
899                                        d="M4.7627 4.72363L-0.000443872 -0.000156459L9.52583 -0.000157292L4.7627 4.72363Z"
900                                        fill="white" />
901                                </svg>
902                            </button>
903
904                            <div x-show="openMenu === 'right-0'" x-cloak
905                                x-transition:enter="transition ease-out duration-150"
906                                x-transition:enter-start="opacity-0 -translate-y-1"
907                                x-transition:enter-end="opacity-100 translate-y-0"
908                                x-transition:leave="transition ease-in duration-100"
909                                x-transition:leave-start="opacity-100 translate-y-0"
910                                x-transition:leave-end="opacity-0 -translate-y-1"
911                                class="absolute top-full right-0 bg-charcoal z-50 flex flex-col gap-1 py-3 min-w-56">
912                                                                                                                                                <a href="https://wgn.pl/artykuly/marka-wgn/profesjonalizm-skutecznosc-doswiadczenie" target="_self"
913                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
914                                            Marka dla wymagających
915                                        </a>
916                                                                                                                                                                                    <a href="https://wgn.pl/artykuly/marka-wgn/nagrody-i-wyroznienia-dla-wgn" target="_self"
917                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
918                                            Nagrody i wyróżnienia dla WGN
919                                        </a>
920                                                                                                                                                                                    <a href="https://wgn.pl/artykuly/marka-wgn/rada-polityki-wgn" target="_self"
921                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
922                                            Rada Polityki WGN
923                                        </a>
924                                                                                                                                                                                    <a href="https://wgn.pl/artykuly/marka-wgn/historia-wgn" target="_self"
925                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
926                                            Historia WGN
927                                        </a>
928                                                                                                                                                                                    <a href="https://wgn.pl/artykuly/marka-wgn/zyciorys-tworcy-wgn-1" target="_self"
929                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
930                                            Życiorys twórcy WGN
931                                        </a>
932                                                                                                                                                                                    <a href="https://wgn.pl/artykuly/marka-wgn/gratulacje-od-przyjaciol" target="_self"
933                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
934                                            Gratulacje od przyjaciół
935                                        </a>
936                                                                                                </div>
937                                            </div>
938                                    
939                    <div class="relative h-full flex items-center"
940                         x-data="{ openL3: null }"
941                            @mouseenter="openMenu = 'right-1'"
942                            @mouseleave="openMenu = null; openL3 = null"
943                            x-on:header-open-menu.window="if ($event.detail === 'franczyza' && window.innerWidth >= 1024) { openMenu = 'right-1'; window.scrollTo({ top: 0, behavior: 'smooth' }); }"
944                        >
945                                                    <button type="button" :class="openMenu === 'right-1' ? 'bg-charcoal' : ''"
946                                class="flex items-center gap-1.5 xlg:gap-2 px-1.5 xl:px-2 xlg:px-2.5 2xl:px-4 h-full text-xs xlg:text-sm font-medium text-white whitespace-nowrap hover:text-secondary transition-all cursor-pointer">
947                                Franczyza
948                                <svg width="10" height="5" viewB
948ox="0 0 10 5" fill="none"
949                                    xmlns="http://www.w3.org/2000/svg"
950                                    :class="{ 'rotate-180': openMenu === 'right-1' }"
951                                    class="transition-transform shrink-0">
952                                    <path
953                                        d="M4.7627 4.72363L-0.000443872 -0.000156459L9.52583 -0.000157292L4.7627 4.72363Z"
954                                        fill="white" />
955                                </svg>
956                            </button>
957
958                            <div x-show="openMenu === 'right-1'" x-cloak
959                                x-transition:enter="transition ease-out duration-150"
960                                x-transition:enter-start="opacity-0 -translate-y-1"
961                                x-transition:enter-end="opacity-100 translate-y-0"
962                                x-transition:leave="transition ease-in duration-100"
963                                x-transition:leave-start="opacity-100 translate-y-0"
964                                x-transition:leave-end="opacity-0 -translate-y-1"
965                                class="absolute top-full right-0 bg-charcoal z-50 flex flex-col gap-1 py-3 min-w-56">
966                                                                                                                                                <a href="https://wgn.pl/artykuly/wspolpraca/franczyza-nieruchomosci-wgn-zasady-wspolpracy" target="_self"
967                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
968                                            Franczyza nieruchomości WGN - zasady współpracy
969                                        </a>
970                                                                                                                                                                                    <a href="https://franczyzawgn.pl/opinie-franczyza-nieruchomosci/#more-opinions" target="_blank"
971                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
972                                            Opinie o franczyzie nieruchomości WGN
973                                        </a>
974                                                                                                                                                                                    <a href="https://franczyzawgn.pl/historia-silnej-marki-franczyzowej-wgn/" target="_blank"
975                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
976                                            Dlaczego franczyza WGN?
977                                        </a>
978                                                                                                                                                                                    <a href="https://franczyzawgn.pl/czy-warto-inwestowac-we-franczyze-nieruchomosci-historia-nowego-franczyzobiorcy-wgn/" target="_blank"
979                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
980                                            Korzyści z franczyzy WGN
981                                        </a>
982                                                                                                                                                                                    <a href="https://wgn.pl/wyszukiwarka-wgn" target="_self"
983                                            class="block px-6 py-2 text-base font-medium text-white hover:text-secondary transition-colors whitespace-nowrap">
984                                            Umieść bezpłatnie wyszukiwarkę na swojej stronie
985                                        </a>
986                                                                                                </div>
987                                            </div>
988                                    
989                    <div class="relative h-full flex items-center"
990                        >
991                                                    <a href="https://wgn.pl/artykuly/wspolpraca/zostan-agentem-nieruchomosci-wgn" target="_self"
992                                class="flex items-center h-full px-1.5 xl:px-2 xlg:px-2.5 2xl:px-4 text-xs xlg:text-sm font-medium text-white whitespace-nowrap hover:text-secondary transition-colors">
993                                Kariera
994                            </a>
995                                            </div>
996                
997                <a href="https://wgn.pl/ulubione"
998                    class="shrink-0 px-1.5 xl:px-2 xlg:px-2.5 2xl:px-4 h-full flex items-center hover:opacity-70 transition-opacity relative"
999                    aria-label="Ulubione"
1000                    x-data="{
1001                        count: 0,
1002                        init() {
1003                            this.count = window.getFavourites().length;
1004                            window.addEventListener('favourite-changed', () => { this.count = window.getFavourites().length; });
1005                            window.addEventListener('favourites-cleared', 
1005() => { this.count = 0; });
1006                        }
1007                    }">
1008                    <svg width="20" height="18" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1009                        <path x-show="count === 0" fill-rule="evenodd" clip-rule="evenodd"
1010                            d="M11.7208 0.351248C12.3473 0.102036 13.018 -0.0168283 13.6919 0.00191752C14.3659 0.0206633 15.029 0.176625 15.6406 0.460275C16.252 0.743813 16.7992 1.14899 17.2488 1.65105C19.0685 3.67464 18.7524 6.7759 16.8947 8.64292L16.8936 8.64409L10.1981 15.3396L9.73051 14.872L10.1959 15.3418C9.94665 15.5886 9.61009 15.7271 9.25934 15.7271C8.9086 15.7271 8.57204 15.5886 8.32283 15.3418L8.32058 15.3396L1.45152 8.4705C0.974956 7.99359 0.600459 7.42434 0.351248 6.79787C0.102036 6.1714 -0.0168283 5.5007 0.00191752 4.82675C0.0206633 4.15279 0.176625 3.48973 0.460275 2.87809C0.743813 2.26668 1.14899 1.71948 1.65105 1.26989C3.67464 -0.549767 6.7759 -0.233741 8.64292 1.62394L8.64587 1.62688L9.25959 2.2453L10.0466 1.45306L10.0484 1.45135C10.5253 0.974785 11.0943 0.600459 11.7208 0.351248ZM9.26516 14.4021C9.26508 14.4022 9.26524 14.4021 9.26516 14.4021L15.9572 7.71007C15.9574 7.70991 15.9575 7.70975 15.9577 7.70958C17.3893 6.27034 17.5526 3.96641 16.265 2.53495L16.2639 2.53377C15.9341 2.16539 15.5327 1.86811 15.0842 1.6601C14.6356 1.45209 14.1494 1.33772 13.6552 1.32397C13.1609 1.31022 12.6691 1.39739 12.2097 1.58014C11.7506 1.76276 11.3336 2.03699 10.984 2.3861C10.9837 2.38636 10.9835 2.38663 10.9832 2.38689L9.72847 3.64988C9.60429 3.77488 9.43536 3.84515 9.25917 3.8451C9.08298 3.84506 8.91409 3.7747 8.78997 3.64964L7.70868 2.56009C6.26938 1.12936 3.96611 0.966355 2.53495 2.25371L2.53377 2.25477C2.16539 2.58454 1.86811 2.98596 1.6601 3.4345C1.45209 3.88304 1.33772 4.36929 1.32397 4.86352C1.31022 5.35775 1.39739 5.8496 1.58014 6.30901C1.7629 6.76842 2.03741 7.18574 2.38689 7.53548L9.25353 14.4021C9.25345 14.4021 9.2536 14.4022 9.25353 14.4021C9.25505 14.4035 9.25727 14.4045 9.25934 14.4045C9.26141 14.4045 9.26364 14.4035 9.26516 14.4021Z"
1011                            fill="white" />
1012                        <path x-show="count > 0"
1013                            d="M11.7208 0.351248C12.3473 0.102036 13.018 -0.0168283 13.6919 0.00191752C14.3659 0.0206633 15.029 0.176625 15.6406 0.460275C16.252 0.743813 16.7992 1.14899 17.2488 1.65105C19.0685 3.67464 18.7524 6.7759 16.8947 8.64292L16.8936 8.64409L10.1981 15.3396L9.73051 14.872L10.1959 15.3418C9.94665 15.5886 9.61009 15.7271 9.25934 15.7271C8.9086 15.7271 8.57204 15.5886 8.32283 15.3418L8.32058 15.3396L1.45152 8.4705C0.974956 7.99359 0.600459 7.42434 0.351248 6.79787C0.102036 6.1714 -0.0168283 5.5007 0.00191752 4.82675C0.0206633 4.15279 0.176625 3.48973 0.460275 2.87809C0.743813 2.26668 1.14899 1.71948 1.65105 1.26989C3.67464 -0.549767 6.7759 -0.233741 8.64292 1.62394L8.64587 1.62688L9.25959 2.2453L10.0466 1.45306L10.0484 1.45135C10.5253 0.974785 11.0943 0.600459 11.7208 0.351248Z"
1014                            fill="white" />
1015                    </svg>
1016                    <span x-show="count > 0" x-text="count"
1017                        class="absolute top-2.5 right-0.5 min-w-4 h-4 flex items-center justify-center rounded-full bg-red text-white text-[9px] font-bold leading-none px-0.5"></span>
1018                </a>
1019
1020                                    <a href="https://wgn.pl/zglos-kupno-sprzedaz" target="_self"
1021                        class="shrink-0 mx-1 xl:mx-1.5 xlg:mx-2 2xl:mx-4 inline-flex items-center justify-center rounded-[5px] bg-red px-2.5 py-1 xl:px-2.5 xl:py-1 xlg:px-4 xlg:py-2 2xl:px-
10215 2xl:py-2.5 3xl:px-6 3xl:py-3 text-xs xlg:text-sm font-bold text-white leading-5.5 hover:brightness-90 transition whitespace-nowrap">
1022                        KUP / SPRZEDAJ
1023                    </a>
1024                
1025                <div class="shrink-0 pl-1.5 xl:pl-2 xlg:pl-2.5 2xl:pl-4 h-full flex items-center relative"
1026                     x-data="{ langOpen: false, search: '', langs: [], current: 'pl', get filtered() { return this.langs.filter(l => !this.search || l.label.toLowerCase().includes(this.search.toLowerCase()) || l.code.includes(this.search.toLowerCase())); }, init() { this.current = wgnCurrentLang(); this.langs = WGN_ALL_LANGS; } }"
1027                     @click.outside="langOpen = false; search = ''">
1028                    <button type="button" @click="langOpen = !langOpen"
1029                        class="hover:opacity-70 transition-opacity cursor-pointer flex items-center" aria-label="Język">
1030                        
1031                        <template x-if="current === 'pl'">
1032                            <svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
1033                                <g clip-path="url(#clip0_5769_4)">
1034                                    <rect width="27" height="27" rx="13.5" fill="white" />
1035                                    <rect x="-4.5" y="14" width="38.5" height="20.25" fill="#E60004" />
1036                                </g>
1037                                <defs><clipPath id="clip0_5769_4"><rect width="27" height="27" rx="13.5" fill="white" /></clipPath></defs>
1038                            </svg>
1039                        </template>
1040                        <template x-if="current !== 'pl'">
1041                            <span class="text-xs font-bold text-white uppercase" x-text="langs.find(l => l.code === current)?.label || current"></span>
1042                        </template>
1043                    </button>
1044                    <div x-show="langOpen" x-cloak
1045                         x-transition:enter="transition ease-out duration-150"
1046                         x-transition:enter-start="opacity-0 -translate-y-1"
1047                         x-transition:enter-end="opacity-100 translate-y-0"
1048                         class="absolute right-0 top-full mt-2 bg-white rounded-[5px] shadow-lg border border-light z-200 w-52"
1049                         style="display:none">
1050                        <div class="p-2 border-b border-light">
1051                            <input type="text" x-model="search" placeholder="Szukaj języka..."
1052                                class="w-full px-2 py-1.5 text-xs border border-light rounded-xs outline-none focus:border-secondary"
1053                                @click.stop x-ref="langSearch" @keydown.escape="langOpen = false; search = ''">
1054                        </div>
1055                        <div class="overflow-y-auto max-h-60">
1056                            <template x-for="lang in filtered" :key="lang.code">
1057                                <button type="button"
1058                                    @click="wgnSetLanguage(lang.code); langOpen = false; search = ''"
1059                                    :class="current === lang.code ? 'bg-grey-light font-semibold' : ''"
1060                                    class="flex items-center gap-2 w-full px-3 py-1.5 text-sm text-dark hover:bg-grey-light transition-colors cursor-pointer text-left">
1061                                    <span x-text="lang.flag" class="text-base leading-none shrink-0"></span>
1062                                    <span x-text="lang.label" class="truncate"></span>
1063                                </button>
1064                            </template>
1065                            <p x-show="filtered.length === 0" class="px-3 py-2 text-xs text-grey">Brak wyników</p>
1066                        </div>
1067                    </div>
1068                </div>
1069            </nav>
1070        </div>
1071
1072        
1073        <div class="flex lg:hidden items-center justify-between">
1074
1075            <a href="https://wgn.pl" class="shrink-0 flex items-center" aria-label="WGN - strona główna">
1076                                    <img loading="lazy" decoding="async" class="max-h-12 w-auto object-contain" src="https://wgn.pl/storage/461f19bd-2ff7-459f-94dd-ba9a883f2b1c.svg?v=1774936354"
1077                        alt="">
1078                            </a>
1079
1080            <button type="button" @click="mobileOpen = true"
1081                class="shrink-0 flex flex-col justify-center items-center gap-1.5 w-10 h-10 cursor-pointer"
1082                aria-label="Otwórz menu">
1083                <span class="block w-6 h-0.5 bg-white rounded-full"></span>
1084                <span class="block w-6 h-0.5 bg-white rounded-full"></span>
1085                <span class="block w-6 h-0.5 bg-white rounded-full"></span>
1086            </button>
1087        </div>
1088
1089    </div>
1090
1091    
1092    <div x-show="mobileOpen" x-cloak x-transition:enter="transition ease-out duration-300"
1093        x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
1094        x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100"
1095        x-transition:leave-end="opacity-0" class="fixed inset-0 z-60 bg-charcoal flex flex-col overflow-y-auto">
1096
1097        <div class="flex items-center justify-between py-3 px-6 shrink-0">
1098            <a href="https://wgn.pl" class="shrink-0 flex items-center" @click="mobileOpen = false">
1099                                    <img loading="lazy" decoding="async" class="max-h-12 w-auto object-contain" src="https://wgn.pl/storage/461f19bd-2ff7-459f-94dd-ba9a883f2b1c.svg?v=1774936354"
1100                        alt="">
1101                            </a>
1102
1103            <button type="button" @click="mobileOpen = false"
1104                class="shrink-0 flex items-center justify-center w-10 h-10 cursor-pointer" aria-label="Zamknij menu">
1105                <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
1106                    xmlns="http://www.w3.org/2000/svg">
1107                    <path d="M1 1L17 17M17 1L1 17" stroke="white" stroke-width="2" stroke-linecap="round" />
1108                </svg>
1109            </button>
1110        </div>
1111
1112        <nav class="flex-1 flex flex-col px-6 py-6 gap-1">
1113                            
1114                <div class="border-b border-white/10"
1115                                            x-on:header-open-menu.window="if ($event.detail === 'biura-wgn' && window.innerWidth < 1024) { mobileOpen = true; $nextTick(() => { if (!openSub.includes('mob-0')) openSub.push('mob-0'); }); }"
1116                    >
1117                                            <button type="button"
1118                            @click="openSub.includes('mob-0') ? openSub = openSub.filter(k => k !== 'mob-0') : openSub.push('mob-0')"
1119                            class="w-full flex items-center justify-between gap-4 py-4 text-base font-medium text-white cursor-pointer">
1120                            <span>Biura WGN</span>
1121                            <svg width="10" height="5" viewBox="0 0 10 5" fill="none"
1122                                xmlns="http://www.w3.org/2000/svg"
1123                                :class="{ 'rotate-180': openSub.includes('mob-0') }"
1124                                class="transition-transform shrink-0">
1125                                <path d="M4.7627 4.72363L-0.000443872 -0.000156459L9.52583 -0.000157292L4.7627 4.72363Z"
1126                                    fill="white" />
1127                            </svg>
1128                        </button>
1129
1130                        <div x-show="openSub.includes('mob-0')" x-cloak
1131                            x-transition:enter="transition ease-out duration-200"
1132                            x-transition:enter-start="opacity-0 -translate-y-2"
1133                            x-transition:enter-end="opacity-100 translate-y-0" class="flex flex-col pb-2 pl-4">
1134                                                                                                                                <a href="https://wgn.pl/biura" target="_self"
1135                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1136                                        @click="mobileOpen = false">
1137                                        Szukaj biura nieruchomości
1138                                    </a>
1139                                                                                                                                                                <a href="https://wgn.pl/agenci" target="_self"
1140                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1141                                        @click="mobileOpen = false">
1142                                        Szukaj eksperta
1143                                    </a>
1144                                                                                    </div>
1145                                    </div>
1146                            
1147                <div class="border-b border-white/10"
1148                                            x-on:header-open-menu.window="if ($event.detail === 'uslugi' && window.innerWidth < 1024) { mobileOpen = true; $nextTick(() => { if (!openSub.includes('mob-1')) openSub.push('mob-1'); }); }"
1149                    >
1150                                            <button type="button"
1151                            @click="openSub.includes('mob-1') ? openSub = openSub.filter(k => k !== 'mob-1') : openSub.push('mob-1')"
1152                            class="w-full flex items-center justify-between gap-4 py-4 text-base font-medium text-white cursor-pointer">
1153                            <span>Usługi</span>
1154                            <svg width="10" height="5" viewBox="0 0 10 5" fill="none"
1155                                xmlns="http://www.w3.org/2000/svg"
1156                                :class="{ 'rotate-180': openSub.includes('mob-1') }"
1157                                class="transition-transform shrink-0">
1158                                <path d="M4.7627 4.72363L-0.000443872 -0.000156459L9.52583 -0.000157292L4.7627 4.72363Z"
1159                                    fill="white" />
1160                            </svg>
1161                        </button>
1162
1163                        <div x-show="openSub.includes('mob-1')" x-cloak
1164                            x-transition:enter="transition ease-out duration-200"
1165                            x-transition:enter-start="opacity-0 -translate-y-2"
1166                            x-transition:enter-end="opacity-100 translate-y-0" class="flex flex-col pb-2 pl-4">
1167                                                                                                                                <a href="https://wgn.pl/artykuly/uslugi/sprzedaj-nieruchomosc-z-wgn-2" target="_self"
1168                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1169                                        @click="mobileOpen = false">
1170                                        Sprzedaj nieruchomość z WGN
1171                                    </a>
1172                                                                                                                                                                <a href="https://wgn.pl/artykuly/uslugi/wynajmij-nieruchomosc-z-wgn" target="_self"
1173                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1174                                        @click="mobileOpen = false">
1175                                        Wynajmij nieruchomość z WGN
1176                                    </a>
1177                                                                                                                                                                <a href="https://wgn.pl/artykuly/uslugi/kupuj-nieruchomosc-z-wgn" target="_self"
1178                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1179                                        @click="mobileOpen = false">
1180                                        Kupuj nieruchomość z WGN
1181                                    </a>
1182                                                                                                                                                                <a href="https://wgn.pl/artykuly/uslugi/najmij-nieruchomosc-z-wgn-2" target="_self"
1183                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1184                                        @click="mobileOpen = false">
1185                                        Najmij nieruchomość z WGN
1186                                    </a>
1187                                                                                                                                                                <a href="https://www.wgnkredyty.com" target="_blank"
1188                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1189                                        @click="mobileOpen = false">
1190                                        Kredyt
1191                                    </a>
1192                                                                                                                                                                <div class="border-b border-white/5">
1193                                        <button type="button"
1194                                            @click="openSub2.includes('mob-1-5') ? openSub2 = openSub2.filter(k => k !== 'mob-1-5') : openSub2.push('mob-1-5')"
1195                                            class="w-full flex items-center justify-between gap-4 py-3 text-base font-medium text-white/70 cursor-pointer">
1196                                            <span>Reklamuj się u nas</span>
1197                                            <svg width="10" height="5" viewBox="0 0 10 5" fill="none"
1198                                                xmlns="http://www.w3.org/2000/svg"
1199                                                :class="{ 'rotate-180': openSub2.includes('mob-1-5') }"
1200                                                class="transition-transform shrink-0">
1201                                                <path d="M4.7627 4.72363L-0.000443872 -0.000156459L9.52583 -0.000157292L4.7627 4.72363Z" fill="white" />
1202                                            </svg>
1203                                        </button>
1204                                        <div x-show="openSub2.includes('mob-1-5')" x-cloak
1205                                            x-transition:enter="transition ease-out duration-200"
1206                                            x-transition:enter-start="opacity-0 -translate-y-2"
1207                                            x-transition:enter-end="opacity-100 translate-y-0"
1208                                            class="flex flex-col pb-2 pl-4">
1209                                                                                                                                            <a href="https://wgn.pl/artykuly/uslugi/reklama-na-wgnpl" target="_self"
1210                                                    class="block py-2.5 text-base font-medium text-white/50 hover:text-white transition-colors"
1211                                                    @click="mobileOpen = false">
1212                                                    Reklamuj się u nas
1213                                                </a>
1214                                                                                                                                            <a href="https://apartamentyrezydencje.com" target="_blank"
1215                                                    class="block py-2.5 text-base font-medium text-white/50 hover:text-white transition-colors"
1216                                                    @click="mobileOpen = false">
1217                                                    Reklama na ApartamentyRezydencje
1218                                                </a>
1219                                                                                                                                            <a href="https://www.komercja24.pl/reklama-2/" target="_blank"
1220                                                    class="block py-2.5 text-base font-medium text-white/50 hover:text-white transition-colors"
1221                                                    @click="mobileOpen = false">
1222                                                    Reklama na Komercja24.pl
1223                                                </a>
1224                                                                                    </div>
1225                                    </div>
1226                                                                                    </div>
1227                                    </div>
1228                            
1229                <div class="border-b border-white/10"
1230                    >
1231                                            <a href="https://wgn.pl/off-market" target="_self"
1232                            class="flex items-center py-4 text-base font-medium text-white hover:text-secondary transition-colors"
1233                            @click="mobileOpen = false">
1234                            Off market
1235                        </a>
1236                                    </div>
1237                            
1238                <div class="border-b border-white/10"
1239                                            x-on:header-open-menu.window="if ($event.detail === 'inwestycje' && window.innerWidth < 1024) { mobileOpen = true; $nextTick(() => { if (!openSub.includes('mob-3')) openSub.push('mob-3'); }); }"
1240                    >
1241                                            <button type="button"
1242                            @click="openSub.includes('mob-3') ? openSub = openSub.filter(k => k !== 'mob-3') : openSub.push('mob-3')"
1243                            class="w-full flex items-center justify-between gap-4 py-4 text-base font-medium text-white cursor-pointer">
1244                            <span>Inwestycje</span>
1245                            <svg width="10" height="5" viewBox="0 0 10 5" fill="none"
1246                                xmlns="http://www.w3.org/2000/svg"
1247                                :class="{ 'rotate-180': openSub.includes('mob-3') }"
1248                                class="transition-transform shrink-0">
1249                                <path d="M4.7627 4.72363L-0.000443872 -0.000156459L9.52583 -0.000157292L4.7627 4.72363Z"
1250                                    fill="white" />
1251                            </svg>
1252                        </button>
1253
1254                        <div x-show="openSub.includes('mob-3')" x-cloak
1255                            x-transition:enter="transition ease-out duration-200"
1256                            x-transition:enter-start="opacity-0 -translate-y-2"
1257                            x-transition:enter-end="opacity-100 translate-y-0" class="flex flex-col pb-2 pl-4">
1258                                                                                                                                <a href="https://apartamentyrezydencje.com/" target="_blank"
1259                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1260                                        @click="mobileOpen = false">
1261                                        Apartamenty i rezydencje
1262                                    </a>
1263                                                                                                                                                                <a href="https://ekskluzyw.pl/" target="_blank"
1264                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1265                                        @click="mobileOpen = false">
1266                                        Nieruchomości premium
1267                                    </a>
1268                                                                                                                                                                <a href="https://www.komercja24.pl/ " target="_blank"
1269                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1270                                        @click="mobileOpen = false">
1271                                        Nieruchomości komercyjne 
1272                                    </a>
1273                                                                                                                                                                <a href="https://www.propertyjournal.pl/ " target="_blank"
1274                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1275                                        @click="mobileOpen = false">
1276                                        Nieruchomości inwestycyjne
1277                                    </a>
1278                                                                                    </div>
1279                                    </div>
1280                            
1281                <div class="border-b border-white/10"
1282                    >
1283                                            <a href="https://cenametra.pl/wycena/mieszkanie/wgn" target="_blank"
1284                            class="flex items-center py-4 text-base font-medium text-white hover:text-secondary transition-colors"
1285                            @click="mobileOpen = false">
1286                            Wyceń
1287                        </a>
1288                                    </div>
1289                            
1290                <div class="border-b border-white/10"
1291                                            x-on:header-open-menu.window="if ($event.detail === 'o-nas' && window.innerWidth < 1024) { mobileOpen = true; $nextTick(() => { if (!openSub.includes('mob-5')) openSub.push('mob-5'); }); }"
1292                    >
1293                                            <button type="button"
1294                            @click="openSub.includes('mob-5') ? openSub = openSub.filter(k => k !== 'mob-5') : openSub.push('mob-5')"
1295                            class="w-full flex items-center justify-between gap-4 py-4 text-base font-medium text-white cursor-pointer">
1296                            <span>O nas</span>
1297                            <svg width="10" height="5" viewBox="0 0 10 5" fill="none"
1298                                xmlns="http://www.w3.org/2000/svg"
1299                                :class="{ 'rotate-180': openSub.includes('mob-5') }"
1300                                class="transition-transform shrink-0">
1301                                <path d="M4.7627 4.72363L-0.000443872 -0.000156459L9.52583 -0.000157292L4.7627 4.72363Z"
1302                                    fill="white" />
1303                            </svg>
1304                        </button>
1305
1306                        <div x-show="openSub.includes('mob-5')" x-cloak
1307                            x-transition:enter="transition ease-out duration-200"
1308                            x-transition:enter-start="opacity-0 -translate-y-2"
1309                            x-transition:enter-end="opacity-100 translate-y-0" class="flex flex-col pb-2 pl-4">
1310                                                                                                                                <a href="https://wgn.pl/artykuly/marka-wgn/profesjonalizm-skutecznosc-doswiadczenie" target="_self"
1311                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1312                                        @click="mobileOpen = false">
1313                                        Marka dla wymagających
1314                                    </a>
1315                                                                                                                                                                <a href="https://wgn.pl/artykuly/marka-wgn/nagrody-i-wyroznienia-dla-wgn" target="_self"
1316                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1317                                        @click="mobileOpen = false">
1318                                        Nagrody i wyróżnienia dla WGN
1319                                    </a>
1320                                                                                                                                                                <a href="https://wgn.pl/artykuly/marka-wgn/rada-polityki-wgn" target="_self"
1321                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1322                                        @click="mobileOpen = false">
1323                                        Rada Polityki WGN
1324                                    </a>
1325                                                                                                                                                                <a href="https://wgn.pl/artykuly/marka-wgn/historia-wgn" target="_self"
1326                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1327                                        @click="mobileOpen = false">
1328                                        Historia WGN
1329                                    </a>
1330                                                                                                                                                                <a href="https://wgn.pl/artykuly/marka-wgn/zyciorys-tworcy-wgn-1" target="_self"
1331                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1332                                        @click="mobileOpen = false">
1333                                        Życiorys twórcy WGN
1334                                    </a>
1335                                                                                                                                                                <a href="https://wgn.pl/artykuly/marka-wgn/gratulacje-od-przyjaciol" target="_self"
1336                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1337                                        @click="mobileOpen = false">
1338                                        Gratulacje od przyjaciół
1339                                    </a>
1340                                                                                    </div>
1341                                    </div>
1342                            
1343                <div class="border-b border-white/10"
1344                                            x-on:header-open-menu.window="if ($event.detail === 'franczyza' && window.innerWidth < 1024) { mobileOpen = true; $nextTick(() => { if (!openSub.includes('mob-6')) openSub.push('mob-6'); }); }"
1345                    >
1346                                            <button type="button"
1347                            @click="openSub.includes('mob-6') ? openSub = openSub.filter(k => k !== 'mob-6') : openSub.push('mob-6')"
1348                            class="w-full flex items-center justify-between gap-4 py-4 text-base font-medium text-white cursor-pointer">
1349                            <span>Franczyza</span>
1350                            <svg width="10" height="5" viewBox="0 0 10 5" fill="none"
1351                                xmlns="http://www.w3.org/2000/svg"
1352                                :class="{ 'rotate-180': openSub.includes('mob-6') }"
1353                                class="transition-transform shrink-0">
1354                                <path d="M4.7627 4.72363L-0.000443872 -0.000156459L9.52583 -0.000157292L4.7627 4.72363Z"
1355                                    fill="white" />
1356                            </svg>
1357                        </button>
1358
1359                        <div x-show="openSub.includes('mob-6')" x-cloak
1360                            x-transition:enter="transition ease-out duration-200"
1361                            x-transition:enter-start="opacity-0 -translate-y-2"
1362                            x-transition:enter-end="opacity-100 translate-y-0" class="flex flex-col pb-2 pl-4">
1363                                                                                                                                <a href="https://wgn.pl/artykuly/wspolpraca/franczyza-nieruchomosci-wgn-zasady-wspolpracy" target="_self"
1364                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1365                                        @click="mobileOpen = false">
1366                                        Franczyza nieruchomości WGN - zasady współpracy
1367                                    </a>
1368                                                                                                                                                                <a href="https://franczyzawgn.pl/opinie-franczyza-nieruchomosci/#more-opinions" target="_blank"
1369                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1370                                        @click="mobileOpen = false">
1371                                        Opinie o franczyzie nieruchomości WGN
1372                                    </a>
1373                                                                                                                                                                <a href="https://franczyzawgn.pl/historia-silnej-marki-franczyzowej-wgn/" target="_blank"
1374                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1375                                        @click="mobileOpen = false">
1376                                        Dlaczego franczyza WGN?
1377                                    </a>
1378                                                                                                                                                                <a href="https://franczyzawgn.pl/czy-warto-inwestowac-we-franczyze-nieruchomosci-historia-nowego-franczyzobiorcy-wgn/" target="_blank"
1379                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1380                                        @click="mobileOpen = false">
1381                                        Korzyści z franczyzy WGN
1382                                    </a>
1383                                                                                                                                                                <a href="https://wgn.pl/wyszukiwarka-wgn" target="_self"
1384                                        class="block py-3 text-base font-medium text-white/70 hover:text-white transition-colors"
1385                                        @click="mobileOpen = false">
1386                                        Umieść bezpłatnie wyszukiwarkę na swojej stronie
1387                                    </a>
1388                                                                                    </div>
1389                                    </div>
1390                            
1391                <div class="border-b border-white/10"
1392                    >
1393                                            <a href="https://wgn.pl/artykuly/wspolpraca/zostan-agentem-nieruchomosci-wgn" target="_self"
1394                            class="flex items-center py-4 text-base font-medium text-white hover:text-secondary transition-colors"
1395                            @click="mobileOpen = false">
1396                            Kariera
1397                        </a>
1398                                    </div>
1399                    </nav>
1400
1401        <div class="shrink-0 flex items-center gap-6 px-6 py-8 border-t border-white/10">
1402            <a href="https://wgn.pl/ulubione" class="hover:opacity-70 transition-opacity relative"
1403                aria-label="Ulubione"
1404                x-data="{
1405                    count: 0,
1406                    init() {
1407                        this.count = window.getFavourites().length;
1408                        window.addEventListener('favourite-changed', () => { this.count = window.getFavourites().length; });
1409                        window.addEventListener('favourites-cleared', 
1409() => { this.count = 0; });
1410                    }
1411                }">
1412                <svg width="20" height="18" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1413                    <path x-show="count === 0" fill-rule="evenodd" clip-rule="evenodd"
1414                        d="M11.7208 0.351248C12.3473 0.102036 13.018 -0.0168283 13.6919 0.00191752C14.3659 0.0206633 15.029 0.176625 15.6406 0.460275C16.252 0.743813 16.7992 1.14899 17.2488 1.65105C19.0685 3.67464 18.7524 6.7759 16.8947 8.64292L16.8936 8.64409L10.1981 15.3396L9.73051 14.872L10.1959 15.3418C9.94665 15.5886 9.61009 15.7271 9.25934 15.7271C8.9086 15.7271 8.57204 15.5886 8.32283 15.3418L8.32058 15.3396L1.45152 8.4705C0.974956 7.99359 0.600459 7.42434 0.351248 6.79787C0.102036 6.1714 -0.0168283 5.5007 0.00191752 4.82675C0.0206633 4.15279 0.176625 3.48973 0.460275 2.87809C0.743813 2.26668 1.14899 1.71948 1.65105 1.26989C3.67464 -0.549767 6.7759 -0.233741 8.64292 1.62394L8.64587 1.62688L9.25959 2.2453L10.0466 1.45306L10.0484 1.45135C10.5253 0.974785 11.0943 0.600459 11.7208 0.351248ZM9.26516 14.4021C9.26508 14.4022 9.26524 14.4021 9.26516 14.4021L15.9572 7.71007C15.9574 7.70991 15.9575 7.70975 15.9577 7.70958C17.3893 6.27034 17.5526 3.96641 16.265 2.53495L16.2639 2.53377C15.9341 2.16539 15.5327 1.86811 15.0842 1.6601C14.6356 1.45209 14.1494 1.33772 13.6552 1.32397C13.1609 1.31022 12.6691 1.39739 12.2097 1.58014C11.7506 1.76276 11.3336 2.03699 10.984 2.3861C10.9837 2.38636 10.9835 2.38663 10.9832 2.38689L9.72847 3.64988C9.60429 3.77488 9.43536 3.84515 9.25917 3.8451C9.08298 3.84506 8.91409 3.7747 8.78997 3.64964L7.70868 2.56009C6.26938 1.12936 3.96611 0.966355 2.53495 2.25371L2.53377 2.25477C2.16539 2.58454 1.86811 2.98596 1.6601 3.4345C1.45209 3.88304 1.33772 4.36929 1.32397 4.86352C1.31022 5.35775 1.39739 5.8496 1.58014 6.30901C1.7629 6.76842 2.03741 7.18574 2.38689 7.53548L9.25353 14.4021C9.25345 14.4021 9.2536 14.4022 9.25353 14.4021C9.25505 14.4035 9.25727 14.4045 9.25934 14.4045C9.26141 14.4045 9.26364 14.4035 9.26516 14.4021Z"
1415                        fill="white" />
1416                    <path x-show="count > 0"
1417                        d="M11.7208 0.351248C12.3473 0.102036 13.018 -0.0168283 13.6919 0.00191752C14.3659 0.0206633 15.029 0.176625 15.6406 0.460275C16.252 0.743813 16.7992 1.14899 17.2488 1.65105C19.0685 3.67464 18.7524 6.7759 16.8947 8.64292L16.8936 8.64409L10.1981 15.3396L9.73051 14.872L10.1959 15.3418C9.94665 15.5886 9.61009 15.7271 9.25934 15.7271C8.9086 15.7271 8.57204 15.5886 8.32283 15.3418L8.32058 15.3396L1.45152 8.4705C0.974956 7.99359 0.600459 7.42434 0.351248 6.79787C0.102036 6.1714 -0.0168283 5.5007 0.00191752 4.82675C0.0206633 4.15279 0.176625 3.48973 0.460275 2.87809C0.743813 2.26668 1.14899 1.71948 1.65105 1.26989C3.67464 -0.549767 6.7759 -0.233741 8.64292 1.62394L8.64587 1.62688L9.25959 2.2453L10.0466 1.45306L10.0484 1.45135C10.5253 0.974785 11.0943 0.600459 11.7208 0.351248Z"
1418                        fill="white" />
1419                </svg>
1420                <span x-show="count > 0" x-text="count"
1421                    class="absolute -top-1 -right-1 min-w-4 h-4 flex items-center justify-center rounded-full bg-red text-white text-[9px] font-bold leading-none px-0.5"></span>
1422            </a>
1423
1424            <div x-data="{ langOpenMob: false, search: '', langs: [], current: 'pl', get filtered() { return this.langs.filter(l => !this.search || l.label.toLowerCase().includes(this.search.toLowerCase()) || l.code.includes(this.search.toLowerCase())); }, init() { this.current = wgnCurrentLang(); this.langs = WGN_ALL_LANGS; } }"
1425                 @click.outside="langOpenMob = false; search = ''" class="relative">
1426                <button type="button" @click="langOpenMob = !langOpenMob"
1427                    class="hover:opacity-70 transition-opacity cursor-pointer flex items-center" aria-label="Język">
1428                    <template x-if="current === 'pl'">
1429                        <svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
1430                            <g clip-path="url(#clip0_mob_flag)">
1431                                <rect width="27" height="27" rx="13.5" fill="white" />
1432                                <rect x="-4.5" y="14" width="38.5" height="20.25" fill="#E60004" />
1433                            </g>
1434                            <defs><clipPath id="clip0_mob_flag"><rect width="27" height="27" rx="13.5" fill="white" /></clipPath></defs>
1435                        </svg>
1436                    </template>
1437                    <template x-if="current !== 'pl'">
1438                        <span class="text-xs font-bold text-white uppercase" x-text="langs.find(l => l.code === current)?.label || current"></span>
1439                    </template>
1440                </button>
1441                <div x-show="langOpenMob" x-cloak
1442                     x-transition:enter="transition ease-out duration-150"
1443                     x-transition:enter-start="opacity-0 translate-y-1"
1444                     x-transition:enter-end="opacity-100 translate-y-0"
1445                     class="absolute left-0 bottom-full mb-2 bg-white rounded-[5px] shadow-lg border border-light z-200 w-52"
1446                     style="display:none">
1447                    <div class="p-2 border-b border-light">
1448                        <input type="text" x-model="search" placeholder="Szukaj języka..."
1449                            class="w-full px-2 py-1.5 text-xs border border-light rounded-xs outline-none focus:border-secondary"
1450                            @click.stop @keydown.escape="langOpenMob = false; search = ''">
1451                    </div>
1452                    <div class="overflow-y-auto max-h-60">
1453                        <template x-for="lang in filtered" :key="lang.code">
1454                            <button type="button"
1455                                @click="wgnSetLanguage(lang.code); langOpenMob = false; search = ''"
1456                                :class="current === lang.code ? 'bg-grey-light font-semibold' : ''"
1457                                class="flex items-center gap-2 w-full px-3 py-1.5 text-sm text-dark hover:bg-grey-light transition-colors cursor-pointer text-left">
1458                                <span x-text="lang.flag" class="text-base leading-none shrink-0"></span>
1459                                <span x-text="lang.label" class="truncate"></span>
1460                            </button>
1461                        </template>
1462                        <p x-show="filtered.length === 0" class="px-3 py-2 text-xs text-grey">Brak wyników</p>
1463                    </div>
1464                </div>
1465            </div>
1466
1467                            <a href="https://wgn.pl/zglos-kupno-sprzedaz" target="_self"
1468                    class="ml-auto inline-flex items-center justify-center rounded-[5px] bg-red px-6 py-3 text-base font-bold text-white hover:brightness-90 transition whitespace-nowrap"
1469                    @click="mobileOpen = false">
1470                    KUP / SPRZEDAJ
1471                </a>
1472                    </div>
1473    </div>
1474
1475</header>
1476
1477    <div id="app" class="relative">
1478        <main id="main" class="main">
1479                        <style>
1480    @media (min-width: 1280px) {
1481        .hs-c9788d4e {
1482            height: 420px;
1483            aspect-ratio: unset;
1484        }
1485    }
1486</style>
1487
1488<div class="relative print:hidden">
1489
1490            <div class="hs-c9788d4e w-full pt-40 pb-40 aspect-square sm:aspect-video relative">
1491
1492            
1493                            <img src="https://wgn.pl/img-cache/1600/full/local/5f75aca0-4533-49ae-ab49-0b3983b9e774.jpg~6659f2d4.webp"  srcset="https://wgn.pl/img-cache/400/full/local/5f75aca0-4533-49ae-ab49-0b3983b9e774.jpg~6659f2d4.webp 400w, https://wgn.pl/img-cache/800/full/local/5f75aca0-4533-49ae-ab49-0b3983b9e774.jpg~6659f2d4.webp 800w, https://wgn.pl/img-cache/1600/full/local/5f75aca0-4533-49ae-ab49-0b3983b9e774.jpg~6659f2d4.webp 1600w" sizes="100vw"         alt="" loading="lazy" decoding="async"
1494                 onerror="this.onerror=null;this.removeAttribute('srcset');this.removeAttribute('sizes');this.src='https://wgn.pl/storage/5f75aca0-4533-49ae-ab49-0b3983b9e774.jpg?v=1776070407';"         class="absolute inset-0 h-full w-full object-cover">
1495            
1496            
1497            <div class="absolute inset-0"
1498                style="background: linear-gradient(180deg, rgba(28, 31, 37, 0.80) 0%, rgba(0, 0, 0, 0.00) 46.19%);">
1499            </div>
1500
1501            
1502            <div class="mx-auto w-full px-6 2xl:px-10 max-w-[1520px]" >
1503    <div class="relative flex flex-col items-center gap-6 z-10 text-center sr-only">
1504                                                                <h1 class="title-1 font-regular text-white ">
1505                            Biura Nieruchomości WGN</h1>
1506                                    </div>
1507</div>
1508        </div>
1509    
1510    <div class="my-10 lg:my-0 lg:absolute lg:bottom-16 xl:bottom-26 left-0 w-full z-100">
1511        <div class="mx-auto w-full px-6 2xl:px-10 max-w-[1760px]" >
1512    <div class="lg:px-20 2xl:px-30">
1513                <div x-data='alpHeroSearch("", "", "", "", false, "", {"Polska":"polska","Cypr":"cypr","Dominikana":"dominikana","Dubaj":"dubaj","Gruzja":"gruzja","Hiszpania":"hiszpania","Tajlandia":"tajlandia","Turcja":"turcja","Zjednoczone Emiraty Arabskie":"zjednoczone-emiraty-arabskie"}, {"USD":3.84039999999999981383780323085375130176544189453125,"EUR":4.375}, true, "wgn.pl", "", false)'
1514    @location-selected="tab === 'biura' ? (biuraLocationSlug = $event.detail.slug, biuraDistrict = $event.detail.district || '') : (locationSlug = $event.detail.slug, locationDistrict = $event.detail.district || '', locationType = $event.detail.type || '')"
1515    @biura-location-typed="biuraLocationSlug = ''; biuraDistrict = ''"
1516    class="bg-white rounded-[15px] lg:relative flex flex-col lg:flex-row w-full lg:outline-[1.5px] lg:outline-white/80 lg:outline-offset-[12px]"
1517    :class="filtersOpen ? 'lg:rounded-b-none!' : ''" style="transition: border-radius 0s">
1518
1519    
1520    <div
1521        class="flex flex-row lg:flex-col shrink-0 border-b border-light lg:border-b-0 lg:border-r-0 lg:self-stretch lg:w-32 2xl:w-40 rounded-t-[15px] overflow-hidden lg:rounded-t-none lg:rounded-l-[15px]">
1522        <button @click="tab = 'nieruchomosci'"
1523            :class="tab === 'nieruchomosci' ? 'bg-white text-dark' : 'bg-grey-light text-black/30'"
1524            class="flex-1 flex items-center justify-center px-3 py-3.5 lg:px-4 lg:py-4 xl:px-5 2xl:px-6 text-xs lg:text-[11px] xl:text-xs 2xl:text-sm font-bold text-center uppercase leading-tight tracking-wide transition-colors cursor-pointer">
1525                            Nieruchomości
1526                    </button>
1527                    <div class="w-px self-stretch lg:hidden bg-light"></div>
1528            <button @click="tab = 'biura'"
1529                :class="tab === 'biura' ? 'bg-white text-dark' : 'bg-grey-light text-black/30'"
1530                class="flex-1 flex items-center justify-center px-3 py-3.5 lg:px-4 lg:py-4 xl:px-5 2xl:px-6 text-xs lg:text-[11px] xl:text-xs 2xl:text-sm font-bold text-center uppercase leading-tight tracking-wide transition-colors cursor-pointer">
1531                Biura WGN
1532            </button>
1533            </div>
1534
1535    
1536    <div class="block lg:hidden px-4 py-5">
1537
1538        
1539        <div x-show="tab === 'nieruchomosci'" class="flex flex-col gap-3">
1540
1541            <div class="grid grid-cols-2 gap-3">
1542                <div class="relative">
1543                    <select x-model="propType" aria-label="Typ nieruchomości"
1544                        class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-3 pr-7 py-2.5 text-sm text-dark cursor-pointer outline-none">
1545                                                    <option value="apartment"
1546                                >
1547                                Mieszkania</option>
1548                                                    <option value="house"
1549                                >
1550                                Domy</option>
1551                                                    <option value="plot"
1552                                >
1553                                Działki</option>
1554                                                    <option value="commercial"
1555                                >
1556                                Komercyjne</option>
1557                                                    <option value="premises"
1558                                >
1559                                Lokale</option>
1560                                                    <option value="garage"
1561                                >
1562                                Garaże</option>
1563                                                    <option value=""
1564                                 x-show="country !== '' && country !== 'Polska'" >
1565                                Wszystkie</option>
1566                                            </select>
1567                    <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg>
1568                    </div>
1569                </div>
1570                <div class="relative">
1571                    <select x-model="transaction" aria-label="Typ transakcji"
1572                        class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-3 pr-7 py-2.5 text-sm text-dark cursor-pointer outline-none">
1573                        <option value="sprzedaz">Sprzedaż</option>
1574                        <option value="wynajem">Wynajem</option>
1575                    </select>
1576                    <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg>
1577                    </div>
1578                </div>
1579            </div>
1580
1581            <div class="relative">
1582                <select x-model="country" aria-label="Kraj"
1583                    class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-3 pr-7 py-2.5 text-sm text-dark cursor-pointer outline-none">
1584                    <option value=""></option>
1585                                            <option value="Polska">Polska</option>
1586                                            <option value="Cypr">Cypr</option>
1587                                            <option value="Dominikana">Dominikana</option>
1588                                            <option value="Dubaj">Dubaj</option>
1589                                            <option value="Gruzja">Gruzja</option>
1590                                            <option value="Hiszpania">Hiszpania</option>
1591                                            <option value="Tajlandia">Tajlandia</option>
1592                                            <option value="Turcja">Turcja</option>
1593                                            <option value="Zjednoczone Emiraty Arabskie">Zjednoczone Emiraty Arabskie</option>
1594                                    </select>
1595                <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg>
1596                </div>
1597            </div>
1598
1599            <div x-data="alpLocationSearch('https://wgn.pl/lokalizacje/wojewodztwa', 'https://wgn.pl/lokalizacje/szukaj', '')" @click.outside="open = false" class="relative">
1600                <div class="flex border border-light rounded-xs bg-grey-light overflow-hidden">
1601                    <input type="text" placeholder="Miejscowość, dzielnica, ulica" x-model="q" data-location-input="offers"
1602                        @focus="open = true" @keydown.escape="open = false"
1603                        class="flex-1 min-w-0 bg-transparent px-3 py-2.5 text-sm text-dark placeholder:text-grey outline-none" />
1604                    <div class="w-px bg-light shrink-0 my-2"></div>
1605                    <div class="relative shrink-0">
1606                        <select name="radius" aria-label="Promień wyszukiwania"
1607                            class="appearance-none bg-transparent pl-3 pr-7 py-2.5 text-sm text-dark cursor-pointer outline-none h-full">
1608                            <option value="0">+0 km</option>
1609                            <option value="5">+5 km</option>
1610                            <option value="10">+10 km</option>
1611                            <option value="15">+15 km</option>
1612                            <option value="25">+25 km</option>
1613                            <option value="30">+30 km</option>
1614                        </select>
1615                        <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
1616                            <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
1617                    </div>
1618                </div>
1619                <div x-show="open" x-transition:enter="transition ease-out duration-150"
1620    x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0"
1621    x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0"
1622    x-transition:leave-end="opacity-0 -translate-y-1" style="display:none"
1623    class="absolute left-0 top-full z-[150] mt-1 w-full min-w-56 bg-white border border-light rounded-sm shadow-lg overflow-y-auto max-h-72">
1624
1625    
1626    <template x-if="q.trim() !== ''">
1627        <div>
1628            <template x-if="loading">
1629                <p class="px-3 py-2.5 text-xs text-grey">Szukam...</p>
1630            </template>
1631            <template x-if="!loading && suggestions.length === 0">
1632                <p class="px-3 py-2.5 text-xs text-grey">Brak wyników</p>
1633            </template>
1634            <template x-for="item in suggestions" :key="item.label">
1635                <button type="button" @click="select(item)"
1636                    class="block w-full text-left px-3 py-2 text-sm text-dark hover:bg-grey-light border-b border-light/60 last:border-0 transition-colors cursor-pointer">
1637                    <span x-text="item.label"></span>
1638                </button>
1639            </template>
1640        </div>
1641    </template>
1642
1643    
1644    <template x-if="q.trim() === ''">
1645        <div>
1646            <template x-if="recent.length > 0">
1647                <div class="border-b border-light">
1648                    <p class="px-3 py-1.5 text-[11px] font-bold text-dark uppercase tracking-wide bg-grey-light/60">
1649                        ostatnio wybrane</p>
1650                    <template x-for="item in recent" :key="item.label">
1651                        <button type="button" @click="select(item)"
1652                            class="block w-full text-left px-3 py-2 text-sm text-dark hover:bg-grey-light border-b border-light/60 last:border-0 transition-colors cursor-pointer">
1653                            <span x-text="item.label"></span>
1654                        </button>
1655                    </template>
1656                </div>
1657            </template>
1658            <p class="px-3 py-1.5 text-[11px] font-bold text-dark uppercase tracking-wide bg-grey-light/60">wpisz lub
1659                wybierz z listy</p>
1660            <button type="button" @click="selectAll()"
1661                class="block w-full text-left px-3 py-2 text-sm text-dark hover:bg-grey-light border-b border-light/60 transition-colors cursor-pointer">
1662                Cała Polska
1663            </button>
1664            <template x-for="item in provinces" :key="item.label">
1665                <button type="button" @click="select(item)"
1666                    class="block w-full text-left px-3 py-2 text-sm text-dark hover:bg-grey-light border-b border-light/60 last:border-0 transition-colors cursor-pointer">
1667                    <span x-text="item.label"></span>
1668                </button>
1669            </template>
1670        </div>
1671    </template>
1672</div>
1673            </div>
1674
1675                            <button type="button" @click="navigateToMap()"
1676                    class="flex items-center gap-2 text-sm font-bold text-dark hover:text-secondary transition-colors cursor-pointer">
1677                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 19 18" fill="none"><path d="M18.0325 16.0066L13.9715 12.1752C14.8474 11.2127 15.4148 10.1206 15.6735 8.89903C15.9323 7.67742 15.8627 6.46506 15.4645 5.26196C15.0664 4.05886 14.3597 3.03159 13.3445 2.18017C12.3292 1.32874 11.1647 0.754955 9.85086 0.458807C8.53702 0.162659 7.23313 0.181168 5.9392 0.514336C4.64527 0.847502 3.51059 1.46756 2.53517 2.37452C1.55974 3.28147 0.892867 4.3365 0.534548 5.5396C0.176228 6.7427 0.156322 7.95506 0.474828 9.17667C0.793334 10.3983 1.41044 11.4811 2.32615 12.425C3.24185 13.369 4.34667 14.0261 5.6406 14.3963C6.93453 14.7665 8.23842 14.8312 9.55226 14.5906C10.8661 14.35 12.0605 13.8225 13.1355 13.0081L17.1964 16.784C17.3158 16.895 17.4552 16.9413 17.6144 16.9228C17.7737 16.9043 17.9031 16.8488 18.0026 16.7562C18.1022 16.6637 18.1619 16.5434 18.1818 16.3953C18.2017 16.2472 18.1519 16.1176 18.0325 16.0066ZM1.49007 7.51083C1.49007 6.40028 1.78867 5.38227 2.38587 4.45681C2.98306 3.53134 3.77933 2.79097 4.77466 2.2357C5.76999 1.68042 6.86486 1.40278 8.05926 1.40278C9.25366 1.40278 10.3485 1.68042 11.3439 2.2357C12.3392 2.79097 13.1355 3.53134 13.7327 4.45681C14.3299 5.38227 14.6285 6.40028 14.6285 7.51083C14.6285 8.62139 14.3299 9.6394 13.7327 10.5649C13.1355 11.4903 12.3392 12.2307 11.3439 12.786C10.3485 13.3413 9.25366 13.6189 8.05926 13.6189C6.86486 13.6189 5.76999 13.3413 4.77466 12.786C3.77933 12.2307 2.98306 11.4903 2.38587 10.5649C1.78867 9.6394 1.49007 8.62139 1.49007 7.51083Z" fill="black" stroke="white" stroke-width="0.5"/></svg> Mapa
1678                </button>
1679            
1680            <div class="flex flex-col gap-1">
1681                <span class="text-xs font-semibold text-dark">Cena</span>
1682                <select name="price_min" aria-label="Cena minimalna"
1683                    class="w-full bg-grey-light border border-light rounded-xs px-3 py-2.5 text-sm text-dark outline-none cursor-pointer">
1684                    <option value="">od</option>
1685                                            <option translate="no" value="50000">50 000</option>
1686                                            <option translate="no" value="100000">100 000</option>
1687                                            <option translate="no" value="150000">150 000</option>
1688                                            <option translate="no" value="200000">200 000</option>
1689                                            <option translate="no" value="250000">250 000</option>
1690                                            <option translate="no" value="300000">300 000</option>
1691                                            <option translate="no" value="350000">350 000</option>
1692                                            <option translate="no" value="400000">400 000</option>
1693                                            <option translate="no" value="450000">450 000</option>
1694                                            <option translate="no" value="500000">500 000</option>
1695                                            <option translate="no" value="550000">550 000</option>
1696                                            <option translate="no" value="600000">600 000</option>
1697                                            <option translate="no" value="650000">650 000</option>
1698                                            <option translate="no" value="700000">700 000</option>
1699                                            <option translate="no" value="750000">750 000</option>
1700                                            <option translate="no" value="800000">800 000</option>
1701                                            <option translate="no" value="850000">850 000</option>
1702                                            <option translate="no" value="900000">900 000</option>
1703                                            <option translate="no" value="950000">950 000</option>
1704                                            <option translate="no" value="1000000">1 000 000</option>
1705                                            <option translate="no" value="1050000">1 050 000</option>
1706                                            <option translate="no" value="1100000">1 100 000</option>
1707                                            <option translate="no" value="1150000">1 150 000</option>
1708                                            <option translate="no" value="1200000">1 200 000</option>
1709                                            <option translate="no" value="1250000">1 250 000</option>
1710                                            <option translate="no" value="1300000">1 300 000</option>
1711                                            <option translate="no" value="1350000">1 350 000</option>
1712                                            <option translate="no" value="1400000">1 400 000</option>
1713                                            <option translate="no" value="1450000">1 450 000</option>
1714                                            <option translate="no" value="1500000">1 500 000</option>
1715                                            <option translate="no" value="1550000">1 550 000</option>
1716                                            <option translate="no" value="1600000">1 600 000</option>
1717                                            <option translate="no" value="1650000">1 650 000</option>
1718                                            <option translate="no" value="1700000">1 700 000</option>
1719                                            <option translate="no" value="1750000">1 750 000</option>
1720                                            <option translate="no" value="1800000">1 800 000</option>
1721                                            <option translate="no" value="1850000">1 850 000</option>
1722                                            <option translate="no" value="1900000">1 900 000</option>
1723                                            <option translate="no" value="1950000">1 950 000</option>
1724                                            <option translate="no" value="2000000">2 000 000</option>
1725                                            <option translate="no" value="2050000">2 050 000</option>
1726                                            <option translate="no" value="2100000">2 100 000</option>
1727                                            <option translate="no" value="2150000">2 150 000</option>
1728                                            <option translate="no" value="2200000">2 200 000</option>
1729                                            <option translate="no" value="2250000">2 250 000</option>
1730                                            <option translate="no" value="2300000">2 300 000</option>
1731                                            <option translate="no" value="2350000">2 350 000</option>
1732                                            <option translate="no" value="2400000">2 400 000</option>
1733                                            <option translate="no" value="2450000">2 450 000</option>
1734                                            <option translate="no" value="2500000">2 500 000</option>
1735                                            <option translate="no" value="2550000">2 550 000</option>
1736                                            <option translate="no" value="2600000">2 600 000</option>
1737                                            <option translate="no" value="2650000">2 650 000</option>
1738                                            <option translate="no" value="2700000">2 700 000</option>
1739                                            <option translate="no" value="2750000">2 750 000</option>
1740                                            <option translate="no" value="2800000">2 800 000</option>
1741                                            <option translate="no" value="2850000">2 850 000</option>
1742                                            <option translate="no" value="2900000">2 900 000</option>
1743                                            <option translate="no" value="2950000">2 950 000</option>
1744                                            <option translate="no" value="3000000">3 000 000</option>
1745                                            <option translate="no" value="3050000">3 050 000</option>
1746                                            <option translate="no" value="3100000">3 100 000</option>
1747                                            <option translate="no" value="3150000">3 150 000</option>
1748                                            <option translate="no" value="3200000">3 200 000</option>
1749                                            <option translate="no" value="3250000">3 250 000</option>
1750                                            <option translate="no" value="3300000">3 300 000</option>
1751                                            <option translate="no" value="3350000">3 350 000</option>
1752                                            <option translate="no" value="3400000">3 400 000</option>
1753                                            <option translate="no" value="3450000">3 450 000</option>
1754                                            <option translate="no" value="3500000">3 500 000</option>
1755                                            <option translate="no" value="3550000">3 550 000</option>
1756                                            <option translate="no" value="3600000">3 600 000</option>
1757                                            <option translate="no" value="3650000">3 650 000</option>
1758                                            <option translate="no" value="3700000">3 700 000</option>
1759                                            <option translate="no" value="3750000">3 750 000</option>
1760                                            <option translate="no" value="3800000">3 800 000</option>
1761                                            <option translate="no" value="3850000">3 850 000</option>
1762                                            <option translate="no" value="3900000">3 900 000</option>
1763                                            <option translate="no" value="3950000">3 950 000</option>
1764                                            <option translate="no" value="4000000">4 000 000</option>
1765                                            <option translate="no" value="4050000">4 050 000</option>
1766                                            <option translate="no" value="4100000">4 100 000</option>
1767                                            <option translate="no" value="4150000">4 150 000</option>
1768                                            <option translate="no" value="4200000">4 200 000</option>
1769                                            <option translate="no" value="4250000">4 250 000</option>
1770                                            <option translate="no" value="4300000">4 300 000</option>
1771                                            <option translate="no" value="4350000">4 350 000</option>
1772                                            <option translate="no" value="4400000">4 400 000</option>
1773                                            <option translate="no" value="4450000">4 450 000</option>
1774                                            <option translate="no" value="4500000">4 500 000</option>
1775                                            <option translate="no" value="4550000">4 550 000</option>
1776                                            <option translate="no" value="4600000">4 600 000</option>
1777                                            <option translate="no" value="4650000">4 650 000</option>
1778                                            <option translate="no" value="4700000">4 700 000</option>
1779                                            <option translate="no" value="4750000">4 750 000</option>
1780                                            <option translate="no" value="4800000">4 800 000</option>
1781                                            <option translate="no" value="4850000">4 850 000</option>
1782                                            <option translate="no" value="4900000">4 900 000</option>
1783                                            <option translate="no" value="4950000">4 950 000</option>
1784                                            <option translate="no" value="5000000">5 000 000</option>
1785                                    </select>
1786                <select name="price_max" aria-label="Cena maksymalna"
1787                    class="w-full bg-grey-light border border-light rounded-xs px-3 py-2.5 text-sm text-dark outline-none cursor-pointer">
1788                    <option value="">do</option>
1789                                            <option translate="no" value="50000">50 000</option>
1790                                            <option translate="no" value="100000">100 000</option>
1791                                            <option translate="no" value="150000">150 000</option>
1792                                            <option translate="no" value="200000">200 000</option>
1793                                            <option translate="no" value="250000">250 000</option>
1794                                            <option translate="no" value="300000">300 000</option>
1795                                            <option translate="no" value="350000">350 000</option>
1796                                            <option translate="no" value="400000">400 000</option>
1797                                            <option translate="no" value="450000">450 000</option>
1798                                            <option translate="no" value="500000">500 000</option>
1799                                            <option translate="no" value="550000">550 000</option>
1800                                            <option translate="no" value="600000">600 000</option>
1801                                            <option translate="no" value="650000">650 000</option>
1802                                            <option translate="no" value="700000">700 000</option>
1803                                            <option translate="no" value="750000">750 000</option>
1804                                            <option translate="no" value="800000">800 000</option>
1805                                            <option translate="no" value="850000">850 000</option>
1806                                            <option translate="no" value="900000">900 000</option>
1807                                            <option translate="no" value="950000">950 000</option>
1808                  
1808                          <option translate="no" value="1000000">1 000 000</option>
1809                                            <option translate="no" value="1050000">1 050 000</option>
1810                                            <option translate="no" value="1100000">1 100 000</option>
1811                                            <option translate="no" value="1150000">1 150 000</option>
1812                                            <option translate="no" value="1200000">1 200 000</option>
1813                                            <option translate="no" value="1250000">1 250 000</option>
1814                                            <option translate="no" value="1300000">1 300 000</option>
1815                                            <option translate="no" value="1350000">1 350 000</option>
1816                                            <option translate="no" value="1400000">1 400 000</option>
1817                                            <option translate="no" value="1450000">1 450 000</option>
1818                                            <option translate="no" value="1500000">1 500 000</option>
1819                                            <option translate="no" value="1550000">1 550 000</option>
1820                                            <option translate="no" value="1600000">1 600 000</option>
1821                                            <option translate="no" value="1650000">1 650 000</option>
1822                                            <option translate="no" value="1700000">1 700 000</option>
1823                                            <option translate="no" value="1750000">1 750 000</option>
1824                                            <option translate="no" value="1800000">1 800 000</option>
1825                                            <option translate="no" value="1850000">1 850 000</option>
1826                                            <option translate="no" value="1900000">1 900 000</option>
1827                                            <option translate="no" value="1950000">1 950 000</option>
1828                                            <option translate="no" value="2000000">2 000 000</option>
1829                                            <option translate="no" value="2050000">2 050 000</option>
1830                                            <option translate="no" value="2100000">2 100 000</option>
1831                                            <option translate="no" value="2150000">2 150 000</option>
1832                                            <option translate="no" value="2200000">2 200 000</option>
1833                                            <option translate="no" value="2250000">2 250 000</option>
1834                                            <option translate="no" value="2300000">2 300 000</option>
1835                                            <option translate="no" value="2350000">2 350 000</option>
1836                                            <option translate="no" value="2400000">2 400 000</option>
1837                                            <option translate="no" value="2450000">2 450 000</option>
1838                                            <option translate="no" value="2500000">2 500 000</option>
1839                                            <option translate="no" value="2550000">2 550 000</option>
1840                                            <option translate="no" value="2600000">2 600 000</option>
1841                                            <option translate="no" value="2650000">2 650 000</option>
1842                                            <option translate="no" value="2700000">2 700 000</option>
1843                                            <option translate="no" value="2750000">2 750 000</option>
1844                                            <option translate="no" value="2800000">2 800 000</option>
1845                                            <option translate="no" value="2850000">2 850 000</option>
1846                                            <option translate="no" value="2900000">2 900 000</option>
1847                                            <option translate="no" value="2950000">2 950 000</option>
1848                                            <option translate="no" value="3000000">3 000 000</option>
1849                                            <option translate="no" value="3050000">3 050 000</option>
1850                                            <option translate="no" value="3100000">3 100 000</option>
1851                                            <option translate="no" value="3150000">3 150 000</option>
1852                                            <option translate="no" value="3200000">3 200 000</option>
1853                                            <option translate="no" value="3250000">3 250 000</option>
1854                                            <option translate="no" value="3300000">3 300 000</option>
1855                                            <option translate="no" value="3350000">3 350 000</option>
1856                                            <option translate="no" value="3400000">3 400 000</option>
1857                                            <option translate="no" value="3450000">3 450 000</option>
1858                                            <option translate="no" value="3500000">3 500 000</option>
1859                                            <option translate="no" value="3550000">3 550 000</option>
1860                                            <option translate="no" value="3600000">3 600 000</option>
1861                                            <option translate="no" value="3650000">3 650 000</option>
1862                                            <option translate="no" value="3700000">3 700 000</option>
1863                                            <option translate="no" value="3750000">3 750 000</option>
1864                                            <option translate="no" value="3800000">3 800 000</option>
1865                                            <option translate="no" value="3850000">3 850 000</option>
1866                                            <option translate="no" value="3900000">3 900 000</option>
1867                                            <option translate="no" value="3950000">3 950 000</option>
1868                                            <option translate="no" value="4000000">4 000 000</option>
1869                                            <option translate="no" value="4050000">4 050 000</option>
1870                                            <option translate="no" value="4100000">4 100 000</option>
1871                                            <option translate="no" value="4150000">4 150 000</option>
1872                                            <option translate="no" value="4200000">4 200 000</option>
1873                                            <option translate="no" value="4250000">4 250 000</option>
1874                                            <option translate="no" value="4300000">4 300 000</option>
1875                                            <option translate="no" value="4350000">4 350 000</option>
1876                                            <option translate="no" value="4400000">4 400 000</option>
1877                                            <option translate="no" value="4450000">4 450 000</option>
1878                                            <option translate="no" value="4500000">4 500 000</option>
1879                                            <option translate="no" value="4550000">4 550 000</option>
1880                                            <option translate="no" value="4600000">4 600 000</option>
1881                                            <option translate="no" value="4650000">4 650 000</option>
1882                                            <option translate="no" value="4700000">4 700 000</option>
1883                                            <option translate="no" value="4750000">4 750 000</option>
1884                                            <option translate="no" value="4800000">4 800 000</option>
1885                                            <option translate="no" value="4850000">4 850 000</option>
1886                                            <option translate="no" value="4900000">4 900 000</option>
1887                                            <option translate="no" value="4950000">4 950 000</option>
1888                                            <option translate="no" value="5000000">5 000 000</option>
1889                                    </select>
1890                <div class="relative">
1891                    <select x-model="priceCurrency" aria-label="Waluta ceny"
1892                        class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-3 pr-7 py-2.5 text-sm text-dark cursor-pointer outline-none">
1893                        <option value="zł">zł</option>
1894                                                    <option value="USD">USD</option>
1895                                                                            <option value="EUR">EUR</option>
1896                                            </select>
1897                    <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg>
1898                    </div>
1899                </div>
1900            </div>
1901
1902            <div class="flex flex-col gap-1">
1903                <span class="text-xs font-semibold text-dark">Powierzchnia w m²</span>
1904                <div class="flex flex-col gap-1.5">
1905                    <input type="text" name="area_min" placeholder="od"
1906                        class="flex-1 bg-grey-light border border-light rounded-xs px-3 py-2.5 text-sm text-dark placeholder:text-grey outline-none" />
1907                    <input type="text" name="area_max" placeholder="do"
1908                        class="flex-1 bg-grey-light border border-light rounded-xs px-3 py-2.5 text-sm text-dark placeholder:text-grey outline-none" />
1909                </div>
1910            </div>
1911
1912            
1913            <div x-show="propType === 'apartment' || propType === 'house'" class="flex flex-col gap-1">
1914                <span class="text-xs font-semibold text-dark">Liczba pokoi</span>
1915                <div class="flex flex-col gap-1.5">
1916                    <input type="text" name="rooms_min" placeholder="od"
1917                        class="flex-1 bg-grey-light border border-light rounded-xs px-3 py-2.5 text-sm text-dark placeholder:text-grey outline-none" />
1918                    <input type="text" name="rooms_max" placeholder="do"
1919                        class="flex-1 bg-grey-light border border-light rounded-xs px-3 py-2.5 text-sm text-dark placeholder:text-grey outline-none" />
1920                </div>
1921            </div>
1922
1923                            <div x-show="propType === 'plot'" style="display: none" class="flex flex-col gap-1">
1924                    <span class="text-xs font-semibold text-dark">Rodzaj działki</span>
1925                    <div x-data="{
1926    open: false,
1927    sel: [],
1928    get label() {
1929        if (this.sel.length === 0) return 'dowolny';
1930        if (this.sel.length === 1) return this.sel[0].charAt(0).toUpperCase() + this.sel[0].slice(1);
1931        return this.sel.length + ' wybrane';
1932    },
1933    toggle(val) {
1934        const i = this.sel.indexOf(val);
1935        i === -1 ? this.sel.push(val) : this.sel.splice(i, 1);
1936    }
1937}" class="relative" @click.outside="open = false">
1938
1939    
1940    <button type="button" @click="open = !open" class="w-full bg-grey-light border border-light rounded-xs px-3 py-2.5 text-sm text-dark cursor-pointer outline-none"
1941        style="display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left;">
1942        <span x-text="label" class="truncate flex-1 min-w-0 mr-1"></span>
1943        <span class="shrink-0 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></span>
1944    </button>
1945
1946    
1947    <div x-show="open" x-cloak
1948        class="absolute top-full left-0 w-full min-w-max bg-white border border-light rounded-xs shadow-lg py-1 mt-0.5 max-h-48 overflow-y-auto z-100"
1949        style="display:none">
1950                    <label
1951                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
1952                <input type="checkbox" name="plot_type[]" value="aktywizacja gospodarcza"
1953                    @change="toggle('aktywizacja gospodarcza')" :checked="sel.includes('aktywizacja gospodarcza')"
1954                    class="accent-secondary shrink-0">
1955                Aktywizacja gospodarcza
1956            </label>
1957                    <label
1958                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
1959                <input type="checkbox" name="plot_type[]" value="bez warunków zabudowy"
1960                    @change="toggle('bez warunków zabudowy')" :checked="sel.includes('bez warunków zabudowy')"
1961                    class="accent-secondary shrink-0">
1962                Bez warunków zabudowy
1963            </label>
1964                    <label
1965                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
1966                <input type="checkbox" name="plot_type[]" value="budowlano rzemieślniczy"
1967                    @change="toggle('budowlano rzemieślniczy')" :checked="sel.includes('budowlano rzemieślniczy')"
1968                    class="accent-secondary shrink-0">
1969                Budowlano rzemieślniczy
1970            </label>
1971                    <label
1972                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
1973                <input type="checkbox" name="plot_type[]" value="budowlany jednorodzinny"
1974                    @change="toggle('budowlany jednorodzinny')" :checked="sel.includes('budowlany jednorodzinny')"
1975                    class="accent-secondary shrink-0">
1976                Budowlany jednorodzinny
1977            </label>
1978                    <label
1979                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
1980                <input type="checkbox" name="plot_type[]" value="budowlany pod bliźniak"
1981                    @change="toggle('budowlany pod bliźniak')" :checked="sel.includes('budowlany pod bliźniak')"
1982                    class="accent-secondary shrink-0">
1983                Budowlany pod bliźniak
1984            </label>
1985                    <label
1986                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
1987                <input type="checkbox" name="plot_type[]" value="budowlany pod szeregowce"
1988                    @change="toggle('budowlany pod szeregowce')" :checked="sel.includes('budowlany pod szeregowce')"
1989                    class="accent-secondary shrink-0">
1990                Budowlany pod szeregowce
1991            </label>
1992                    <label
1993                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
1994                <input type="checkbox" name="plot_type[]" value="budowlany wielorodzinny"
1995                    @change="toggle('budowlany wielorodzinny')" :checked="sel.includes('budowlany wielorodzinny')"
1996                    class="accent-secondary shrink-0">
1997                Budowlany wielorodzinny
1998            </label>
1999                    <label
2000                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2001                <input type="checkbox" name="plot_type[]" value="leśny"
2002                    @change="toggle('leśny')" :checked="sel.includes('leśny')"
2003                    class="accent-secondary shrink-0">
2004                Leśny
2005            </label>
2006                    <label
2007                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2008                <input type="checkbox" name="plot_type[]" value="rekreacyjny/p.o.d."
2009                    @change="toggle('rekreacyjny/p.o.d.')" :checked="sel.includes('rekreacyjny/p.o.d.')"
2010                    class="accent-secondary shrink-0">
2011                Rekreacyjny/p.o.d.
2012            </label>
2013                    <label
2014                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2015                <input type="checkbox" name="plot_type[]" value="rezydencjalny"
2016                    @change="toggle('rezydencjalny')" :checked="sel.includes('rezydencjalny')"
2017                    class="accent-secondary shrink-0">
2018                Rezydencjalny
2019            </label>
2020                    <label
2021                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2022                <input type="checkbox" name="plot_type[]" value="rol
2022ny"
2023                    @change="toggle('rolny')" :checked="sel.includes('rolny')"
2024                    class="accent-secondary shrink-0">
2025                Rolny
2026            </label>
2027                    <label
2028                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2029                <input type="checkbox" name="plot_type[]" value="rolny do przekształcenia"
2030                    @change="toggle('rolny do przekształcenia')" :checked="sel.includes('rolny do przekształcenia')"
2031                    class="accent-secondary shrink-0">
2032                Rolny do przekształcenia
2033            </label>
2034                    <label
2035                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2036                <input type="checkbox" name="plot_type[]" value="siedliskowy"
2037                    @change="toggle('siedliskowy')" :checked="sel.includes('siedliskowy')"
2038                    class="accent-secondary shrink-0">
2039                Siedliskowy
2040            </label>
2041            </div>
2042</div>
2043                </div>
2044            
2045                            <div x-show="propType === 'commercial'" style="display: none" class="flex flex-col gap-1">
2046                    <span class="text-xs font-semibold text-dark">Rodzaj nieruchomości</span>
2047                    <div x-data="{
2048    open: false,
2049    sel: [],
2050    get label() {
2051        if (this.sel.length === 0) return 'dowolny';
2052        if (this.sel.length === 1) return this.sel[0].charAt(0).toUpperCase() + this.sel[0].slice(1);
2053        return this.sel.length + ' wybrane';
2054    },
2055    toggle(val) {
2056        const i = this.sel.indexOf(val);
2057        i === -1 ? this.sel.push(val) : this.sel.splice(i, 1);
2058    }
2059}" class="relative" @click.outside="open = false">
2060
2061    
2062    <button type="button" @click="open = !open" class="w-full bg-grey-light border border-light rounded-xs px-3 py-2.5 text-sm text-dark cursor-pointer outline-none"
2063        style="display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left;">
2064        <span x-text="label" class="truncate flex-1 min-w-0 mr-1"></span>
2065        <span class="shrink-0 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></span>
2066    </button>
2067
2068    
2069    <div x-show="open" x-cloak
2070        class="absolute top-full left-0 w-full min-w-max bg-white border border-light rounded-xs shadow-lg py-1 mt-0.5 max-h-48 overflow-y-auto z-100"
2071        style="display:none">
2072                    <label
2073                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2074                <input type="checkbox" name="commercial_type[]" value="biurowy"
2075                    @change="toggle('biurowy')" :checked="sel.includes('biurowy')"
2076                    class="accent-secondary shrink-0">
2077                Biurowy
2078            </label>
2079                    <label
2080                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2081                <input type="checkbox" name="commercial_type[]" value="budynek wielorodzinny/plomba"
2082                    @change="toggle('budynek wielorodzinny/plomba')" :checked="sel.includes('budynek wielorodzinny/plomba')"
2083                    class="accent-secondary shrink-0">
2084                Budynek wielorodzinny/plomba
2085            </label>
2086                    <label
2087                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2088                <input type="checkbox" name="commercial_type[]" value="gospodarstwo rolne"
2089                    @change="toggle('gospodarstwo rolne')" :checked="sel.includes('gospodarstwo rolne')"
2090                    class="accent-secondary shrink-0">
2091                Gospodarstwo rolne
2092            </label>
2093                    <label
2094                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2095                <input type="checkbox" name="commercial_type[]" value="handlowy"
2096                    @change="toggle('handlowy')" :checked="sel.includes('handlowy')"
2097                    class="accent-secondary shrink-0">
2098                Handlowy
2099            </label>
2100                    <label
2101                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2102                <input type="checkbox" name="commercial_type[]" value="hotelowy"
2103                    @change="toggle('hotelowy')" :checked="sel.includes('hotelowy')"
2104                    class="accent-secondary shrink-0">
2105                Hotelowy
2106            </label>
2107                    <label
2108                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2109                <input type="checkbox" name="commercial_type[]" value="inny komercyjny"
2110                    @change="toggle('inny komercyjny')" :checked="sel.includes('inny komercyjny')"
2111                    class="accent-secondary shrink-0">
2112                Inny komercyjny
2113            </label>
2114                    <label
2115                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2116                <input type="checkbox" name="commercial_type[]" value="inny niekomercyjny"
2117                    @change="toggle('inny niekomercyjny')" :checked="sel.includes('inny niekomercyjny')"
2118                    class="accent-secondary shrink-0">
2119                Inny niekomercyjny
2120            </label>
2121                    <label
2122                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2123                <input type="checkbox" name="commercial_type[]" value="kamienica"
2124                    @change="toggle('kamienica')" :checked="sel.includes('kamienica')"
2125                    class="accent-secondary shrink-0">
2126                Kamienica
2127            </label>
2128                    <label
2129                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2130                <input type="checkbox" name="commercial_type[]" value="magazynowy"
2131                    @change="toggle('magazynowy')" :checked="sel.includes('magazynowy')"
2132                    class="accent-secondary shrink-0">
2133                Magazynowy
2134            </label>
2135                    <label
2136                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2137                <input type="checkbox" name="commercial_type[]" value="pensjonat"
2138                    @change="toggle('pensjonat')" :checked="sel.includes('pensjonat')"
2139                    class="accent-secondary shrink-0">
2140                Pensjonat
2141            </label>
2142                    <label
2143                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2144                <input type="checkbox" name="commercial_type[]" value="produkcja"
2145                    @change="toggle('produkcja')" :checked="sel.includes('produkcja')"
2146                    class="accent-secondary shrink-0">
2147                Produkcja
2148            </label>
2149                    <label
2150                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2151                <input type="checkbox" name="commercial_type[]" value="przemysłowy"
2152                    @change="toggle('przemysłowy')" :checked="sel.includes('przemysłowy')"
2153                    class="accent-secondary shrink-0">
2154                Przemysłowy
2155            </label>
2156                    <label
2157                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2158                <input type="checkbox" name="commercial_type[]" value="przemysłowy/hala"
2159                    @change="toggle('przemysłowy/hala')" :checked="sel.includes('przemysłowy/hala')"
2160                    class="accent-secondary shrink-0">
2161                Przemysłowy/hala
2162            </label>
2163                    <label
2164                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2165                <input type="checkbox" name="commercial_type[]" value="rekreacyjny"
2166                    @change="toggle('rekreacyjny')" :checked="sel.includes('rekreacyjny')"
2167                    class="accent-secondary shrink-0">
2168                Rekreacyjny
2169            </label>
2170                    <label
2171                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2172                <input type="checkbox" name="commercial_type[]" value="restauracja/pub"
2173                    @change="toggle('restauracja/pub')" :checked="sel.includes('restauracja/pub')"
2174                    class="accent-secondary shrink-0">
2175                Restauracja/pub
2176            </label>
2177                    <label
2178                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2179                <input type="checkbox" name="commercial_type[]" value="rezydencjalny"
2180                    @change="toggle('rezydencjalny')" :checked="sel.includes('rezydencjalny')"
2181                    class="accent-secondary shrink-0">
2182                Rezydencjalny
2183            </label>
2184                    <label
2185                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2186                <input type="checkbox" name="commercial_type[]" value="rolny"
2187                    @change="toggle('rolny')" :checked="sel.includes('rolny')"
2188                    class="accent-secondary shrink-0">
2189                Rolny
2190            </label>
2191                    <label
2192                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2193                <input type="checkbox" name="commercial_type[]" value="stadnina"
2194                    @change="toggle('stadnina')" :checked="sel.includes('stadnina')"
2195                    class="accent-secondary shrink-0">
2196                Stadnina
2197            </label>
2198                    <label
2199                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2200                <input type="checkbox" name="commercial_type[]" value="usługowy"
2201                    @change="toggle('usługowy')" :checked="sel.includes('usługowy')"
2202                    class="accent-secondary shrink-0">
2203                Usługowy
2204            </label>
2205                    <label
2206                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2207                <input type="checkbox" name="commercial_type[]" value="warsztatowy"
2208                    @change="toggle('warsztatowy')" :checked="sel.includes('warsztatowy')"
2209                    class="accent-secondary shrink-0">
2210                Warsztatowy
2211            </label>
2212            </div>
2213</div>
2214                </div>
2215            
2216                            <div x-show="propType === 'premises'" style="display: none" class="flex flex-col gap-1">
2217                    <span class="text-xs font-semibold text-dark">Rodzaj lokalu</span>
2218                    <div x-data="{
2219    open: false,
2220    sel: [],
2221    get label() {
2222        if (this.sel.length === 0) return 'dowolny';
2223        if (this.sel.length === 1) return this.sel[0].charAt(0).toUpperCase() + this.sel[0].slice(1);
2224        return this.sel.length + ' wybrane';
2225    },
2226    toggle(val) {
2227        const i = this.sel.indexOf(val);
2228        i === -1 ? this.sel.push(val) : this.sel.splice(i, 1);
2229    }
2230}" class="relative" @click.outside="open = false">
2231
2232    
2233    <button type="button" @click="open = !open" class="w-full bg-grey-light border border-light rounded-xs px-3 py-2.5 text-sm text-dark cursor-pointer outline-none"
2234        style="display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left;">
2235        <span x-text="label" class="truncate flex-1 min-w-0 mr-1"></span>
2236        <span class="shrink-0 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></span>
2237    </button>
2238
2239    
2240    <div x-show="open" x-cloak
2241        class="absolute top-full left-0 w-full min-w-max bg-white border border-light rounded-xs shadow-lg py-1 mt-0.5 max-h-48 overflow-y-auto z-100"
2242        style="display:none">
2243                    <label
2244                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2245                <input type="checkbox" name="premises_type[]" value="biurowy"
2246                    @change="toggle('biurowy')" :checked="sel.includes('biurowy')"
2247                    class="accent-secondary shrink-0">
2248                Biurowy
2249            </label>
2250                    <label
2251                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2252                <input type="checkbox" name="premises_type[]" value="gastronomia"
2253                    @change="toggle('gastronomia')" :checked="sel.includes('gastronomia')"
2254                    class="accent-secondary shrink-0">
2255                Gastronomia
2256            </label>
2257                    <label
2258                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2259                <input type="checkbox" name="premises_type[]" value="handlowy"
2260                    @change="toggle('handlowy')" :checked="sel.includes('handlowy')"
2261                    class="accent-secondary shrink-0">
2262                Handlowy
2263            </label>
2264                    <label
2265                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2266                <input type="checkbox" name="premises_type[]" value="hotelowy"
2267                    @change="toggle('hotelowy')" :checked="sel.includes('hotelowy')"
2268                    class="accent-secondary shrink-0">
2269                Hotelowy
2270            </label>
2271                    <label
2272                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2273                <input type="checkbox" name="premises_type[]" value="przemysłowy"
2274                    @change="toggle('przemysłowy')" :checked="sel.includes('przemysłowy')"
2275                    class="accent-secondary shrink-0">
2276                Przemysłowy
2277            </label>
2278                    <label
2279                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2280                <input type="checkbox" name="premises_type[]" value="usługowy"
2281                    @change="toggle('usługowy')" :checked="sel.includes('usługowy')"
2282                    class="accent-secondary shrink-0">
2283                Usługowy
2284            </label>
2285                    <label
2286                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2287                <input type="checkbox" name="premises_type[]" value="warsztatowy"
2288                    @change="toggle('warsztatowy')" :checked="sel.includes('warsztatowy')"
2289                    class="accent-secondary shrink-0">
2290                Warsztatowy
2291            </label>
2292            </div>
2293</div>
2294                </div>
2295            
2296                            <div x-show="propType === 'garage'" style="display: none" class="flex flex-col gap-1">
2297                    <span class="text-xs font-semibold text-dark">Rodzaj garażu</span>
2298                    <div x-data="{
2299    open: false,
2300    sel: [],
2301    get label() {
2302        if (this.sel.length === 0) return 'dowolny';
2303        if (this.sel.length === 1) return this.sel[0].charAt(0).toUpperCase() + this.sel[0].slice(1);
2304        return this.sel.length + ' wybrane';
2305    },
2306    toggle(val) {
2307        const i = this.sel.indexOf(val);
2308        i === -1 ? this.sel.push(val) : this.sel.splice(i, 1);
2309    }
2310}" class="relative" @click.outside="open = false">
2311
2312    
2313    <button type="button" @click="open = !open" class="w-full bg-grey-light border border-light rounded-xs px-3 py-2.5 text-sm text-dark cursor-pointer outline-none"
2314        style="display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left;">
2315        <span x-text="label" class="truncate flex-1 min-w-0 mr-1"></span>
2316        <span class="shrink-0 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></span>
2317    </button>
2318
2319    
2320    <div x-show="open" x-cloak
2321        class="absolute top-full left-0 w-full min-w-max bg-white border border-light rounded-xs shadow-lg py-1 mt-0.5 max-h-48 overflow-y-auto z-100"
2322        style="display:none">
2323                    <label
2324                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2325                <input type="checkbox" name="garage_type[]" value="miejsce parkingowe"
2326                    @change="toggle('miejsce parkingowe')" :checked="sel.includes('miejsce parkingowe')"
2327                    class="accent-secondary shrink-0">
2328                Miejsce parkingowe
2329            </label>
2330                    <label
2331                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2332                <input type="checkbox" name="garage_type[]" value="miejsce w garażu podziemnym"
2333                    @change="toggle('miejsce w garażu podziemnym')" :checked="sel.includes('miejsce w garażu podziemnym')"
2334                    class="accent-secondary shrink-0">
2335                Miejsce w garażu podziemnym
2336            </label>
2337                    <label
2338                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2339                <input type="checkbox" name="garage_type[]" value="na placu z garażami"
2340                    @change="toggle('na placu z garażami')" :checked="sel.includes('na placu z garażami')"
2341                    class="accent-secondary shrink-0">
2342                Na placu z garażami
2343            </label>
2344                    <label
2345                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2346                <input type="checkbox" name="garage_type[]" value="w budynku"
2347                    @change="toggle('w budynku')" :checked="sel.includes('w budynku')"
2348                    class="accent-secondary shrink-0">
2349                W budynku
2350            </label>
2351                    <label
2352                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2353                <input type="checkbox" name="garage_type[]" value="wolnostojący"
2354                    @change="toggle('wolnostojący')" :checked="sel.includes('wolnostojący')"
2355                    class="accent-secondary shrink-0">
2356                Wolnostojący
2357            </label>
2358            </div>
2359</div>
2360                </div>
2361            
2362            
2363            <div x-show="filtersOpen" style="display:none" class="overflow-hidden"
2364                x-transition:enter="transition-all ease-out duration-300" x-transition:enter-start="opacity-0 max-h-0"
2365                x-transition:enter-end="opacity-100 max-h-[2000px]"
2366                x-transition:leave="transition-all ease-in duration-200"
2367                x-transition:leave-start="opacity-100 max-h-[2000px]" x-transition:leave-end="opacity-0 max-h-0">
2368                <div class="flex flex-col gap-3 border-t border-light pt-3">
2369
2370                    
2371                    <template x-if="propType === 'apartment'">
2372                        <div class="flex flex-col gap-3">
2373                            <div class="flex flex-col gap-1">
2374                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rynek</span>
2375                                <div class="relative">
2376                                    <select name="market" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
2377                                        <option value="">dowolny</option>
2378                                        <option value="1">pierwotny</option>
2379                                        <option value="0">wtórny</option>
2380                                    </select>
2381                                    <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
2382                                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
2383                                </div>
2384                            </div>
2385                            <div class="flex flex-col gap-1">
2386                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Piętro (0=parter)</span>
2387                                <div class="flex gap-2">
2388                                    <input type="number" name="floor_from" placeholder="od"
2389                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2390                                    <input type="number" name="floor_to" placeholder="do"
2391                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2392                                </div>
2393                            </div>
2394                            <div class="flex flex-col gap-1">
2395                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Liczba kondygnacji w budynku</span>
2396                                <div class="flex gap-2">
2397                                    <input type="number" name="floors_from" placeholder="od"
2398                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2399                                    <input type="number" name="floors_to" placeholder="do"
2400                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2401                                </div>
2402                            </div>
2403                            <div class="flex flex-col gap-1">
2404                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rok budowy</span>
2405                                <div class="flex gap-2">
2406                                    <input type="number" name="year_from" placeholder="od"
2407                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2408                                    <input type="number" name="year_to" placeholder="do"
2409                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2410                                </div>
2411                            </div>
2412                            <div class="flex flex-col gap-1">
2413                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Cena za 1m²</span>
2414                                <div class="flex gap-2">
2415                                    <select name="price_m2_from" class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
2416                                        <option value="">od</option>
2417                                                                                    <option translate="no" value="1000">1 000
2418                                            </option>
2419                                                                                    <option translate="no" value="2000">2 000
2420                                            </option>
2421                                                                                    <option translate="no" value="3000">3 000
2422                                            </option>
2423                                                                                    <option translate="no" value="4000">4 000
2424                                            </option>
2425                                                                                    <option translate="no" value="5000">5 000
2426                                            </option>
2427                                                                                    <option translate="no" value="6000">6 000
2428                                            </option>
2429                                                                                    <option translate="no" value="7000">7 000
2430                                            </option>
2431                                                                                    <option translate="no" value="8000">8 000
2432                                            </option>
2433                                                                                    <option translate="no" value="9000">9 000
2434                                            </option>
2435                                                                                    <option translate="no" value="10000">10 000
2436                                            </option>
2437                                                                                    <option translate="no" value="11000">11 000
2438                                            </option>
2439                                                                                    <option translate="no" value="12000">12 000
2440                                            </option>
2441                                                                                    <option translate="no" value="13000">13 000
2442                                            </option>
2443                                                                                    <option translate="no" value="14000">14 000
2444                                            </option>
2445                                                                                    <option translate="no" value="15000">15 000
2446                                            </option>
2447                                                                                    <option translate="no" value="16000">16 000
2448                                            </option>
2449                                                                                    <option translate="no" value="17000">17 000
2450                                            </option>
2451                                                                                    <option translate="no" value="18000">18 000
2452                                            </option>
2453                                                                                    <option translate="no" value="19000">19 000
2454                                            </option>
2455                                                                                    <option translate="no" value="20000">20 000
2456                                            </option>
2457                                                                            </select>
2458                                    <select name="price_m2_to" class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
2459                                        <option value="">do</option>
2460                                                                                    <option translate="no" value="1000">1 000
2461                                            </option>
2462                                                                                    <option translate="no" value="2000">2 000
2463                                            </option>
2464                                                                                    <option translate="no" value="3000">3 000
2465                                            </option>
2466                                                                                    <option translate="no" value="4000">4 000
2467                                            </option>
2468                                                                                    <option translate="no" value="5000">5 000
2469                                            </option>
2470                                                                                    <option translate="no" value="6000">6 000
2471                                            </option>
2472                                                                                    <option translate="no" value="7000">7 000
2473                                            </option>
2474                                                                                    <option translate="no" value="8000">8 000
2475                                            </option>
2476                                                                                    <option translate="no" value="9000">9 000
2477                                            </option>
2478                                                                                    <option translate="no" value="10000">10 000
2479                                            </option>
2480                                                                                    <option translate="no" value="11000">11 000
2481                                            </option>
2482                                                                                    <option translate="no" value="12000">12 000
2483                                            </option>
2484                                                                                    <option translate="no" value="13000">13 000
2485                                            </option>
2486                                                                                    <option translate="no" value="14000">14 000
2487                                            </option>
2488                                                                                    <option translate="no" value="15000">15 000
2489                                            </option>
2490                                                                                    <option translate="no" value="16000">16 000
2491                                            </option>
2492                                                                                    <option translate="no" value="17000">17 000
2493                                            </option>
2494                                                                                    <option translate="no" value="18000">18 000
2495                                            </option>
2496                                                                                    <option translate="no" value="19000">19 000
2497                                            </option>
2498                                                                                    <option translate="no" value="20000">20 000
2499                                            </option>
2500                                                                            </select>
2501                                </div>
2502                            </div>
2503                            <div class="flex flex-col gap-1">
2504                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
2505                                <input type="text" name="keyword" placeholder="słowa kluczowe"
2506                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2507                            </div>
2508                            <div class="flex flex-col gap-1">
2509                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
2510                                <input type="text" name="offer_number" placeholder="np. WGN-123"
2511                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2512                            </div>
2513                            <div class="flex flex-col gap-1.5">
2514                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
2515                                        class="accent-secondary"> Tylko ze zdjęciem</label>
2516                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
2517                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
2518                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
2519                                        class="accent-secondary"> Tylko oferty na wyłączność</label>
2520                            </div>
2521                            <div class="flex flex-col gap-1.5">
2522                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Dodatkowe informacje</span>
2523                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="garage"
2524                                        class="accent-secondary"> garaż / miejsca parkingowe</label>
2525                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="elevator"
2526                                        class="accent-secondary"> winda</label>
2527                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="balcony"
2528                                        class="accent-secondary"> balkon / taras / loggia</label>
2529                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="garden"
2530                                        class="accent-secondary"> ogródek</label>
2531                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="monitoring"
2532                                        class="accent-secondary"> monitoring / ochrona</label>
2533                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="kitchenette"
2534                                        class="accent-secondary"> oddzielna kuchnia</label>
2535                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="air_conditioning"
2536                                        class="accent-secondary"> klimatyzacja</label>
2537                            </div>
2538                        </div>
2539                    </template>
2540
2541                    
2542                    <template x-if="propType === 'house'">
2543                        <div class="flex flex-col gap-3">
2544                            <div class="flex flex-col gap-1">
2545                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rynek</span>
2546                                <div class="relative">
2547                                    <select name="market" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
2548                                        <option value="">dowolny</option>
2549                                        <option value="1">pierwotny</option>
2550                                        <option value="0">wtórny</option>
2551                                    </select>
2552                                    <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
2553                                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
2554                                </div>
2555                            </div>
2556                                                            <div class="flex flex-col gap-1">
2557                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rodzaj domu</span>
2558                                    <div x-data="{
2559    open: false,
2560    sel: [],
2561    get label() {
2562        if (this.sel.length === 0) return 'dowolny';
2563        if (this.sel.length === 1) return this.sel[0].charAt(0).toUpperCase() + this.sel[0].slice(1);
2564        return this.sel.length + ' wybrane';
2565    },
2566    toggle(val) {
2567        const i = this.sel.indexOf(val);
2568        i === -1 ? this.sel.push(val) : this.sel.splice(i, 1);
2569    }
2570}" class="relative" @click.outside="open = false">
2571
2572    
2573    <button type="button" @click="open = !open" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none"
2574        style="display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left;">
2575        <span x-text="label" class="truncate flex-1 min-w-0 mr-1"></span>
2576        <span class="shrink-0 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></span>
2577    </button>
2578
2579    
2580    <div x-show="open" x-cloak
2581        class="absolute top-full left-0 w-full min-w-max bg-white border border-light rounded-xs shadow-lg py-1 mt-0.5 max-h-48 overflow-y-auto z-100"
2582        style="display:none">
2583                    <label
2584                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2585                <input type="checkbox" name="house_type[]" value="bliźniak"
2586                    @change="toggle('bliźniak')" :checked="sel.includes('bliźniak')"
2587                    class="accent-secondary shrink-0">
2588                Bliźniak
2589            </label>
2590                    <label
2591                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2592                <input type="checkbox" name="house_type[]" value="dom z warsztatem"
2593                    @change="toggle('dom z warsztatem')" :checked="sel.includes('dom z warsztatem')"
2594                    class="accent-secondary shrink-0">
2595                Dom z warsztatem
2596            </label>
2597                    <label
2598                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2599                <input type="checkbox" name="house_type[]" value="dworek/posiadłość"
2600                    @change="toggle('dworek/posiadłość')" :checked="sel.includes('dworek/posiadłość')"
2601                    class="accent-secondary shrink-0">
2602                Dworek/posiadłość
2603            </label>
2604                    <label
2605                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2606                <input type="checkbox" name="house_type[]" value="letniskowy"
2607                    @change="toggle('letniskowy')" :checked="sel.includes('letniskowy')"
2608                    class="accent-secondary shrink-0">
2609                Letniskowy
2610            </label>
2611                    <label
2612                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2613                <input type="checkbox" name="house_type[]" value="pałac/zamek"
2614                    @change="toggle('pałac/zamek')" :checked="sel.includes('pałac/zamek')"
2615                    class="accent-secondary shrink-0">
2616                Pałac/zamek
2617            </label>
2618                    <label
2619                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2620                <input type="checkbox" name="house_type[]" value="szeregowiec"
2621                    @change="toggle('szeregowiec')" :checked="sel.includes('szeregowiec')"
2622                    class="accent-secondary shrink-0">
2623                Szeregowiec
2624            </label>
2625                    <label
2626                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2627                <input type="checkbox" name="house_type[]" value="willa/rezydencja"
2628                    @change="toggle('willa/rezydencja')" :checked="sel.includes('willa/rezydencja')"
2629                    class="accent-secondary shrink-0">
2630                Willa/rezydencja
2631            </label>
2632                    <label
2633                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
2634                <input type="checkbox" name="house_type[]" value="wolnostojący"
2635                    @change="toggle('wolnostojący')" :checked="sel.includes('wolnostojący')"
2636                    class="accent-secondary shrink-0">
2637                Wolnostojący
2638            </label>
2639            </div>
2640</div>
2641                                </div>
2642                                                        <div class="flex flex-col gap-1">
2643                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Powierzchnia działki m²</span>
2644                                <div class="flex gap-2">
2645                                    <input type="number" name="plot_area_from" placeholder="od"
2646                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2647                                    <input type="number" name="plot_area_to" placeholder="do"
2648                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2649                                </div>
2650                            </div>
2651                            <div class="flex flex-col gap-1">
2652                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Liczba kondygnacji w budynku</span>
2653                                <div class="flex gap-2">
2654                                    <input type="number" name="floors_from" placeholder="od"
2655                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2656                                    <input type="number" name="floors_to" placeholder="do"
2657                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2658                                </div>
2659                            </div>
2660                            <div class="flex flex-col gap-1">
2661                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Stan techniczny</span>
2662                                <div class="relative">
2663                                    <select name="condition" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
2664                                        <option value="">dowolny</option>
2665                                                                                    <option value="deweloperski">Deweloperski</option>
2666                                                                                    <option value="do dokończenia">Do dokończenia</option>
2667                                                                                    <option value="do remontu">Do remontu</option>
2668                                                                                    <option value="dobry">Dobry</option>
2669                                                                                    <option value="komfort">Komfort</option>
2670                                                                                    <option value="po remoncie">Po remoncie</option>
2671                                                                                    <option value="standard">Standard</option>
2672                                                                                    <option value="surowy otwarty">Surowy otwarty</option>
2673                                                                                    <option value="surowy zamkniety">Surowy zamkniety</option>
2674                                                                                    <option value="wysoki standard">Wysoki standard</option>
2675                                                                            </select>
2676                                    <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
2677                                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
2678                                </div>
2679                            </div>
2680                            <div class="flex flex-col gap-1">
2681                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rok budowy</span>
2682                                <div class="flex gap-2">
2683                                    <input type="number" name="year_from" placeholder="od"
2684                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2685                                    <input type="number" name="year_to" placeholder="do"
2686                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2687                                </div>
2688                            </div>
2689                            <div class="flex flex-col gap-1">
2690                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Cena za 1m²</span>
2691                                <div class="flex gap-2">
2692                                    <select name="price_m2_from" class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
2693                                        <option value="">od</option>
2694                                                                                    <option translate="no" value="1000">1 000
2695                                            </option>
2696                                                                                    <option translate="no" value="2000">2 000
2697                                            </option>
2698                                                                                    <option translate="no" value="3000">3 000
2699                                            </option>
2700                                                                                    <option translate="no" value="4000">4 000
2701                                            </option>
2702                                                                                    <option translate="no" value="5000">5 000
2703                                            </option>
2704                                                                                    <option translate="no" value="6000">6 000
2705                                            </option>
2706                                                                                    <option translate="no" value="7000">7 000
2707                                            </option>
2708                                                                                    <option translate="no" value="8000">8 000
2709                                            </option>
2710                                                                                    <option translate="no" value="9000">9 000
2711                                            </option>
2712                                                                                    <option translate="no" value="10000">10 000
2713                                            </option>
2714                                                                                    <option translate="no" value="11000">11 000
2715                                            </option>
2716                                                                                    <option translate="no" value="12000">12 000
2717                                            </option>
2718                                                                                    <option translate="no" value="13000">13 000
2719                                            </option>
2720                                                                                    <option translate="no" value="14000">14 000
2721                                            </option>
2722                                                                                    <option translate="no" value="15000">15 000
2723                                            </option>
2724                                                                                    <option translate="no" value="16000">16 000
2725                                            </option>
2726                                                                                    <option translate="no" value="17000">17 000
2727                                            </option>
2728                                                                                    <option translate="no" value="18000">18 000
2729                                            </option>
2730                                                                                    <option translate="no" value="19000">19 000
2731                                            </option>
2732                                                                                    <option translate="no" value="20000">20 000
2733                                            </option>
2734                                                                            </select>
2735                                    <select name="price_m2_to" class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
2736                                        <option value="">do</option>
2737                                                                                    <option translate="no" value="1000">1 000
2738                                            </option>
2739                                                                                    <option translate="no" value="2000">2 000
2740                                            </option>
2741                                                                                    <option translate="no" value="3000">3 000
2742                                            </option>
2743                                                                                    <option translate="no" value="4000">4 000
2744                                            </option>
2745                                                                                    <option translate="no" value="5000">5 000
2746                                            </option>
2747                                                                                    <option translate="no" value="6000">6 000
2748                                            </option>
2749                                                                                    <option translate="no" value="7000">7 000
2750                                            </option>
2751                                                                                    <option translate="no" value="8000">8 000
2752                                            </option>
2753                                                                                    <option translate="no" value="9000">9 000
2754                                            </option>
2755                                                                                    <option translate="no" value="10000">10 000
2756                                            </option>
2757                                                                                    <option translate="no" value="11000">11 000
2758                                            </option>
2759                                                                                    <option translate="no" value="12000">12 000
2760                                            </option>
2761                                                                                    <option translate="no" value="13000">13 000
2762                                            </option>
2763                                                                                    <option translate="no" value="14000">14 000
2764                                            </option>
2765                                                                                    <option translate="no" value="15000">15 000
2766                                            </option>
2767                                                                                    <option translate="no" value="16000">16 000
2768                                            </option>
2769                                                                                    <option translate="no" value="17000">17 000
2770                                            </option>
2771                                                                                    <option translate="no" value="18000">18 000
2772                                            </option>
2773                                                                                    <option translate="no" value="19000">19 000
2774                                            </option>
2775                                                                                    <option translate="no" value="20000">20 000
2776                                            </option>
2777                                                                            </select>
2778                                </div>
2779                            </div>
2780                            <div class="flex flex-col gap-1">
2781                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
2782                                <input type="text" name="keyword" placeholder="słowa kluczowe"
2783                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2784                            </div>
2785                            <div class="flex flex-col gap-1">
2786                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
2787                                <input type="text" name="offer_number" placeholder="np. WGN-123"
2788                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2789                            </div>
2790                            <div class="flex flex-col gap-1.5">
2791                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
2792                                        class="accent-secondary"> Tylko ze zdjęciem</label>
2793                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
2794                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
2795                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
2796                                        class="accent-secondary"> Tylko oferty na wyłączność</label>
2797                            </div>
2798                            <div class="flex flex-col gap-1.5">
2799                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Dodatkowe informacje</span>
2800                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="balcony"
2801                                        class="accent-secondary"> balkon / taras / loggia</label>
2802                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="monitoring"
2803                                        class="accent-secondary"> monitoring / ochrona</label>
2804                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="air_conditioning"
2805                                        class="accent-secondary"> klimatyzacja</label>
2806                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="garage"
2807                                        class="accent-secondary"> garaż</label>
2808                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="basement"
2809                                        class="accent-secondary"> piwnica</label>
2810                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="pool"
2811                                        class="accent-secondary"> basen</label>
2812                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox"
2813                                        name="anti_burglary_blinds" class="accent-secondary"> rolety
2814                                    antywłamaniowe</label>
2815                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox"
2816                                        name="anti_burglary_doors_windows" class="accent-secondary"> okna / drzwi
2817                                    antywłamaniowe</label>
2818                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="alarm"
2819                                        class="accent-secondary"> system alarmowy</label>
2820                            </div>
2821                        </div>
2822                    </template>
2823
2824                    
2825                    <template x-if="propType === 'plot'">
2826                        <div class="flex flex-col gap-3">
2827                            <div class="flex flex-col gap-1">
2828                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Cena za 1m²</span>
2829                                <div class="flex gap-2">
2830                                    <select name="price_m2_from" class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
2831                                        <option value="">od</option>
2832                                                                                    <option translate="no" value="1000">1 000
2833                                            </option>
2834                                                                                    <option translate="no" value="2000">2 000
2835                                            </option>
2836                                                                                    <option translate="no" value="3000">3 000
2837                                            </option>
2838                                                                                    <option translate="no" value="4000">4 000
2839                                            </option>
2840                                                                                    <option translate="no" value="5000">5 000
2841                                            </option>
2842                                                                                    <option translate="no" value="6000">6 000
2843                                            </option>
2844                                                                                    <option translate="no" value="7000">7 000
2845                                            </option>
2846                                                                                    <option translate="no" value="8000">8 000
2847                                            </option>
2848                                                                                    <option translate="no" value="9000">9 000
2849                                            </option>
2850                                                                                    <option translate="no" value="10000">10 000
2851                                            </option>
2852                                                                                    <option translate="no" value="11000">11 000
2853                                            </option>
2854                                                                                    <option translate="no" value="12000">12 000
2855                                            </option>
2856                                                                                    <option translate="no" value="13000">13 000
2857                                            </option>
2858                                                                                    <option translate="no" value="14000">14 000
2859                                            </option>
2860                                                                                    <option translate="no" value="15000">15 000
2861                                            </option>
2862                                                                                    <option translate="no" value="16000">16 000
2863                                            </option>
2864                                                                                    <option translate="no" value="17000">17 000
2865                                            </option>
2866                                                                                    <option translate="no" value="18000">18 000
2867                                            </option>
2868                                                                                    <option translate="no" value="19000">19 000
2869                                            </option>
2870                                                                                    <option translate="no" value="20000">20 000
2871                                            </option>
2872                                                                            </select>
2873                                    <select name="price_m2_to" class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
2874                                        <option value="">do</option>
2875                                                                                    <option translate="no" value="1000">1 000
2876                                            </option>
2877                                                                                    <option translate="no" value="2000">2 000
2878                                            </option>
2879                                                                                    <option translate="no" value="3000">3 000
2880                                            </option>
2881                                                                                    <option translate="no" value="4000">4 000
2882                                            </option>
2883                                                                                    <option translate="no" value="5000">5 000
2884                                            </option>
2885                                                                                    <option translate="no" value="6000">6 000
2886                                            </option>
2887                                                                                    <option translate="no" value="7000">7 000
2888                                            </option>
2889                                                                                    <option translate="no" value="8000">8 000
2890                                            </option>
2891                                                                                    <option translate="no" value="9000">9 000
2892                                            </option>
2893                                                                                    <option translate="no" value="10000">10 000
2894                                            </option>
2895                                                                                    <option translate="no" value="11000">11 000
2896                                            </option>
2897                                                                                    <option translate="no" value="12000">12 000
2898                                            </option>
2899                                                                                    <option translate="no" value="13000">13 000
2900                                            </option>
2901                                                                                    <option translate="no" value="14000">14 000
2902                                            </option>
2903                                                                                    <option translate="no" value="15000">15 000
2904                                            </option>
2905                                                                                    <option translate="no" value="16000">16 000
2906                                            </option>
2907                                                                                    <option translate="no" value="17000">17 000
2908                                            </option>
2909                                                                                    <option translate="no" value="18000">18 000
2910                                            </option>
2911                                                                                    <option translate="no" value="19000">19 000
2912                                            </option>
2913                                                                                    <option translate="no" value="20000">20 000
2914                                            </option>
2915                                                                            </select>
2916                                </div>
2917                            </div>
2918                            <div class="flex flex-col gap-1">
2919                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
2920                                <input type="text" name="keyword" placeholder="słowa kluczowe"
2921                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2922                            </div>
2923                            <div class="flex flex-col gap-1">
2924                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
2925                                <input type="text" name="offer_number" placeholder="np. WGN-123"
2926                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2927                            </div>
2928                            <div class="flex flex-col gap-1.5">
2929                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
2930                                        class="accent-secondary"> Tylko ze zdjęciem</label>
2931                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
2932                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
2933                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
2934                                        class="accent-secondary"> Tylko oferty na wyłączność</label>
2935                            </div>
2936                            <div class="flex flex-col gap-1.5">
2937                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Media</span>
2938                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="water"
2939                                        class="accent-secondary"> woda</label>
2940                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="electricity"
2941                                        class="accent-secondary"> prąd</label>
2942                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="gas"
2943                                        class="accent-secondary"> gaz</label>
2944                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="sewage"
2945                                        class="accent-secondary"> kanalizacja</label>
2946                            </div>
2947                            <div class="flex flex-col gap-1.5">
2948                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Sąsiedztwo</span>
2949                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="near_forest"
2950                                        class="accent-secondary"> las</label>
2951                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="near_lake"
2952                                        class="accent-secondary"> jezioro</label>
2953                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="near_mountains"
2954                                        class="accent-secondary"> góry</label>
2955                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="near_sea"
2956                                        class="accent-secondary"> morze</label>
2957                            </div>
2958                        </div>
2959                    </template>
2960
2961                    
2962                    <template x-if="propType === 'commercial'">
2963                        <div class="flex flex-col gap-3">
2964                            <div class="flex flex-col gap-1">
2965                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rynek</span>
2966                                <div class="relative">
2967                                    <select name="market" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
2968                                        <option value="">dowolny</option>
2969                                        <option value="1">pierwotny</option>
2970                                        <option value="0">wtórny</option>
2971                                    </select>
2972                                    <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
2973                                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
2974                                </div>
2975                            </div>
2976                            <div class="flex flex-col gap-1">
2977                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Piętro (0=parter)</span>
2978                                <div class="flex gap-2">
2979                                    <input type="number" name="floor_from" placeholder="od"
2980                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2981                                    <input type="number" name="floor_to" placeholder="do"
2982                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2983                                </div>
2984                            </div>
2985                            <div class="flex flex-col gap-1">
2986                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Liczba kondygnacji w budynku</span>
2987                                <div class="flex gap-2">
2988                                    <input type="number" name="floors_from" placeholder="od"
2989                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2990                                    <input type="number" name="floors_to" placeholder="do"
2991                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2992                                </div>
2993                            </div>
2994                            <div class="flex flex-col gap-1">
2995                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rok budowy</span>
2996                                <div class="flex gap-2">
2997                                    <input type="number" name="year_from" placeholder="od"
2998                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
2999                                    <input type="number" name="year_to" placeholder="do"
3000                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3001                                </div>
3002                            </div>
3003                            <div class="flex flex-col gap-1">
3004                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Cena za 1m²</span>
3005                                <div class="flex gap-2">
3006                                    <select name="price_m2_from" class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
3007                                        <option value="">od</option>
3008                                                                                    <option translate="no" value="1000">
3009                                                1 000</option>
3010                                                                                    <option translate="no" value="2000">
3011                                                2 000</option>
3012                                                                                    <option translate="no" value="3000">
3013                                                3 000</option>
3014                                                                                    <option translate="no" value="4000">
3015                                                4 000</option>
3016                                                                                    <option translate="no" value="5000">
3017                                                5 000</option>
3018                                                                                    <option translate="no" value="6000">
3019                                                6 000</option>
3020                                                                                    <option translate="no" value="7000">
3021                                                7 000</option>
3022                                                                                    <option translate="no" value="8000">
3023                                                8 000</option>
3024                                                                                    <option translate="no" value="9000">
3025                                                9 000</option>
3026                                                                                    <option translate="no" value="10000">
3027                                                10 000</option>
3028                                                                                    <option translate="no" value="11000">
3029                                                11 000</option>
3030                                                                                    <option translate="no" value="12000">
3031                                                12 000</option>
3032                                                                                    <option translate="no" value="13000">
3033                                                13 000</option>
3034                                                                                    <option translate="no" value="14000">
3035                                                14 000</option>
3036                                                                                    <option translate="no" value="15000">
3037                                                15 000</option>
3038                                                                                    <option translate="no" value="16000">
3039                                                16 000</option>
3040                                                                                    <option translate="no" value="17000">
3041                                                17 000</option>
3042                                                                                    <option translate="no" value="18000">
3043                                                18 000</option>
3044                                                                                    <option translate="no" value="19000">
3045                                                19 000</option>
3046                                                                                    <option translate="no" value="20000">
3047                                                20 000</option>
3048                                                                            </select>
3049                                    <select name="price_m2_to" class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
3050                                        <option value="">do</option>
3051                                                                                    <option translate="no" value="1000">
3052                                                1 000</option>
3053                                                                                    <option translate="no" value="2000">
3054                                                2 000</option>
3055                                                                                    <option translate="no" value="3000">
3056                                                3 000</option>
3057                                                                                    <option translate="no" value="4000">
3058                                                4 000</option>
3059                                                                                    <option translate="no" value="5000">
3060                                                5 000</option>
3061                                                                                    <option translate="no" value="6000">
3062                                                6 000</option>
3063                                                                                    <option translate="no" value="7000">
3064                                                7 000</option>
3065                                                                                    <option translate="no" value="8000">
3066                                                8 000</option>
3067                                                                                    <option translate="no" value="9000">
3068                                                9 000</option>
3069                                                                                    <option translate="no" value="10000">
3070                                                10 000</option>
3071                                                                                    <option translate="no" value="11000">
3072                                                11 000</option>
3073                                                                                    <option translate="no" value="12000">
3074                                                12 000</option>
3075                                                                                    <option translate="no" value="13000">
3076                                                13 000</option>
3077                                                                                    <option translate="no" value="14000">
3078                                                14 000</option>
3079                                                                                    <option translate="no" value="15000">
3080                                                15 000</option>
3081                                                                                    <option translate="no" value="16000">
3082                                                16 000</option>
3083                                                                                    <option translate="no" value="17000">
3084                                                17 000</option>
3085                                                                                    <option translate="no" value="18000">
3086                                                18 000</option>
3087                                                                                    <option translate="no" value="19000">
3088                                                19 000</option>
3089                                                                                    <option translate="no" value="20000">
3090                                                20 000</option>
3091                                                                            </select>
3092                                </div>
3093                            </div>
3094                            <div class="flex flex-col gap-1">
3095                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
3096                                <input type="text" name="keyword" placeholder="słowa kluczowe"
3097                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3098                            </div>
3099                            <div class="flex flex-col gap-1">
3100                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
3101                                <input type="text" name="offer_number" placeholder="np. WGN-123"
3102                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3103                            </div>
3104                            <div class="flex flex-col gap-1.5">
3105                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
3106                                        class="accent-secondary"> Tylko ze zdjęciem</label>
3107                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
3108                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
3109                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
3110                                        class="accent-secondary"> Tylko oferty na wyłączność</label>
3111                            </div>
3112                        </div>
3113                    </template>
3114
3115                    
3116                    <template x-if="propType === 'premises'">
3117                        <div class="flex flex-col gap-3">
3118                            <div class="flex flex-col gap-1">
3119                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rynek</span>
3120                                <div class="relative">
3121                                    <select name="market" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
3122                                        <option value="">dowolny</option>
3123                                        <option value="1">pierwotny</option>
3124                                        <option value="0">wtórny</option>
3125                                    </select>
3126                                    <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
3127                                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
3128                                </div>
3129                            </div>
3130                            <div class="flex flex-col gap-1">
3131                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Piętro (0=parter)</span>
3132                                <div class="flex gap-2">
3133                                    <input type="number" name="floor_from" placeholder="od"
3134                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3135                                    <input type="number" name="floor_to" placeholder="do"
3136                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3137                                </div>
3138                            </div>
3139                            <div class="flex flex-col gap-1">
3140                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rok budowy</span>
3141                                <div class="flex gap-2">
3142                                    <input type="number" name="year_from" placeholder="od"
3143                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3144                                    <input type="number" name="year_to" placeholder="do"
3145                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3146                                </div>
3147                            </div>
3148                            <div class="flex flex-col gap-1">
3149                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Cena za 1m²</span>
3150                                <div class="flex gap-2">
3151                                    <select name="price_m2_from" class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
3152                                        <option value="">od</option>
3153                                                                                    <option translate="no" value="1000">
3154                                                1 000</option>
3155                                                                                    <option translate="no" value="2000">
3156                                                2 000</option>
3157                                                                                    <option translate="no" value="3000">
3158                                                3 000</option>
3159                                                                                    <option translate="no" value="4000">
3160                                                4 000</option>
3161                                                                                    <option translate="no" value="5000">
3162                                                5 000</option>
3163                                                                                    <option translate="no" value="6000">
3164                                                6 000</option>
3165                                                                                    <option translate="no" value="7000">
3166                                                7 000</option>
3167                                                                                    <option translate="no" value="8000">
3168                                                8 000</option>
3169                                                                                    <option translate="no" value="9000">
3170                                                9 000</option>
3171                                                                                    <option translate="no" value="10000">
3172                                                10 000</option>
3173                                                                                    <option translate="no" value="11000">
3174                                                11 000</option>
3175                                                                                    <option translate="no" value="12000">
3176                                                12 000</option>
3177                                                                                    <option translate="no" value="13000">
3178                                                13 000</option>
3179                                                                                    <option translate="no" value="14000">
3180                                                14 000</option>
3181                                                                                    <option translate="no" value="15000">
3182                                                15 000</option>
3183                                                                                    <option translate="no" value="16000">
3184                                                16 000</option>
3185                                                                                    <option translate="no" value="17000">
3186                                                17 000</option>
3187                                                                                    <option translate="no" value="18000">
3188                                                18 000</option>
3189                                                                                    <option translate="no" value="19000">
3190                                                19 000</option>
3191                                                                                    <option translate="no" value="20000">
3192                                                20 000</option>
3193                                                                            </select>
3194                                    <select name="price_m2_to" class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
3195                                        <option value="">do</option>
3196                                                                                    <option translate="no" value="1000">
3197                                                1 000</option>
3198                                                                                    <option translate="no" value="2000">
3199                                                2 000</option>
3200                                                                                    <option translate="no" value="3000">
3201                                                3 000</option>
3202                                                                                    <option translate="no" value="4000">
3203                                                4 000</option>
3204                                                                                    <option translate="no" value="5000">
3205                                                5 000</option>
3206                                                                                    <option translate="no" value="6000">
3207                                                6 000</option>
3208                                                                                    <option translate="no" value="7000">
3209                                                7 000</option>
3210                                                                                    <option translate="no" value="8000">
3211                                                8 000</option>
3212                                                                                    <option translate="no" value="9000">
3213                                                9 000</option>
3214                                                                                    <option translate="no" value="10000">
3215                                                10 000</option>
3216                                                                                    <option translate="no" value="11000">
3217                                                11 000</option>
3218                                                                                    <option translate="no" value="12000">
3219                                                12 000</option>
3220                                                                                    <option translate="no" value="13000">
3221                                                13 000</option>
3222                                                                                    <option translate="no" value="14000">
3223                                                14 000</option>
3224                                                                                    <option translate="no" value="15000">
3225                                                15 000</option>
3226                                                                                    <option translate="no" value="16000">
3227                                                16 000</option>
3228                                                                                    <option translate="no" value="17000">
3229                                                17 000</option>
3230                                                                                    <option translate="no" value="18000">
3231                                                18 000</option>
3232                                                                                    <option translate="no" value="19000">
3233                                                19 000</option>
3234                                                                                    <option translate="no" value="20000">
3235                                                20 000</option>
3236                                                                            </select>
3237                                </div>
3238                            </div>
3239                            <div class="flex flex-col gap-1">
3240                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
3241                                <input type="text" name="keyword" placeholder="słowa kluczowe"
3242                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3243                            </div>
3244                            <div class="flex flex-col gap-1">
3245                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
3246                                <input type="text" name="offer_number" placeholder="np. WGN-123"
3247                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3248                            </div>
3249                            <div class="flex flex-col gap-1.5">
3250                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
3251                                        class="accent-secondary"> Tylko ze zdjęciem</label>
3252                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
3253                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
3254                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
3255                                        class="accent-secondary"> Tylko oferty na wyłączność</label>
3256                            </div>
3257                            <div class="flex flex-col gap-1.5">
3258                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Dodatkowe informacje</span>
3259                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="elevator"
3260                                        class="accent-secondary"> winda</label>
3261                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="air_conditioning"
3262                                        class="accent-secondary"> klimatyzacja</label>
3263                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="garage"
3264                                        class="accent-secondary"> garaż</label>
3265                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="parking"
3266                                        class="accent-secondary"> parking</label>
3267                            </div>
3268                        </div>
3269                    </template>
3270
3271                    
3272                    <template x-if="propType === 'room'">
3273                        <div class="flex flex-col gap-3">
3274                            <div class="flex flex-col gap-1">
3275                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
3276                                <input type="text" name="keyword" placeholder="słowa kluczowe"
3277                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3278                            </div>
3279                            <div class="flex flex-col gap-1">
3280                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
3281                                <input type="text" name="offer_number" placeholder="np. WGN-123"
3282                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3283                            </div>
3284                            <div class="flex flex-col gap-1.5">
3285                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
3286                                        class="accent-secondary"> Tylko ze zdjęciem</label>
3287                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
3288                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
3289                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
3290                                        class="accent-secondary"> Tylko oferty na wyłączność</label>
3291                            </div>
3292                        </div>
3293                    </template>
3294
3295                    
3296                    <template x-if="propType === 'garage'">
3297                        <div class="flex flex-col gap-3">
3298                            <div class="flex flex-col gap-1">
3299                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rynek</span>
3300                                <div class="relative">
3301                                    <select name="market" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
3302                                        <option value="">dowolny</option>
3303                                        <option value="1">pierwotny</option>
3304                                        <option value="0">wtórny</option>
3305                                    </select>
3306                                    <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
3307                                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
3308                                </div>
3309                            </div>
3310                            <div class="flex flex-col gap-1">
3311                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rok budowy</span>
3312                                <div class="flex gap-2">
3313                                    <input type="number" name="year_from" placeholder="od"
3314                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3315                                    <input type="number" name="year_to" placeholder="do"
3316                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3317                                </div>
3318                            </div>
3319                            <div class="flex flex-col gap-1">
3320                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
3321                                <input type="text" name="keyword" placeholder="słowa kluczowe"
3322                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3323                            </div>
3324                            <div class="flex flex-col gap-1">
3325                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
3326                                <input type="text" name="offer_number" placeholder="np. WGN-123"
3327                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
3328                            </div>
3329                            <div class="flex flex-col gap-1.5">
3330                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
3331                                        class="accent-secondary"> Tylko ze zdjęciem</label>
3332                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
3333                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
3334                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
3335                                        class="accent-secondary"> Tylko oferty na wyłączność</label>
3336                            </div>
3337                        </div>
3338                    </template>
3339
3340                </div>
3341            </div>
3342
3343            <div class="flex items-center gap-4">
3344                <button type="button" @click="filtersOpen = !filtersOpen"
3345                    class="flex items-center gap-2 text-sm font-bold text-dark hover:text-secondary transition-colors cursor-pointer shrink-0">
3346
3347                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="15" viewBox="0 0 23 19"
3348                        fill="none">
3349                        <path
3350                            d="M9.82995 3.24835H21.6482C21.9455 3.29443 22.1809 3.19076 22.3543 2.93736C22.5277 2.68395 22.527
33507 2.43054 22.3543 2.17714C22.1809 1.92373 21.9455 1.82006 21.6482 1.86614H9.82995C9.63174 1.86614 9.47069 1.93525 9.34681 2.07347C9.22293 2.21169 9.16099 2.37295 9.16099 2.55725C9.16099 2.74154 9.22293 2.9028 9.34681 3.04102C9.47069 3.17924 9.63174 3.24835 9.82995 3.24835ZM0.836196 3.24835H2.32277C2.42187 3.5248 2.5953 3.7782 2.84307 4.00857L3.43769 4.49235C3.83411 4.90701 4.34202 5.11435 4.96143 5.11435C5.58083 5.11435 6.11352 4.90701 6.55949 4.49235L7.07979 4.00857C7.52576 3.59391 7.74875 3.11013 7.74875 2.55725C7.74875 2.00436 7.52576 1.52058 7.07979 1.10592L6.55949 0.622141C6.11352 0.207476 5.58083 0.000143051 4.96143 0.000143051C4.34202 0.000143051 3.80934 0.207476 3.36337 0.622141L2.91739 1.10592C2.66963 1.33629 2.4962 1.58969 2.39709 1.86614H0.836196C0.538882 1.82006 0.303508 1.92373 0.130075 2.17714C-0.0433583 2.43054 -0.0433583 2.68395 0.130075 2.93736C0.303508 3.19076 0.538882 3.29443 0.836196 3.24835ZM3.88366 2.07347L4.40396 1.58969C4.55262 1.45147 4.73844 1.38236 4.96143 1.38236C5.18441 1.38236 5.34546 1.45147 5.44456 1.58969L6.03919 2.07347C6.18785 2.21169 6.26218 2.37295 6.26218 2.55725C6.26218 2.74154 6.18785 2.9028 6.03919 3.04102L5.51889 3.5248C5.37023 3.66302 5.18441 3.73213 4.96143 3.73213C4.73844 3.73213 4.55262 3.66302 4.40396 3.5248L3.88366 3.04102C3.73501 2.9028 3.66068 2.74154 3.66068 2.55725C3.66068 2.37295 3.73501 2.21169 3.88366 2.07347ZM21.6482 8.77722H16.1479C15.801 8.73115 15.5532 8.83482 15.4046 9.08822C15.2559 9.34163 15.2559 9.59504 15.4046 9.84844C15.5532 10.1018 15.801 10.2055 16.1479 10.1594H21.7225C21.8712 10.1594 22.0198 10.0903 22.1685 9.95211C22.3171 9.81389 22.3915 9.65263 22.3915 9.46833C22.3915 9.28404 22.3171 9.12278 22.1685 8.98456C22.0198 8.84634 21.8712 8.77722 21.7225 8.77722H21.6482ZM0.836196 10.1594H8.64069C8.73979 10.4359 8.91323 10.6893 9.16099 10.9197L9.68129 11.4034C10.1273 11.8181 10.6476 12.0254 11.2422 12.0254C11.8368 12.0254 12.3571 11.8181 12.8031 11.4034L13.3234 10.9197C13.7694 10.505 13.9923 10.0212 13.9923 9.46833C13.9923 8.91545 13.7694 8.43167 13.3234 8.017L12.8031 7.53323C12.3571 7.11856 11.8368 6.91123 11.2422 6.91123C10.6476 6.91123 10.1273 7.11856 9.68129 7.53323L9.16099 8.017C8.91323 8.24737 8.73979 8.50078 8.64069 8.77722H0.836196C0.637986 8.8233 0.476941 8.90393 0.35306 9.01911C0.22918 9.1343 0.167239 9.28404 0.167239 9.46833C0.167239 9.65263 0.22918 9.81389 0.35306 9.95211C0.476941 10.0903 0.637986 10.1594 0.836196 10.1594ZM10.2016 8.98456L10.7219 8.50078C10.8705 8.36256 11.044 8.29345 11.2422 8.29345C11.4404 8.29345 11.6138 8.36256 11.7625 8.50078L12.2828 8.98456C12.4314 9.12278 12.5058 9.28404 12.5058 9.46833C12.5058 9.65263 12.4314 9.81389 12.2828 9.95211L11.7625 10.4359C11.6138 10.5741 11.4404 10.6432 11.2422 10.6432C11.044 10.6432 10.8705 10.5741 10.7219 10.4359L10.2016 9.95211C10.0529 9.81389 9.9786 9.65263 9.9786 9.46833C9.9786 9.28404 10.0529 9.12278 10.2016 8.98456ZM19.121 14.4443C18.675 14.0297 18.1424 13.8223 17.5229 13.8223C16.9035 13.8223 16.3709 14.0297 15.9249 14.4443L15.4046 14.9281C15.1568 15.1585 14.9834 15.4119 14.8843 15.6883H0.836196C0.538882 15.6422 0.303508 15.7459 0.130075 15.9993C-0.0433583 16.2527 -0.0433583 16.5061 0.130075 16.7595C0.303508 17.0129 0.538882 17.1166 0.836196 17.0705H14.8843C15.0329 17.347 15.2064 17.6004 15.4046 17.8307L15.9249 18.3145C16.3709 18.7292 16.9035 18.9365 17.5229 18.9365C18.1424 18.9365 18.675 18.7292 19.121 18.3145L19.6413 17.8307C20.0873 17.4161 20.3103 16.9323 20.3103 16.3794C20.3103 15.8265 20.0873 15.3428 19.6413 14.9281L19.121 14.4443ZM18.6007 16.8632L18.0804 17.347C17.9318 17.4852 17.7583 17.5543 17.5601 17.5543C17.3619 17.5543 17.1885 17.4852 17.0398 17.347L16.5195 16.8632C16.3709 16.725 16.2965 16.5637 16.2965 16.3794C16.2965 16.1951 16.3709 16.0339 16.5195 15.8956L17.0398 15.4119C17.1885 15.2736 17.3619 15.2045 17.5601 15.2045C17.7583 15.2045 17.9318 15.2736 18.0804 15.4119L18.6007 15.8956C18.7494 16.0339 18.8237 16.1951 18.8237 16.3794C18.8237 16.5637 18.7494 16.725 18.6007 16.8632ZM21.6482 17.0705C21.4004 17.0705 21.2022 16.9669 21.0536 16.7595C20.9049 16.5522 20.8801 16.3333 20.9792 16.103C20.9792 16.0108 21.0288 15.9417 21.1279 
335015.8956C21.3261 15.6653 21.5862 15.6077 21.9083 15.7229C22.2304 15.8381 22.3915 16.0569 22.3915 16.3794C22.3915 16.5637 22.3171 16.725 22.1685 16.8632C22.0198 17.0014 21.8464 17.0705 21.6482 17.0705Z"
3351                            fill="black" />
3352                    </svg>
3353                    <span x-text="filtersOpen ? 'Zwiń' : 'Filtry'">Filtry</span>
3354                </button>
3355                <button type="button" @click="clearFilters()" x-show="filtersOpen" x-cloak
3356                    class="text-sm font-bold text-dark hover:text-secondary transition-colors cursor-pointer shrink-0">
3357                    Wyczyść
3358                </button>
3359                <button type="button" @click="navigate()"
3360                    class="flex-1 bg-red text-white font-bold text-sm py-2.5 rounded-[5px] cursor-pointer hover:brightness-90 transition text-center">
3361                    Szukaj
3362                </button>
3363            </div>
3364        </div>
3365
3366        
3367        <div x-show="tab === 'biura'" style="display:none" class="flex flex-col gap-3">
3368            <div class="flex flex-col gap-1">
3369                <span class="text-xs font-semibold text-dark">Biura</span>
3370                <div x-data="alpLocationSearch('https://wgn.pl/lokalizacje/biura/wojewodztwa', 'https://wgn.pl/lokalizacje/biura/szukaj', '')" @click.outside="open = false" class="relative">
3371                    <div class="flex border border-light rounded-xs bg-grey-light overflow-hidden">
3372                        <input type="text" placeholder="Miasto" x-model="q" data-location-input="biura"
3373                            @keydown.escape="open = false"
3374                            @input="$dispatch('biura-location-typed')"
3375                            class="flex-1 min-w-0 bg-transparent px-3 py-2.5 text-sm text-dark placeholder:text-grey outline-none" />
3376                    </div>
3377                </div>
3378            </div>
3379            <div class="relative">
3380                <select name="biura_radius" aria-label="Promień wyszukiwania biur"
3381                    class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-3 pr-7 py-2.5 text-sm text-dark cursor-pointer outline-none">
3382                    <option value="0" >+0 km</option>
3383                    <option value="5" >+5 km</option>
3384                    <option value="10" >+10 km</option>
3385                    <option value="15" >+15 km</option>
3386                    <option value="25" >+25 km</option>
3387                    <option value="30" >+30 km</option>
3388                    <option value="50" selected>+50 km</option>
3389                </select>
3390                <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg>
3391                </div>
3392            </div>
3393            <button type="button" @click="navigateToBiuraMap()"
3394                class="flex items-center gap-2 text-sm font-bold text-dark hover:text-secondary transition-colors cursor-pointer">
3395                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 19 18" fill="none"><path d="M18.0325 16.0066L13.9715 12.1752C14.8474 11.2127 15.4148 10.1206 15.6735 8.89903C15.9323 7.67742 15.8627 6.46506 15.4645 5.26196C15.0664 4.05886 14.3597 3.03159 13.3445 2.18017C12.3292 1.32874 11.1647 0.754955 9.85086 0.458807C8.53702 0.162659 7.23313 0.181168 5.9392 0.514336C4.64527 0.847502 3.51059 1.46756 2.53517 2.37452C1.55974 3.28147 0.892867 4.3365 0.534548 5.5396C0.176228 6.7427 0.156322 7.95506 0.474828 9.17667C0.793334 10.3983 1.41044 11.4811 2.32615 12.425C3.24185 13.369 4.34667 14.0261 5.6406 14.3963C6.93453 14.7665 8.23842 14.8312 9.55226 14.5906C10.8661 14.35 12.0605 13.8225 13.1355 13.0081L17.1964 16.784C17.3158 16.895 17.4552 16.9413 17.6144 16.9228C17.7737 16.9043 17.9031 16.8488 18.0026 16.7562C18.1022 16.6637 18.1619 16.5434 18.1818 16.3953C18.2017 16.2472 18.1519 16.1176 18.0325 16.0066ZM1.49007 7.51083C1.49007 6.40028 1.78867 5.38227 2.38587 4.45681C2.98306 3.53134 3.77933 2.79097 4.77466 2.2357C5.76999 1.68042 6.86486 1.40278 8.05926 1.40278C9.25366 1.40278 10.3485 1.68042 11.3439 2.2357C12.3392 2.79097 13.1355 3.53134 13.7327 4.45681C14.3299 5.38227 14.6285 6.40028 14.6285 7.51083C14.6285 8.62139 14.3299 9.6394 13.7327 10.5649C13.1355 11.4903 12.3392 12.2307 11.3439 12.786C10.3485 13.3413 9.25366 13.6189 8.05926 13.6189C6.86486 13.6189 5.76999 13.3413 4.77466 12.786C3.77933 12.2307 2.98306 11.4903 2.38587 10.5649C1.78867 9.6394 1.49007 8.62139 1.49007 7.51083Z" fill="black" stroke="white" stroke-width="0.5"/></svg> Mapa
3396            </button>
3397            <button type="button" @click="navigateToBiura()"
3398                class="w-full bg-red text-white font-bold text-sm py-2.5 rounded-[5px] cursor-pointer hover:brightness-90 transition">
3399                Szukaj
3400            </button>
3401        </div>
3402    </div>
3403
3404    
3405    <div
3406        class="hidden lg:flex flex-1 min-w-0 px-3 xl:px-5 2xl:px-6 py-3 xl:py-4 flex-col gap-2.5 xl:gap-3 justify-center">
3407
3408        
3409        <div x-show="tab === 'nieruchomosci'" class="flex flex-col gap-2.5 xl:gap-3">
3410
3411            <div class="flex items-center gap-3">
3412
3413                <div class="flex items-center gap-3 shrink-0">
3414                    <div class="relative">
3415                        <select x-model="propType" aria-label="Typ nieruchomości"
3416                            class="appearance-none bg-grey-light border border-light rounded-xs pl-2.5 xl:pl-3 pr-7 xl:pr-8 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark cursor-pointer outline-none min-w-20 xl:min-w-26 2xl:min-w-32">
3417                                                            <option value="apartment"
3418                                    >
3419                                    Mieszkania</option>
3420                                                            <option value="house"
3421                                    >
3422                                    Domy</option>
3423                                                            <option value="plot"
3424                                    >
3425                                    Działki</option>
3426                                                            <option value="commercial"
3427                                    >
3428                                    Komercyjne</option>
3429                                                            <option value="premises"
3430                                    >
3431                                    Lokale</option>
3432                                                            <option value="garage"
3433                                    >
3434                                    Garaże</option>
3435                                                            <option value=""
3436                                     x-show="country !== '' && country !== 'Polska'" >
3437                                    Wszystkie</option>
3438                                                    </select>
3439                        <div class="absolute right-2 xl:right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
3440                            <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
3441                    </div>
3442                    <div class="relative">
3443                        <select x-model="transaction" aria-label="Typ transakcji"
3444                            class="appearance-none bg-grey-light border border-light rounded-xs pl-2.5 xl:pl-3 pr-7 xl:pr-8 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark cursor-pointer outline-none min-w-20 xl:min-w-24 2xl:min-w-28">
3445                            <option value="sprzedaz">Sprzedaż</option>
3446                            <option value="wynajem">
3446Wynajem</option>
3447                        </select>
3448                        <div class="absolute right-2 xl:right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
3449                            <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
3450                    </div>
3451                    <div class="relative">
3452                        <select x-model="country" aria-label="Kraj"
3453                            class="appearance-none bg-grey-light border border-light rounded-xs pl-2.5 xl:pl-3 pr-7 xl:pr-8 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark cursor-pointer outline-none min-w-16 xl:min-w-20 2xl:min-w-24">
3454                            <option value=""></option>
3455                                                            <option value="Polska">Polska</option>
3456                                                            <option value="Cypr">Cypr</option>
3457                                                            <option value="Dominikana">Dominikana</option>
3458                                                            <option value="Dubaj">Dubaj</option>
3459                                                            <option value="Gruzja">Gruzja</option>
3460                                                            <option value="Hiszpania">Hiszpania</option>
3461                                                            <option value="Tajlandia">Tajlandia</option>
3462                                                            <option value="Turcja">Turcja</option>
3463                                                            <option value="Zjednoczone Emiraty Arabskie">Zjednoczone Emiraty Arabskie</option>
3464                                                    </select>
3465                        <div class="absolute right-2 xl:right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
3466                            <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
3467                    </div>
3468                </div>
3469
3470                <div x-data="alpLocationSearch('https://wgn.pl/lokalizacje/wojewodztwa', 'https://wgn.pl/lokalizacje/szukaj', '')" @click.outside="open = false" class="relative flex-1 min-w-0">
3471                    <div class="flex border border-light rounded-xs bg-grey-light overflow-hidden">
3472                        <input type="text" placeholder="Miejscowość, dzielnica, ulica" x-model="q" data-location-input="offers"
3473                            @focus="open = true" @keydown.escape="open = false"
3474                            class="flex-1 min-w-0 bg-transparent px-2.5 xl:px-3 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark placeholder:text-grey outline-none" />
3475                        <div class="w-px bg-light shrink-0 my-1.5"></div>
3476                        <div class="relative shrink-0">
3477                            <select name="radius" aria-label="Promień wyszukiwania"
3478                                class="appearance-none bg-transparent pl-2.5 xl:pl-3 pr-6 xl:pr-7 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark cursor-pointer outline-none h-full">
3479                                <option value="0">+0 km</option>
3480                                <option value="5">+5 km</option>
3481                                <option value="10">+10 km</option>
3482                                <option value="15">+15 km</option>
3483                                <option value="25">+25 km</option>
3484                                <option value="30">+30 km</option>
3485                            </select>
3486                            <div class="absolute right-2 xl:right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
3487                                <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
3488                        </div>
3489                    </div>
3490                    <div x-show="open" x-transition:enter="transition ease-out duration-150"
3491    x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0"
3492    x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0"
3493    x-transition:leave-end="opacity-0 -translate-y-1" style="display:none"
3494    class="absolute left-0 top-full z-[150] mt-1 w-full min-w-56 bg-white border border-light rounded-sm shadow-lg overflow-y-auto max-h-72">
3495
3496    
3497    <template x-if="q.trim() !== ''">
3498        <div>
3499            <template x-if="loading">
3500                <p class="px-3 py-2.5 text-xs text-grey">Szukam...</p>
3501            </template>
3502            <template x-if="!loading && suggestions.length === 0">
3503                <p class="px-3 py-2.5 text-xs text-grey">Brak wyników</p>
3504            </template>
3505            <template x-for="item in suggestions" :key="item.label">
3506                <button type="button" @click="select(item)"
3507                    class="block w-full text-left px-3 py-2 text-sm text-dark hover:bg-grey-light border-b border-light/60 last:border-0 transition-colors cursor-pointer">
3508                    <span x-text="item.label"></span>
3509                </button>
3510            </template>
3511        </div>
3512    </template>
3513
3514    
3515    <template x-if="q.trim() === ''">
3516        <div>
3517            <template x-if="recent.length > 0">
3518                <div class="border-b border-light">
3519                    <p class="px-3 py-1.5 text-[11px] font-bold text-dark uppercase tracking-wide bg-grey-light/60">
3520                        ostatnio wybrane</p>
3521                    <template x-for="item in recent" :key="item.label">
3522                        <button type="button" @click="select(item)"
3523                            class="block w-full text-left px-3 py-2 text-sm text-dark hover:bg-grey-light border-b border-light/60 last:border-0 transition-colors cursor-pointer">
3524                            <span x-text="item.label"></span>
3525                        </button>
3526                    </template>
3527                </div>
3528            </template>
3529            <p class="px-3 py-1.5 text-[11px] font-bold text-dark uppercase tracking-wide bg-grey-light/60">wpisz lub
3530                wybierz z listy</p>
3531            <button type="button" @click="selectAll()"
3532                class="block w-full text-left px-3 py-2 text-sm text-dark hover:bg-grey-light border-b border-light/60 transition-colors cursor-pointer">
3533                Cała Polska
3534            </button>
3535            <template x-for="item in provinces" :key="item.label">
3536                <button type="button" @click="select(item)"
3537                    class="block w-full text-left px-3 py-2 text-sm text-dark hover:bg-grey-light border-b border-light/60 last:border-0 transition-colors cursor-pointer">
3538                    <span x-text="item.label"></span>
3539                </button>
3540            </template>
3541        </div>
3542    </template>
3543</div>
3544                </div>
3545
3546                                    <button type="button" @click="navigateToMap()"
3547                        class="flex items-center gap-1.5 xl:gap-2 text-xs xl:text-sm 2xl:text-base font-bold text-dark hover:text-secondary transition-colors cursor-pointer shrink-0 ms-2 xl:ms-6 3xl:ms-12">
3548                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 19 18" fill="none"><path d="M18.0325 16.0066L13.9715 12.1752C14.8474 11.2127 15.4148 10.1206 15.6735 8.89903C15.9323 7.67742 15.8627 6.46506 15.4645 5.26196C15.0664 4.05886 14.3597 3.03159 13.3445 2.18017C12.3292 1.32874 11.1647 0.754955 9.85086 0.458807C8.53702 0.162659 7.23313 0.181168 5.9392 0.514336C4.64527 0.847502 3.51059 1.46756 2.53517 2.37452C1.55974 3.28147 0.892867 4.3365 0.534548 5.5396C0.176228 6.7427 0.156322 7.95506 0.474828 9.17667C0.793334 10.3983 1.41044 11.4811 2.32615 12.425C3.24185 13.369 4.34667 14.0261 5.6406 14.3963C6.93453 14.7665 8.23842 14.8312 9.55226 14.5906C10.8661 14.35 12.0605 13.8225 13.1355 13.0081L17.1964 16.784C17.3158 16.895 17.4552 16.9413 17.6144 16.9228C17.7737 16.9043 17.9031 16.8488 18.0026 16.7562C18.1022 16.6637 18.1619 16.5434 18.1818 16.3953C18.2017 16.2472 18.1519 16.1176 18.0325 16.0066ZM1.49007 7.51083C1.49007 6.40028 1.78867 5.38227 2.38587 4.45681C2.98306 3.53134 3.77933 2.79097 4.77466 2.2357C5.76999 1.68042 6.86486 1.40278 8.05926 1.40278C9.25366 1.40278 10.3485 1.68042 11.3439 2.2357C12.3392 2.79097 13.1355 3.53134 13.7327 4.45681C14.3299 5.38227 14.6285 6.40028 14.6285 7.51083C14.6285 8.62139 14.3299 9.6394 13.7327 10.5649C13.1355 11.4903 12.3392 12.2307 11.3439 12.786C10.3485 13.3413 9.25366 13.6189 8.05926 13.6189C6.86486 13.6189 5.76999 13.3413 4.77466 12.786C3.77933 12.2307 2.98306 11.4903 2.38587 10.5649C1.78867 9.6394 1.49007 8.62139 1.49007 7.51083Z" fill="black" stroke="white" stroke-width="0.5"/></svg>
3549                        Mapa
3550                    </button>
3551                            </div>
3552
3553            <div class="flex items-end gap-2 xl:gap-4 3xl:gap-6">
3554
3555                <div class="flex flex-col gap-1 shrink-0">
3556                    <span class="text-[11px] xl:text-xs 2xl:text-sm font-semibold text-dark">Cena</span>
3557                    <div class="flex items-center gap-1.5">
3558                        <select name="price_min" aria-label="Cena minimalna"
3559                            class="w-20 xl:w-28 3xl:w-36 bg-grey-light border border-light rounded-xs px-2 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark outline-none cursor-pointer focus:border-secondary transition-colors">
3560                            <option value="">od</option>
3561                                                            <option translate="no" value="50000">50 000</option>
3562                                                            <option translate="no" value="100000">100 000</option>
3563                                                            <option translate="no" value="150000">150 000</option>
3564                                                            <option translate="no" value="200000">200 000</option>
3565                                                            <option translate="no" value="250000">250 000</option>
3566                                                            <option translate="no" value="300000">300 000</option>
3567                                                            <option translate="no" value="350000">350 000</option>
3568                                                            <option translate="no" value="400000">400 000</option>
3569                                                            <option translate="no" value="450000">450 000</option>
3570                                                            <option translate="no" value="500000">500 000</option>
3571                                                            <option translate="no" value="550000">550 000</option>
3572                                                            <option translate="no" value="600000">600 000</option>
3573                                                            <option translate="no" value="650000">650 000</option>
3574                                                            <option translate="no" value="700000">700 000</option>
3575                                                            <option translate="no" value="750000">750 000</option>
3576                                                            <option translate="no" value="800000">800 000</option>
3577                                                            <option translate="no" value="850000">850 000</option>
3578                                                            <option translate="no" value="900000">900 000</option>
3579                                                            <option translate="no" value="950000">950 000</option>
3580                                                            <option translate="no" value="1000000">1 000 000</option>
3581                                                            <option translate="no" value="1050000">1 050 000</option>
3582                                                            <option translate="no" value="1100000">1 100 000</option>
3583                                                            <option translate="no" value="1150000">1 150 000</option>
3584                                                            <option translate="no" value="1200000">1 200 000</option>
3585                                                            <option translate="no" value="1250000">1 250 000</option>
3586                                                            <option translate="no" value="1300000">1 300 000</option>
3587                                                            <option translate="no" value="1350000">1 350 000</option>
3588                                                            <option translate="no" value="1400000">1 400 000</option>
3589                                                            <option translate="no" value="1450000">1 450 000</option>
3590                                                            <option translate="no" value="1500000">1 500 000</option>
3591                                                            <option translate="no" value="1550000">1 550 000</option>
3592                                                            <option translate="no" value="1600000">1 600 000</option>
3593                                                            <option translate="no" value="1650000">1 650 000</option>
3594                                                            <option translate="no" value="1700000">1 700 000</option>
3595                                                            <option translate="no" value="1750000">1 750 000</option>
3596                                                            <option translate="no" value="1800000">1 800 000</option>
3597                                                            <option translate="no" value="1850000">1 850 000</option>
3598                                                            <option translate="no" value="1900000">1 900 000</option>
3599                                                            <option translate="no" value="1950000">1 950 000</option>
3600                                                            <option translate="no" value="2000000">2 000 000</option>
3601                                                            <option translate="no" value="2050000">2 050 000</option>
3602                                                            <option translate="no" value="2100000">2 100 000</option>
3603                                                            <option translate="no" value="2150000">2 150 000</option>
3604                                                            <option translate="no" value="2200000">2 200 000</option>
3605                                                            <option translate="no" value="2250000">2 250 000</option>
3606                                                            <option translate="no" value="2300000">2 300 000</option>
3607                                                            <option translate="no" value="2350000">2 350 000</option>
3608                                                            <option translate="no" value="2400000">2 400 000</option>
3609                                                            <option translate="no" value="2450000">2 450 000</option>
3610                                                            <option translate="no" value="2500000">2 500 000</option>
3611                                                            <option translate="no" value="2550000">2 550 000</option>
3612                                                            <option translate="no" value="2600000">2 600 000</option>
3613                                                            <option translate="no" value="2650000">2 650 000</option>
3614                                                            <option translate="no" value="2700000">2 700 000</option>
3615                                                            <option translate="no" value="2750000">2 750 000</option>
3616                                                            <option translate="no" value="2800000">2 800 000</option>
3617                                                            <option translate="no" value="2850000">2 850 000</option>
3618                                                            <option translate="no" value="2900000">2 900 000</option>
3619                                                            <option translate="no" value="2950000">2 950 000</option>
3620                                                            <option translate="no" value="3000000">3 000 000</option>
3621                                                            <option translate="no" value="3050000">3 050 000</option>
3622                                                            <option translate="no" value="3100000">3 100 000</option>
3623                                                            <option translate="no" value="3150000">3 150 000</option>
3624                                                            <option translate="no" value="3200000">3 200 000</option>
3625                                                            <option translate="no" value="3250000">3 250 000</option>
3626                                                            <option translate="no" value="3300000">3 300 000</option>
3627                                                            <option translate="no" value="3350000">3 350 000</option>
3628                                                            <option translate="no" value="3400000">3 400 000</option>
3629                                                            <option translate="no" value="3450000">3 450 000</option>
3630                                                            <option translate="no" value="3500000">3 500 000</option>
3631                                                            <option translate="no" value="3550000">3 550 000</option>
3632                                                            <option translate="no" value="3600000">3 600 000</option>
3633                                                            <option translate="no" value="3650000">3 650 000</option>
3634                                                            <option translate="no" value="3700000">3 700 000</option>
3635                                                            <option translate="no" value="3750000">3 750 000</option>
3636                                                            <option translate="no" value="3800000">3 800 000</option>
3637                                                            <option translate="no" value="3850000">3 850 000</option>
3638                                                            <option translate="no" value="3900000">3 900 000</option>
3639                                                            <option translate="no" value="3950000">3 950 000</option>
3640                                                            <option translate="no" value="4000000">4 000 000</option>
3641                                                            <option translate="no" value="4050000">4 050 000</option>
3642                                                            <option translate="no" value="4100000">4 100 000</option>
3643                                                            <option translate="no" value="4150000">4 150 000</option>
3644                                                            <option translate="no" value="4200000">4 200 000</option>
3645                                                            <option translate="no" value="4250000">4 250 000</option>
3646                                                            <option translate="no" value="4300000">4 300 000</option>
3647                                                            <option translate="no" value="4350000">4 350 000</option>
3648                                                            <option translate="no" value="4400000">4 400 000</option>
3649                                                            <option translate="no" value="4450000">4 450 000</option>
3650                                                            <option translate="no" value="4500000">4 500 000</option>
3651                                                            <option translate="no" value="4550000">4 550 000</option>
3652                                                            <option translate="no" value="4600000">4 600 000</option>
3653                                                            <option translate="no" value="4650000">4 650 000</option>
3654                                                            <option translate="no" value="4700000">4 700 000</option>
3655                                                            <option translate="no" value="4750000">4 750 000</option>
3656                                                            <option translate="no" value="4800000">4 800 000</option>
3657                                                            <option translate="no" value="4850000">4 850 000</option>
3658                                                            <option translate="no" value="4900000">4 900 000</option>
3659                                                            <option translate="no" value="4950000">4 950 000</option>
3660                                                            <option translate="no" value="5000000">5 000 000</option>
3661                                                    </select>
3662                        <select name="price_max" aria-label="Cena maksymalna"
3663                            class="w-2
36630 xl:w-28 3xl:w-36 bg-grey-light border border-light rounded-xs px-2 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark outline-none cursor-pointer focus:border-secondary transition-colors">
3664                            <option value="">do</option>
3665                                                            <option translate="no" value="50000">50 000</option>
3666                                                            <option translate="no" value="100000">100 000</option>
3667                                                            <option translate="no" value="150000">150 000</option>
3668                                                            <option translate="no" value="200000">200 000</option>
3669                                                            <option translate="no" value="250000">250 000</option>
3670                                                            <option translate="no" value="300000">300 000</option>
3671                                                            <option translate="no" value="350000">350 000</option>
3672                                                            <option translate="no" value="400000">400 000</option>
3673                                                            <option translate="no" value="450000">450 000</option>
3674                                                            <option translate="no" value="500000">500 000</option>
3675                                                            <option translate="no" value="550000">550 000</option>
3676                                                            <option translate="no" value="600000">600 000</option>
3677                                                            <option translate="no" value="650000">650 000</option>
3678                                                            <option translate="no" value="700000">700 000</option>
3679                                                            <option translate="no" value="750000">750 000</option>
3680                                                            <option translate="no" value="800000">800 000</option>
3681                                                            <option translate="no" value="850000">850 000</option>
3682                                                            <option translate="no" value="900000">900 000</option>
3683                                                            <option translate="no" value="950000">950 000</option>
3684                                                            <option translate="no" value="1000000">1 000 000</option>
3685                                                            <option translate="no" value="1050000">1 050 000</option>
3686                                                            <option translate="no" value="1100000">1 100 000</option>
3687                                                            <option translate="no" value="1150000">1 150 000</option>
3688                                                            <option translate="no" value="1200000">1 200 000</option>
3689                                                            <option translate="no" value="1250000">1 250 000</option>
3690                                                            <option translate="no" value="1300000">1 300 000</option>
3691                                                            <option translate="no" value="1350000">1 350 000</option>
3692                                                            <option translate="no" value="1400000">1 400 000</option>
3693                                                            <option translate="no" value="1450000">1 450 000</option>
3694                                                            <option translate="no" value="1500000">1 500 000</option>
3695                                                            <option translate="no" value="1550000">1 550 000</option>
3696                                                            <option translate="no" value="1600000">1 600 000</option>
3697                                                            <option translate="no" value="1650000">1 650 000</option>
3698                                                            <option translate="no" value="1700000">1 700 000</option>
3699                                                            <option translate="no" value="1750000">1 750 000</option>
3700                                                            <option translate="no" value="1800000">1 800 000</option>
3701                                                            <option translate="no" value="1850000">1 850 000</option>
3702                                                            <option translate="no" value="1900000">1 900 000</option>
3703                                                            <option translate="no" value="1950000">1 950 000</option>
3704                                                            <option translate="no" value="2000000">2 000 000</option>
3705                                                            <option translate="no" value="2050000">2 050 000</option>
3706                                                            <option translate="no" value="2100000">2 100 000</option>
3707                                                            <option translate="no" value="2150000">2 150 000</option>
3708                                                            <option translate="no" value="2200000">2 200 000</option>
3709                                                            <option translate="no" value="2250000">2 250 000</option>
3710                                                            <option translate="no" value="2300000">2 300 000</option>
3711                                                            <option translate="no" value="2350000">2 350 000</option>
3712                                                            <option translate="no" value="2400000">2 400 000</option>
3713                                                            <option translate="no" value="2450000">2 450 000</option>
3714                                                            <option translate="no" value="2500000">2 500 000</option>
3715                                                            <option translate="no" value="2550000">2 550 000</option>
3716                                                            <option translate="no" value="2600000">2 600 000</option>
3717                                                            <option translate="no" value="2650000">2 650 000</option>
3718                                                            <option translate="no" value="2700000">2 700 000</option>
3719                                                            <option translate="no" value="2750000">2 750 000</option>
3720                                                            <option translate="no" value="2800000">2 800 000</option>
3721                                                            <option translate="no" value="2850000">2 850 000</option>
3722                                                            <option translate="no" value="2900000">2 900 000</option>
3723                                                            <option translate="no" value="2950000">2 950 000</option>
3724                                                            <option translate="no" value="3000000">3 000 000</option>
3725                                                            <option translate="no" value="3050000">3 050 000</option>
3726                                                            <option translate="no" value="3100000">3 100 000</option>
3727                                                            <option translate="no" value="3150000">3 150 000</option>
3728                                                            <option translate="no" value="3200000">3 200 000</option>
3729                                                            <option translate="no" value="3250000">3 250 000</option>
3730                                                            <option translate="no" value="3300000">3 300 000</option>
3731                                                            <option translate="no" value="3350000">3 350 000</option>
3732                                                            <option translate="no" value="3400000">3 400 000</option>
3733                                                            <option translate="no" value="3450000">3 450 000</option>
3734                                                            <option translate="no" value="3500000">3 500 000</option>
3735                                                            <option translate="no" value="3550000">3 550 000</option>
3736                                                            <option translate="no" value="3600000">3 600 000</option>
3737                                                            <option translate="no" value="3650000">3 650 000</option>
3738                                                            <option translate="no" value="3700000">3 700 000</option>
3739                                                            <option translate="no" value="3750000">3 750 000</option>
3740                                                            <option translate="no" value="3800000">3 800 000</option>
3741                                                            <option translate="no" value="3850000">3 850 000</option>
3742                                                            <option translate="no" value="3900000">3 900 000</option>
3743                                                            <option translate="no" value="3950000">3 950 000</option>
3744                                                            <option translate="no" value="4000000">4 000 000</option>
3745                                                            <option translate="no" value="4050000">4 050 000</option>
3746                                                            <option translate="no" value="4100000">4 100 000</option>
3747                                                            <option translate="no" value="4150000">4 150 000</option>
3748                                                            <option translate="no" value="4200000">4 200 000</option>
3749                                                            <option translate="no" value="4250000">4 250 000</option>
3750                                                            <option translate="no" value="4300000">4 300 000</option>
3751                                                            <option translate="no" value="4350000">4 350 000</option>
3752                                                            <option translate="no" value="4400000">4 400 000</option>
3753                                                            <option translate="no" value="4450000">4 450 000</option>
3754                                                            <option translate="no" value="4500000">4 500 000</option>
3755                                                            <option translate="no" value="4550000">4 550 000</option>
3756                                                            <option translate="no" value="4600000">4 600 000</option>
3757                                                            <option translate="no" value="4650000">4 650 000</option>
3758                                                            <option translate="no" value="4700000">4 700 000</option>
3759                                                            <option translate="no" value="4750000">4 750 000</option>
3760                                                            <option translate="no" value="4800000">4 800 000</option>
3761                                                            <option translate="no" value="4850000">4 850 000</option>
3762                                                            <option translate="no" value="4900000">4 900 000</option>
3763                                                            <option translate="no" value="4950000">4 950 000</option>
3764                                                            <option translate="no" value="5000000">5 000 000</option>
3765                                                    </select>
3766                        <div class="relative shrink-0">
3767                            <select x-model="priceCurrency" aria-label="Waluta ceny"
3768                                class="appearance-none bg-grey-light border border-light rounded-xs pl-2 pr-6 xl:pr-7 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark cursor-pointer outline-none w-11 xl:w-14 3xl:w-18">
3769                                <option value="zł">zł</option>
3770                                                                    <option value="USD">USD</option>
3771                                                                                                    <option value="EUR">EUR</option>
3772                                                            </select>
3773                            <div class="absolute right-1.5 xl:right-2 top-1/2 -translate-y-1/2 pointer-events-none">
3774                                <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
3775                        </div>
3776                    </div>
3777                </div>
3778
3779                <div class="flex flex-col gap-1 shrink-0">
3780                    <span class="text-[11px] xl:text-xs 2xl:text-sm font-semibold text-dark">Powierzchnia w m²</span>
3781                    <div class="flex items-center gap-1.5">
3782                        <input type="text" name="area_min" placeholder="od"
3783                            class="w-14 xl:w-20 3xl:w-28 bg-grey-light border border-light rounded-xs px-2 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors" />
3784                        <input type="text" name="area_max" placeholder="do"
3785                            class="w-14 xl:w-20 3xl:w-28 bg-grey-light border border-light rounded-xs px-2 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors" />
3786                    </div>
3787                </div>
3788
3789                
3790                <div x-show="propType === 'apartment' || propType === 'house'" class="flex flex-col gap-1 shrink-0">
3791                    <span class="text-[11px] xl:text-xs 2xl:text-sm font-semibold text-dark">Liczba pokoi</span>
3792                    <div class="flex items-center gap-1.5">
3793                        <input type="text" name="rooms_min" placeholder="od"
3794                            class="w-14 xl:w-20 3xl:w-28 bg-grey-light border border-light rounded-xs px-2 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors" />
3795                        <input type="text" name="rooms_max" placeholder="do"
3796                            class="w-14 xl:w-20 3xl:w-28 bg-grey-light border border-light rounded-xs px-2 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors" />
3797                    </div>
3798                </div>
3799
3800                                    <div x-show="propType === 'plot'" style="display: none" class="flex flex-col gap-1 shrink-0">
3801                        <span class="text-[11px] xl:text-xs 2xl:text-sm font-semibold text-dark">Rodzaj działki</span>
3802                        <div x-data="{
3803    open: false,
3804    sel: [],
3805    get label() {
3806        if (this.sel.length === 0) return 'dowolny';
3807        if (this.sel.length === 1) return this.sel[0].charAt(0).toUpperCase() + this.sel[0].slice(1);
3808        return this.sel.length + ' wybrane';
3809    },
3810    toggle(val) {
3811        const i = this.sel.indexOf(val);
3812        i === -1 ? this.sel.push(val) : this.sel.splice(i, 1);
3813    }
3814}" class="relative" @click.outside="open = false">
3815
3816    
3817    <button type="button" @click="open = !open" class="bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm 2xl:text-base text-dark cursor-pointer outline-none min-w-28 xl:min-w-36"
3818        style="display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left;">
3819        <span x-text="label" class="truncate flex-1 min-w-0 mr-1"></span>
3820        <span class="shrink-0 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></span>
3821    </button>
3822
3823    
3824    <div x-show="open" x-cloak
3825        class="absolute top-full left-0 w-full min-w-max bg-white border border-light rounded-xs shadow-lg py-1 mt-0.5 max-h-48 overflow-y-auto z-100"
3826        style="display:none">
3827                    <label
3828                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3829                <input type="checkbox" name="plot_type[]" value="aktywizacja gospodarcza"
3830                    @change="toggle('aktywizacja gospodarcza')" :checked="sel.includes('aktywizacja gospodarcza')"
3831                    class="accent-secondary shrink-0">
3832                Aktywizacja gospodarcza
3833            </label>
3834                    <label
3835                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3836                <input type="checkbox" name="plot_type[]" value="bez warunków zabudowy"
3837                    @change="toggle('bez warunków zabudowy')" :checked="sel.includes('bez warunków zabudowy')"
3838                    class="accent-secondary shrink-0">
3839                Bez warunków zabudowy
3840            </label>
3841                    <label
3842                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3843                <input type="checkbox" name="plot_type[]" value="budowlano rzemieślniczy"
3844                    @change="toggle('budowlano rzemieślniczy')" :checked="sel.includes('budowlano rzemieślniczy')"
3845                    class="accent-secondary shrink-0">
3846                Budowlano rzemieślniczy
3847            </label>
3848                    <label
3849                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3850                <input type="checkbox" name="plot_type[]" value="budowlany jednorodzinny"
3851                    @change="toggle('budowlany jednorodzinny')" :checked="sel.includes('budowlany jednorodzinny')"
3852                    class="accent-secondary shrink-0">
3853                Budowlany jednorodzinny
3854            </label>
3855                    <label
3856                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3857                <input type="checkbox" name="plot_type[]" value="budowlany pod bliźniak"
3858                    @change="toggle('budowlany pod bliźniak')" :checked="sel.includes('budowlany pod bliźniak')"
3859                    class="accent-secondary shrink-0">
3860                Budowlany pod bliźniak
3861            </label>
3862                    <label
3863                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3864                <input type="checkbox" name="plot_type[]" value="budowlany pod szeregowce"
3865                    @change="toggle('budowlany pod szeregowce')" :checked="sel.includes('budowlany pod szeregowce')"
3866                    class="accent-secondary shrink-0">
3867                Budowlany pod szeregowce
3868            </label>
3869                    <label
3870                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3871                <input type="checkbox" name="plot_type[]" value="budowlany wielorodzinny"
3872                    @change="toggle('budowlany wielorodzinny')" :checked="sel.includes('budowlany wielorodzinny')"
3873                    class="accent-secondary shrink-0">
3874                Budowlany wielorodzinny
3875            </label>
3876                    <label
3877                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3878                <input type="checkbox" name="plot_type[]" value="leśny"
3879                    @change="toggle('leśny')" :checked="sel.includes('leśny')"
3880                    class="accent-secondary shrink-0">
3881                Leśny
3882            </label>
3883                    <label
3884                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3885                <input type="checkbox" name="plot_type[]" value="rekreacyjny/p.o.d."
3886                    @change="toggle('rekreacyjny/p.o.d.')" :checked="sel.includes('rekreacyjny/p.o.d.')"
3887                    class="accent-secondary shrink-0">
3888                Rekreacyjny/p.o.d.
3889            </label>
3890                    <label
3891                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3892                <input type="checkbox" name="plot_type[]" value="rezydencjalny"
3893                    @change="toggle('rezydencjalny')" :checked="sel.includes('rezydencjalny')"
3894                    class="accent-secondary shrink-0">
3895                Rezydencjalny
3896            </label>
3897                    <label
3898                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3899                <input type="checkbox" name="plot_type[]" value="rol
3899ny"
3900                    @change="toggle('rolny')" :checked="sel.includes('rolny')"
3901                    class="accent-secondary shrink-0">
3902                Rolny
3903            </label>
3904                    <label
3905                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3906                <input type="checkbox" name="plot_type[]" value="rolny do przekształcenia"
3907                    @change="toggle('rolny do przekształcenia')" :checked="sel.includes('rolny do przekształcenia')"
3908                    class="accent-secondary shrink-0">
3909                Rolny do przekształcenia
3910            </label>
3911                    <label
3912                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3913                <input type="checkbox" name="plot_type[]" value="siedliskowy"
3914                    @change="toggle('siedliskowy')" :checked="sel.includes('siedliskowy')"
3915                    class="accent-secondary shrink-0">
3916                Siedliskowy
3917            </label>
3918            </div>
3919</div>
3920                    </div>
3921                
3922                                    <div x-show="propType === 'commercial'" style="display: none"
3923                        class="flex flex-col gap-1 shrink-0">
3924                        <span class="text-[11px] xl:text-xs 2xl:text-sm font-semibold text-dark">Rodzaj
3925                            nieruchomości</span>
3926                        <div x-data="{
3927    open: false,
3928    sel: [],
3929    get label() {
3930        if (this.sel.length === 0) return 'dowolny';
3931        if (this.sel.length === 1) return this.sel[0].charAt(0).toUpperCase() + this.sel[0].slice(1);
3932        return this.sel.length + ' wybrane';
3933    },
3934    toggle(val) {
3935        const i = this.sel.indexOf(val);
3936        i === -1 ? this.sel.push(val) : this.sel.splice(i, 1);
3937    }
3938}" class="relative" @click.outside="open = false">
3939
3940    
3941    <button type="button" @click="open = !open" class="bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm 2xl:text-base text-dark cursor-pointer outline-none min-w-28 xl:min-w-36"
3942        style="display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left;">
3943        <span x-text="label" class="truncate flex-1 min-w-0 mr-1"></span>
3944        <span class="shrink-0 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></span>
3945    </button>
3946
3947    
3948    <div x-show="open" x-cloak
3949        class="absolute top-full left-0 w-full min-w-max bg-white border border-light rounded-xs shadow-lg py-1 mt-0.5 max-h-48 overflow-y-auto z-100"
3950        style="display:none">
3951                    <label
3952                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3953                <input type="checkbox" name="commercial_type[]" value="biurowy"
3954                    @change="toggle('biurowy')" :checked="sel.includes('biurowy')"
3955                    class="accent-secondary shrink-0">
3956                Biurowy
3957            </label>
3958                    <label
3959                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3960                <input type="checkbox" name="commercial_type[]" value="budynek wielorodzinny/plomba"
3961                    @change="toggle('budynek wielorodzinny/plomba')" :checked="sel.includes('budynek wielorodzinny/plomba')"
3962                    class="accent-secondary shrink-0">
3963                Budynek wielorodzinny/plomba
3964            </label>
3965                    <label
3966                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3967                <input type="checkbox" name="commercial_type[]" value="gospodarstwo rolne"
3968                    @change="toggle('gospodarstwo rolne')" :checked="sel.includes('gospodarstwo rolne')"
3969                    class="accent-secondary shrink-0">
3970                Gospodarstwo rolne
3971            </label>
3972                    <label
3973                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3974                <input type="checkbox" name="commercial_type[]" value="handlowy"
3975                    @change="toggle('handlowy')" :checked="sel.includes('handlowy')"
3976                    class="accent-secondary shrink-0">
3977                Handlowy
3978            </label>
3979                    <label
3980                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3981                <input type="checkbox" name="commercial_type[]" value="hotelowy"
3982                    @change="toggle('hotelowy')" :checked="sel.includes('hotelowy')"
3983                    class="accent-secondary shrink-0">
3984                Hotelowy
3985            </label>
3986                    <label
3987                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3988                <input type="checkbox" name="commercial_type[]" value="inny komercyjny"
3989                    @change="toggle('inny komercyjny')" :checked="sel.includes('inny komercyjny')"
3990                    class="accent-secondary shrink-0">
3991                Inny komercyjny
3992            </label>
3993                    <label
3994                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
3995                <input type="checkbox" name="commercial_type[]" value="inny niekomercyjny"
3996                    @change="toggle('inny niekomercyjny')" :checked="sel.includes('inny niekomercyjny')"
3997                    class="accent-secondary shrink-0">
3998                Inny niekomercyjny
3999            </label>
4000                    <label
4001                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4002                <input type="checkbox" name="commercial_type[]" value="kamienica"
4003                    @change="toggle('kamienica')" :checked="sel.includes('kamienica')"
4004                    class="accent-secondary shrink-0">
4005                Kamienica
4006            </label>
4007                    <label
4008                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4009                <input type="checkbox" name="commercial_type[]" value="magazynowy"
4010                    @change="toggle('magazynowy')" :checked="sel.includes('magazynowy')"
4011                    class="accent-secondary shrink-0">
4012                Magazynowy
4013            </label>
4014                    <label
4015                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4016                <input type="checkbox" name="commercial_type[]" value="pensjonat"
4017                    @change="toggle('pensjonat')" :checked="sel.includes('pensjonat')"
4018                    class="accent-secondary shrink-0">
4019                Pensjonat
4020            </label>
4021                    <label
4022                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4023                <input type="checkbox" name="commercial_type[]" value="produkcja"
4024                    @change="toggle('produkcja')" :checked="sel.includes('produkcja')"
4025                    class="accent-secondary shrink-0">
4026                Produkcja
4027            </label>
4028                    <label
4029                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4030                <input type="checkbox" name="commercial_type[]" value="przemysłowy"
4031                    @change="toggle('przemysłowy')" :checked="sel.includes('przemysłowy')"
4032                    class="accent-secondary shrink-0">
4033                Przemysłowy
4034            </label>
4035                    <label
4036                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4037                <input type="checkbox" name="commercial_type[]" value="przemysłowy/hala"
4038                    @change="toggle('przemysłowy/hala')" :checked="sel.includes('przemysłowy/hala')"
4039                    class="accent-secondary shrink-0">
4040                Przemysłowy/hala
4041            </label>
4042                    <label
4043                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4044                <input type="checkbox" name="commercial_type[]" value="rekreacyjny"
4045                    @change="toggle('rekreacyjny')" :checked="sel.includes('rekreacyjny')"
4046                    class="accent-secondary shrink-0">
4047                Rekreacyjny
4048            </label>
4049                    <label
4050                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4051                <input type="checkbox" name="commercial_type[]" value="restauracja/pub"
4052                    @change="toggle('restauracja/pub')" :checked="sel.includes('restauracja/pub')"
4053                    class="accent-secondary shrink-0">
4054                Restauracja/pub
4055            </label>
4056                    <label
4057                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4058                <input type="checkbox" name="commercial_type[]" value="rezydencjalny"
4059                    @change="toggle('rezydencjalny')" :checked="sel.includes('rezydencjalny')"
4060                    class="accent-secondary shrink-0">
4061                Rezydencjalny
4062            </label>
4063                    <label
4064                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4065                <input type="checkbox" name="commercial_type[]" value="rolny"
4066                    @change="toggle('rolny')" :checked="sel.includes('rolny')"
4067                    class="accent-secondary shrink-0">
4068                Rolny
4069            </label>
4070                    <label
4071                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4072                <input type="checkbox" name="commercial_type[]" value="stadnina"
4073                    @change="toggle('stadnina')" :checked="sel.includes('stadnina')"
4074                    class="accent-secondary shrink-0">
4075                Stadnina
4076            </label>
4077                    <label
4078                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4079                <input type="checkbox" name="commercial_type[]" value="usługowy"
4080                    @change="toggle('usługowy')" :checked="sel.includes('usługowy')"
4081                    class="accent-secondary shrink-0">
4082                Usługowy
4083            </label>
4084                    <label
4085                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4086                <input type="checkbox" name="commercial_type[]" value="warsztatowy"
4087                    @change="toggle('warsztatowy')" :checked="sel.includes('warsztatowy')"
4088                    class="accent-secondary shrink-0">
4089                Warsztatowy
4090            </label>
4091            </div>
4092</div>
4093                    </div>
4094                
4095                                    <div x-show="propType === 'premises'" style="display: none" class="flex flex-col gap-1 shrink-0">
4096                        <span class="text-[11px] xl:text-xs 2xl:text-sm font-semibold text-dark">Rodzaj lokalu</span>
4097                        <div x-data="{
4098    open: false,
4099    sel: [],
4100    get label() {
4101        if (this.sel.length === 0) return 'dowolny';
4102        if (this.sel.length === 1) return this.sel[0].charAt(0).toUpperCase() + this.sel[0].slice(1);
4103        return this.sel.length + ' wybrane';
4104    },
4105    toggle(val) {
4106        const i = this.sel.indexOf(val);
4107        i === -1 ? this.sel.push(val) : this.sel.splice(i, 1);
4108    }
4109}" class="relative" @click.outside="open = false">
4110
4111    
4112    <button type="button" @click="open = !open" class="bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm 2xl:text-base text-dark cursor-pointer outline-none min-w-28 xl:min-w-36"
4113        style="display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left;">
4114        <span x-text="label" class="truncate flex-1 min-w-0 mr-1"></span>
4115        <span class="shrink-0 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></span>
4116    </button>
4117
4118    
4119    <div x-show="open" x-cloak
4120        class="absolute top-full left-0 w-full min-w-max bg-white border border-light rounded-xs shadow-lg py-1 mt-0.5 max-h-48 overflow-y-auto z-100"
4121        style="display:none">
4122                    <label
4123                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4124                <input type="checkbox" name="premises_type[]" value="biurowy"
4125                    @change="toggle('biurowy')" :checked="sel.includes('biurowy')"
4126                    class="accent-secondary shrink-0">
4127                Biurowy
4128            </label>
4129                    <label
4130                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4131                <input type="checkbox" name="premises_type[]" value="gastronomia"
4132                    @change="toggle('gastronomia')" :checked="sel.includes('gastronomia')"
4133                    class="accent-secondary shrink-0">
4134                Gastronomia
4135            </label>
4136                    <label
4137                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4138                <input type="checkbox" name="premises_type[]" value="handlowy"
4139                    @change="toggle('handlowy')" :checked="sel.includes('handlowy')"
4140                    class="accent-secondary shrink-0">
4141                Handlowy
4142            </label>
4143                    <label
4144                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4145                <input type="checkbox" name="premises_type[]" value="hotelowy"
4146                    @change="toggle('hotelowy')" :checked="sel.includes('hotelowy')"
4147                    class="accent-secondary shrink-0">
4148                Hotelowy
4149            </label>
4150                    <label
4151                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4152                <input type="checkbox" name="premises_type[]" value="przemysłowy"
4153                    @change="toggle('przemysłowy')" :checked="sel.includes('przemysłowy')"
4154                    class="accent-secondary shrink-0">
4155                Przemysłowy
4156            </label>
4157                    <label
4158                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4159                <input type="checkbox" name="premises_type[]" value="usługowy"
4160                    @change="toggle('usługowy')" :checked="sel.includes('usługowy')"
4161                    class="accent-secondary shrink-0">
4162                Usługowy
4163            </label>
4164                    <label
4165                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4166                <input type="checkbox" name="premises_type[]" value="warsztatowy"
4167                    @change="toggle('warsztatowy')" :checked="sel.includes('warsztatowy')"
4168                    class="accent-secondary shrink-0">
4169                Warsztatowy
4170            </label>
4171            </div>
4172</div>
4173                    </div>
4174                
4175                                    <div x-show="propType === 'garage'" style="display: none" class="flex flex-col gap-1 shrink-0">
4176                        <span class="text-[11px] xl:text-xs 2xl:text-sm font-semibold text-dark">Rodzaj garażu</span>
4177                        <div x-data="{
4178    open: false,
4179    sel: [],
4180    get label() {
4181        if (this.sel.length === 0) return 'dowolny';
4182        if (this.sel.length === 1) return this.sel[0].charAt(0).toUpperCase() + this.sel[0].slice(1);
4183        return this.sel.length + ' wybrane';
4184    },
4185    toggle(val) {
4186        const i = this.sel.indexOf(val);
4187        i === -1 ? this.sel.push(val) : this.sel.splice(i, 1);
4188    }
4189}" class="relative" @click.outside="open = false">
4190
4191    
4192    <button type="button" @click="open = !open" class="bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm 2xl:text-base text-dark cursor-pointer outline-none min-w-28 xl:min-w-36"
4193        style="display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left;">
4194        <span x-text="label" class="truncate flex-1 min-w-0 mr-1"></span>
4195        <span class="shrink-0 pointer-events-none"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></span>
4196    </button>
4197
4198    
4199    <div x-show="open" x-cloak
4200        class="absolute top-full left-0 w-full min-w-max bg-white border border-light rounded-xs shadow-lg py-1 mt-0.5 max-h-48 overflow-y-auto z-100"
4201        style="display:none">
4202                    <label
4203                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4204                <input type="checkbox" name="garage_type[]" value="miejsce parkingowe"
4205                    @change="toggle('miejsce parkingowe')" :checked="sel.includes('miejsce parkingowe')"
4206                    class="accent-secondary shrink-0">
4207                Miejsce parkingowe
4208            </label>
4209                    <label
4210                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4211                <input type="checkbox" name="garage_type[]" value="miejsce w garażu podziemnym"
4212                    @change="toggle('miejsce w garażu podziemnym')" :checked="sel.includes('miejsce w garażu podziemnym')"
4213                    class="accent-secondary shrink-0">
4214                Miejsce w garażu podziemnym
4215            </label>
4216                    <label
4217                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4218                <input type="checkbox" name="garage_type[]" value="na placu z garażami"
4219                    @change="toggle('na placu z garażami')" :checked="sel.includes('na placu z garażami')"
4220                    class="accent-secondary shrink-0">
4221                Na placu z garażami
4222            </label>
4223                    <label
4224                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4225                <input type="checkbox" name="garage_type[]" value="w budynku"
4226                    @change="toggle('w budynku')" :checked="sel.includes('w budynku')"
4227                    class="accent-secondary shrink-0">
4228                W budynku
4229            </label>
4230                    <label
4231                class="flex items-center gap-2 px-3 py-1.5 hover:bg-grey-light cursor-pointer text-sm text-dark select-none whitespace-nowrap">
4232                <input type="checkbox" name="garage_type[]" value="wolnostojący"
4233                    @change="toggle('wolnostojący')" :checked="sel.includes('wolnostojący')"
4234                    class="accent-secondary shrink-0">
4235                Wolnostojący
4236            </label>
4237            </div>
4238</div>
4239                    </div>
4240                
4241                <div class="ml-auto flex items-center gap-2 xl:gap-3 3xl:gap-5 shrink-0">
4242                    <button type="button" @click="filtersOpen = !filtersOpen"
4243                        class="flex items-center gap-1.5 xl:gap-2 text-xs xl:text-sm 2xl:text-base font-bold text-dark hover:text-secondary transition-colors cursor-pointer">
4244                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="15" viewBox="0 0 23 19"
4245                            fill="none">
4246                            <path
4247                                d="M9.82995 3.24835H21.6482C21.9455 3.29443 22.1809 3.19076 22.3543 2.93736C22.5277 2.68395 22.527
42477 2.43054 22.3543 2.17714C22.1809 1.92373 21.9455 1.82006 21.6482 1.86614H9.82995C9.63174 1.86614 9.47069 1.93525 9.34681 2.07347C9.22293 2.21169 9.16099 2.37295 9.16099 2.55725C9.16099 2.74154 9.22293 2.9028 9.34681 3.04102C9.47069 3.17924 9.63174 3.24835 9.82995 3.24835ZM0.836196 3.24835H2.32277C2.42187 3.5248 2.5953 3.7782 2.84307 4.00857L3.43769 4.49235C3.83411 4.90701 4.34202 5.11435 4.96143 5.11435C5.58083 5.11435 6.11352 4.90701 6.55949 4.49235L7.07979 4.00857C7.52576 3.59391 7.74875 3.11013 7.74875 2.55725C7.74875 2.00436 7.52576 1.52058 7.07979 1.10592L6.55949 0.622141C6.11352 0.207476 5.58083 0.000143051 4.96143 0.000143051C4.34202 0.000143051 3.80934 0.207476 3.36337 0.622141L2.91739 1.10592C2.66963 1.33629 2.4962 1.58969 2.39709 1.86614H0.836196C0.538882 1.82006 0.303508 1.92373 0.130075 2.17714C-0.0433583 2.43054 -0.0433583 2.68395 0.130075 2.93736C0.303508 3.19076 0.538882 3.29443 0.836196 3.24835ZM3.88366 2.07347L4.40396 1.58969C4.55262 1.45147 4.73844 1.38236 4.96143 1.38236C5.18441 1.38236 5.34546 1.45147 5.44456 1.58969L6.03919 2.07347C6.18785 2.21169 6.26218 2.37295 6.26218 2.55725C6.26218 2.74154 6.18785 2.9028 6.03919 3.04102L5.51889 3.5248C5.37023 3.66302 5.18441 3.73213 4.96143 3.73213C4.73844 3.73213 4.55262 3.66302 4.40396 3.5248L3.88366 3.04102C3.73501 2.9028 3.66068 2.74154 3.66068 2.55725C3.66068 2.37295 3.73501 2.21169 3.88366 2.07347ZM21.6482 8.77722H16.1479C15.801 8.73115 15.5532 8.83482 15.4046 9.08822C15.2559 9.34163 15.2559 9.59504 15.4046 9.84844C15.5532 10.1018 15.801 10.2055 16.1479 10.1594H21.7225C21.8712 10.1594 22.0198 10.0903 22.1685 9.95211C22.3171 9.81389 22.3915 9.65263 22.3915 9.46833C22.3915 9.28404 22.3171 9.12278 22.1685 8.98456C22.0198 8.84634 21.8712 8.77722 21.7225 8.77722H21.6482ZM0.836196 10.1594H8.64069C8.73979 10.4359 8.91323 10.6893 9.16099 10.9197L9.68129 11.4034C10.1273 11.8181 10.6476 12.0254 11.2422 12.0254C11.8368 12.0254 12.3571 11.8181 12.8031 11.4034L13.3234 10.9197C13.7694 10.505 13.9923 10.0212 13.9923 9.46833C13.9923 8.91545 13.7694 8.43167 13.3234 8.017L12.8031 7.53323C12.3571 7.11856 11.8368 6.91123 11.2422 6.91123C10.6476 6.91123 10.1273 7.11856 9.68129 7.53323L9.16099 8.017C8.91323 8.24737 8.73979 8.50078 8.64069 8.77722H0.836196C0.637986 8.8233 0.476941 8.90393 0.35306 9.01911C0.22918 9.1343 0.167239 9.28404 0.167239 9.46833C0.167239 9.65263 0.22918 9.81389 0.35306 9.95211C0.476941 10.0903 0.637986 10.1594 0.836196 10.1594ZM10.2016 8.98456L10.7219 8.50078C10.8705 8.36256 11.044 8.29345 11.2422 8.29345C11.4404 8.29345 11.6138 8.36256 11.7625 8.50078L12.2828 8.98456C12.4314 9.12278 12.5058 9.28404 12.5058 9.46833C12.5058 9.65263 12.4314 9.81389 12.2828 9.95211L11.7625 10.4359C11.6138 10.5741 11.4404 10.6432 11.2422 10.6432C11.044 10.6432 10.8705 10.5741 10.7219 10.4359L10.2016 9.95211C10.0529 9.81389 9.9786 9.65263 9.9786 9.46833C9.9786 9.28404 10.0529 9.12278 10.2016 8.98456ZM19.121 14.4443C18.675 14.0297 18.1424 13.8223 17.5229 13.8223C16.9035 13.8223 16.3709 14.0297 15.9249 14.4443L15.4046 14.9281C15.1568 15.1585 14.9834 15.4119 14.8843 15.6883H0.836196C0.538882 15.6422 0.303508 15.7459 0.130075 15.9993C-0.0433583 16.2527 -0.0433583 16.5061 0.130075 16.7595C0.303508 17.0129 0.538882 17.1166 0.836196 17.0705H14.8843C15.0329 17.347 15.2064 17.6004 15.4046 17.8307L15.9249 18.3145C16.3709 18.7292 16.9035 18.9365 17.5229 18.9365C18.1424 18.9365 18.675 18.7292 19.121 18.3145L19.6413 17.8307C20.0873 17.4161 20.3103 16.9323 20.3103 16.3794C20.3103 15.8265 20.0873 15.3428 19.6413 14.9281L19.121 14.4443ZM18.6007 16.8632L18.0804 17.347C17.9318 17.4852 17.7583 17.5543 17.5601 17.5543C17.3619 17.5543 17.1885 17.4852 17.0398 17.347L16.5195 16.8632C16.3709 16.725 16.2965 16.5637 16.2965 16.3794C16.2965 16.1951 16.3709 16.0339 16.5195 15.8956L17.0398 15.4119C17.1885 15.2736 17.3619 15.2045 17.5601 15.2045C17.7583 15.2045 17.9318 15.2736 18.0804 15.4119L18.6007 15.8956C18.7494 16.0339 18.8237 16.1951 18.8237 16.3794C18.8237 16.5637 18.7494 16.725 18.6007 16.8632ZM21.6482 17.0705C21.4004 17.0705 21.2022 16.9669 21.0536 16.7595C20.9049 16.5522 20.8801 16.3333 20.9792 16.103C20.9792 16.0108 21.0288 15.9417 21.1279 
424715.8956C21.3261 15.6653 21.5862 15.6077 21.9083 15.7229C22.2304 15.8381 22.3915 16.0569 22.3915 16.3794C22.3915 16.5637 22.3171 16.725 22.1685 16.8632C22.0198 17.0014 21.8464 17.0705 21.6482 17.0705Z"
4248                                fill="black" />
4249                        </svg>
4250                        <span x-text="filtersOpen ? 'Zwiń opcje' : 'Filtry'">Filtry</span>
4251                    </button>
4252                    <button type="button" @click="navigate()"
4253                        class="bg-red text-white font-bold text-xs xl:text-sm 2xl:text-base px-4 xl:px-6 2xl:px-8 py-2 xl:py-2.5 rounded-[5px] cursor-pointer hover:brightness-90 transition shrink-0">
4254                        Szukaj
4255                    </button>
4256                </div>
4257            </div>
4258
4259            
4260            <div x-show="filtersOpen" style="display:none"
4261                class="absolute top-full left-0 right-0 z-50 bg-white rounded-b-[15px] shadow-md overflow-hidden"
4262                x-transition:enter="transition-all ease-out duration-300" x-transition:enter-start="opacity-0 max-h-0"
4263                x-transition:enter-end="opacity-100 max-h-[800px]"
4264                x-transition:leave="transition-all ease-in duration-200"
4265                x-transition:leave-start="opacity-100 max-h-[800px]" x-transition:leave-end="opacity-0 max-h-0">
4266                <div class="border-t border-light pt-4 pb-5 px-3 xl:px-5 2xl:px-6">
4267
4268                    
4269                    <template x-if="propType === 'apartment'">
4270                        <div class="flex flex-col gap-3">
4271                            <div class="grid grid-cols-3 gap-x-6 gap-y-3">
4272                                <div class="flex flex-col gap-1">
4273                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rynek</span>
4274                                    <div class="relative">
4275                                        <select name="market" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
4276                                            <option value="">dowolny</option>
4277                                            <option value="1">pierwotny</option>
4278                                            <option value="0">wtórny</option>
4279                                        </select>
4280                                        <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
4281                                            <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
4282                                    </div>
4283                                </div>
4284                                <div class="flex flex-col gap-1">
4285                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Piętro (0=parter)</span>
4286                                    <div class="flex items-center gap-1.5">
4287                                        <input type="number" name="floor_from" placeholder="od"
4288                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4289                                        <input type="number" name="floor_to" placeholder="do"
4290                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4291                                    </div>
4292                                </div>
4293                                <div class="flex flex-col gap-1">
4294                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
4295                                    <input type="text" name="keyword" placeholder="słowa kluczowe"
4296                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4297                                </div>
4298                                <div class="flex flex-col gap-1">
4299                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Liczba kondygnacji w budynku</span>
4300                                    <div class="flex items-center gap-1.5">
4301                                        <input type="number" name="floors_from" placeholder="od"
4302                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4303                                        <input type="number" name="floors_to" placeholder="do"
4304                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4305                                    </div>
4306                                </div>
4307                                <div class="flex flex-col gap-1">
4308                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
4309                                    <input type="text" name="offer_number" placeholder="np. WGN-123"
4310                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4311                                </div>
4312                                <div class="flex flex-col gap-1">
4313                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rok budowy</span>
4314                                    <div class="flex items-center gap-1.5">
4315                                        <input type="number" name="year_from" placeholder="od"
4316                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4317                                        <input type="number" name="year_to" placeholder="do"
4318                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4319                                    </div>
4320                                </div>
4321                                <div class="flex flex-col gap-1">
4322                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Cena za 1m²</span>
4323                                    <div class="flex items-center gap-1.5">
4324                                        <select name="price_m2_from" class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
4325                                            <option value="">od</option>
4326                                                                                            <option translate="no" value="1000">
4327                                                    1 000</option>
4328                                                                                            <option translate="no" value="2000">
4329                                                    2 000</option>
4330                                                                                            <option translate="no" value="3000">
4331                                                    3 000</option>
4332                                                                                            <option translate="no" value="4000">
4333                                                    4 000</option>
4334                                                                                            <option translate="no" value="5000">
4335                                                    5 000</option>
4336                                                                                            <option translate="no" value="6000">
4337                                                    6 000</option>
4338                                                                                            <option translate="no" value="7000">
4339                                                    7 000</option>
4340                                                                                            <option translate="no" value="8000">
4341                                                    8 000</option>
4342                                                                                            <option translate="no" value="9000">
4343                                                    9 000</option>
4344                                                                                            <option translate="no" value="10000">
4345                                                    10 000</option>
4346                                                                                            <option translate="no" value="11000">
4347                                                    11 000</option>
4348                                                                                            <option translate="no" value="12000">
4349                                                    12 000</option>
4350                                                                                            <option translate="no" value="13000">
4351                                                    13 000</option>
4352                                                                                            <option translate="no" value="14000">
4353                                                    14 000</option>
4354                                                                                            <option translate="no" value="15000">
4355                                                    15 000</option>
4356                                                                                            <option translate="no" value="16000">
4357                                                    16 000</option>
4358                                                                                            <option translate="no" value="17000">
4359                                                    17 000</option>
4360                                                                                            <option translate="no" value="18000">
4361                                                    18 000</option>
4362                                                                                            <option translate="no" value="19000">
4363                                                    19 000</option>
4364                                                                                            <option translate="no" value="20000">
4365                                                    20 000</option>
4366                                                                                    </select>
4367                                        <select name="price_m2_to" class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
4368                                            <option value="">do</option>
4369                                                                                            <option translate="no" value="1000">
4370                                                    1 000</option>
4371                                                                                            <option translate="no" value="2000">
4372                                                    2 000</option>
4373                                                                                            <option translate="no" value="3000">
4374                                                    3 000</option>
4375                                                                                            <option translate="no" value="4000">
4376                                                    4 000</option>
4377                                                                                            <option translate="no" value="5000">
4378                                                    5 000</option>
4379                                                                                            <option translate="no" value="6000">
4380                                                    6 000</option>
4381                                                                                            <option translate="no" value="7000">
4382                                                    7 000</option>
4383                                                                                            <option translate="no" value="8000">
4384                                                    8 000</option>
4385                                                                                            <option translate="no" value="9000">
4386                                                    9 000</option>
4387                                                                                            <option translate="no" value="10000">
4388                                                    10 000</option>
4389                                                                                            <option translate="no" value="11000">
4390                                                    11 000</option>
4391                                                                                            <option translate="no" value="12000">
4392                                                    12 000</option>
4393                                                                                            <option translate="no" value="13000">
4394                                                    13 000</option>
4395                                                                                            <option translate="no" value="14000">
4396                                                    14 000</option>
4397                                                                                            <option translate="no" value="15000">
4398                                                    15 000</option>
4399                                                                                            <option translate="no" value="16000">
4400                                                    16 000</option>
4401                                                                                            <option translate="no" value="17000">
4402                                                    17 000</option>
4403                                                                                            <option translate="no" value="18000">
4404                                                    18 000</option>
4405                                                                                            <option translate="no" value="19000">
4406                                                    19 000</option>
4407                                                                                            <option translate="no" value="20000">
4408                                                    20 000</option>
4409                                                                                    </select>
4410                                    </div>
4411                                </div>
4412                                <div class="col-span-2 flex flex-wrap items-center gap-x-5 gap-y-1.5 
4412self-end pb-1">
4413                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
4414                                            class="accent-secondary"> Tylko ze zdjęciem</label>
4415                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
4416                                            class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
4417                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
4418                                            class="accent-secondary"> Tylko na wyłączność</label>
4419                                </div>
4420                            </div>
4421                            <div class="flex flex-col gap-1.5 pt-1 border-t border-light">
4422                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Dodatkowe informacje</span>
4423                                <div class="flex flex-wrap gap-x-5 gap-y-1.5">
4424                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="garage"
4425                                            class="accent-secondary"> garaż / miejsca parkingowe</label>
4426                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="elevator"
4427                                            class="accent-secondary"> winda</label>
4428                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="balcony"
4429                                            class="accent-secondary"> balkon / taras / loggia</label>
4430                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="garden"
4431                                            class="accent-secondary"> ogródek</label>
4432                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="monitoring"
4433                                            class="accent-secondary"> monitoring / ochrona</label>
4434                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="kitchenette"
4435                                            class="accent-secondary"> oddzielna kuchnia</label>
4436                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox"
4437                                            name="air_conditioning" class="accent-secondary"> klimatyzacja</label>
4438                                </div>
4439                            </div>
4440                        </div>
4441                    </template>
4442
4443                    
4444                    <template x-if="propType === 'house'">
4445                        <div class="flex flex-col gap-3">
4446                            <div class="grid grid-cols-3 gap-x-6 gap-y-3">
4447                                <div class="flex flex-col gap-1">
4448                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rynek</span>
4449                                    <div class="relative">
4450                                        <select name="market" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
4451                                            <option value="">dowolny</option>
4452                                            <option value="1">pierwotny</option>
4453                                            <option value="0">wtórny</option>
4454                                        </select>
4455                                        <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
4456                                            <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
4457                                    </div>
4458                                </div>
4459                                <div class="flex flex-col gap-1">
4460                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rodzaj domu</span>
4461                                    <div class="relative">
4462                                        <select name="house_type" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
4463                                            <option value="">dowolny</option>
4464                                                                                            <option value="bliźniak">Bliźniak</option>
4465                                                                                            <option value="dom z warsztatem">Dom z warsztatem</option>
4466                                                                                            <option value="dworek/posiadłość">Dworek/posiadłość</option>
4467                                                                                            <option value="letniskowy">Letniskowy</option>
4468                                                                                            <option value="pałac/zamek">Pałac/zamek</option>
4469                                                                                            <option value="szeregowiec">Szeregowiec</option>
4470                                                                                            <option value="willa/rezydencja">Willa/rezydencja</option>
4471                                                                                            <option value="wolnostojący">Wolnostojący</option>
4472                                                                                    </select>
4473                                        <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
4474                                            <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
4475                                    </div>
4476                                </div>
4477                                <div class="flex flex-col gap-1">
4478                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Powierzchnia działki m²</span>
4479                                    <div class="flex items-center gap-1.5">
4480                                        <input type="number" name="plot_area_from" placeholder="od"
4481                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4482                                        <input type="number" name="plot_area_to" placeholder="do"
4483                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4484                                    </div>
4485                                </div>
4486                                <div class="flex flex-col gap-1">
4487                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Liczba kondygnacji w budynku</span>
4488                                    <div class="flex items-center gap-1.5">
4489                                        <input type="number" name="floors_from" placeholder="od"
4490                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4491                                        <input type="number" name="floors_to" placeholder="do"
4492                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4493                                    </div>
4494                                </div>
4495                                <div class="flex flex-col gap-1">
4496                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Stan techniczny</span>
4497                                    <div class="relative">
4498                                        <select name="condition" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
4499                                            <option value="">dowolny</option>
4500                                                                                            <option value="deweloperski">Deweloperski</option>
4501                                                                                            <option value="do dokończenia">Do dokończenia</option>
4502                                                                                            <option value="do remontu">Do remontu</option>
4503                                                                                            <option value="dobry">Dobry</option>
4504                                                                                            <option value="komfort">Komfort</option>
4505                                                                                            <option value="po remoncie">Po remoncie</option>
4506                                                                                            <option value="standard">Standard</option>
4507                                                                                            <option value="surowy otwarty">Surowy otwarty</option>
4508                                                                                            <option value="surowy zamkniety">Surowy zamkniety</option>
4509                                                                                            <option value="wysoki standard">Wysoki standard</option>
4510                                                                                    </select>
4511                                        <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
4512                                            <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
4513                                    </div>
4514                                </div>
4515                                <div class="flex flex-col gap-1">
4516                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rok budowy</span>
4517                                    <div class="flex items-center gap-1.5">
4518                                        <input type="number" name="year_from" placeholder="od"
4519                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4520                                        <input type="number" name="year_to" placeholder="do"
4521                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4522                                    </div>
4523                                </div>
4524                                <div class="flex flex-col gap-1">
4525                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Cena za 1m²</span>
4526                                    <div class="flex items-center gap-1.5">
4527                                        <select name="price_m2_from" class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
4528                                            <option value="">od</option>
4529                                                                                            <option translate="no" value="1000">
4530                                                    1 000</option>
4531                                                                                            <option translate="no" value="2000">
4532                                                    2 000</option>
4533                                                                                            <option translate="no" value="3000">
4534                                                    3 000</option>
4535                                                                                            <option translate="no" value="4000">
4536                                                    4 000</option>
4537                                                                                            <option translate="no" value="5000">
4538                                                    5 000</option>
4539                                                                                            <option translate="no" value="6000">
4540                                                    6 000</option>
4541                                                                                            <option translate="no" value="7000">
4542                                                    7 000</option>
4543                                                                                            <option translate="no" value="8000">
4544                                                    8 000</option>
4545                                                                                            <option translate="no" value="9000">
4546                                                    9 000</option>
4547                                                                                            <option translate="no" value="10000">
4548                                                    10 000</option>
4549                                                                                            <option translate="no" value="11000">
4550                                                    11 000</option>
4551                                                                                            <option translate="no" value="12000">
4552                                                    12 000</option>
4553                                                                                            <option translate="no" value="13000">
4554                                                    13 000</option>
4555                                                                                            <option translate="no" value="14000">
4556                                                    14 000</option>
4557                                                                                            <option translate="no" value="15000">
4558                                                    15 000</option>
4559                                                                                            <option translate="no" value="16000">
4560                                                    16 000</option>
4561                                                                                            <option translate="no" value="17000">
4562                                                    17 000</option>
4563                                                                                            <option translate="no" value="18000">
4564                                                    18 000</option>
4565                                                                                            <option translate="no" value="19000">
4566                                                    19 000</option>
4567                                                                                            <option translate="no" value="20000">
4568                                                    20 000</option>
4569                                                                                    </select>
4570                                        <select name="price_m2_to" class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
4571                                            <option value="">do</option>
4572                                                                                            <option translate="no" value="1000">
4573                                                    1 000</option>
4574                                                                                            <option translate="no" value="2000">
4575                                                    2 000</option>
4576                                                                                            <option translate="no" value="3000">
4577                                                    3 000</option>
4578                                                                                            <option translate="no" value="4000">
4579                                                    4 000</option>
4580                                                                                            <option translate="no" value="5000">
4581                                                    5 000</option>
4582                                                                                            <option translate="no" value="6000">
4583                                                    6 000</option>
4584                                                                                            <option translate="no" value="7000">
4585                                                    7 000</option>
4586                                                                                            <option translate="no" value="8000">
4587                                                    8 000</option>
4588                                                                                            <option translate="no" value="9000">
4589                                                    9 000</option>
4590                                                                                            <option translate="no" value="10000">
4591                                                    10 000</option>
4592                                                                                            <option translate="no" value="11000">
4593                                                    11 000</option>
4594                                                                                            <option translate="no" value="12000">
4595                                                    12 000</option>
4596                                                                                            <option translate="no" value="13000">
4597                                                    13 000</option>
4598                                                                                            <option translate="no" value="14000">
4599                                                    14 000</option>
4600                                                                                            <option translate="no" value="15000">
4601                                                    15 000</option>
4602                                                                                            <option translate="no" value="16000">
4603                                                    16 000</option>
4604                                                                                            <option translate="no" value="17000">
4605                                                    17 000</option>
4606                                                                                            <option translate="no" value="18000">
4607                                                    18 000</option>
4608                                                                                            <option translate="no" value="19000">
4609                                                    19 000</option>
4610                                                                                            <option translate="no" value="20000">
4611                                                    20 000</option>
4612                                                                                    </select>
4613                                    </div>
4614                                </div>
4615                                <div class="flex flex-col gap-1">
4616                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
4617                                    <input type="text" name="keyword" placeholder="słowa kluczowe"
4618                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4619                                </div>
4620                                <div class="flex flex-col gap-1">
4621                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
4622                                    <input type="text" name="offer_number" placeholder="np. WGN-123"
4623                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4624                                </div>
4625                            </div>
4626                            <div class="flex flex-wrap gap-x-5 gap-y-1.5">
4627                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
4628                                        class="accent-secondary"> Tylko ze zdjęciem</label>
4629                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
4630                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
4631                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
4632                                        class="accent-secondary"> Tylko na wyłączność</label>
4633                            </div>
4634                            <div class="flex flex-col gap-1.5 pt-1 border-t border-light">
4635                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Dodatkowe informacje</span>
4636                                <div class="flex flex-wrap gap-x-5 gap-y-1.5">
4637                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="balcony"
4638                                            class="accent-secondary"> balkon / taras / loggia</label>
4639                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="monitoring"
4640                                            class="accent-secondary"> monitoring / ochrona</label>
4641                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox"
4642                                            name="air_conditioning" class="accent-secondary"> klimatyzacja</label>
4643                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="garage"
4644                                            class="accent-secondary"> garaż</label>
4645                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="basement"
4646                                            class="accent-secondary"> piwnica</label>
4647                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="pool"
4648                                            class="accent-secondary"> basen</label>
4649                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox"
4650                                            name="anti_burglary_blinds" class="accent-secondary"> rolety
4651                                        antywłamaniowe</label>
4652                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox"
4653                                            name="anti_burglary_doors_windows" class="accent-secondary"> okna /
4654                                        drzwi antywłamaniowe</label>
4655                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="alarm"
4656                                            class="accent-secondary"> system alarmowy</label>
4657                                </div>
4658                            </div>
4659                        </div>
4660                    </template>
4661
4662                    
4663                    <template x-if="propType === 'plot'">
4664                        <div class="flex flex-col gap-3">
4665                            <div class="grid grid-cols-3 gap-x-6 gap-y-3">
4666                                <div class="flex flex-col gap-1">
4667                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Cena za 1m²</span>
4668                                    <div class="flex items-center gap-1.5">
4669                                        <select name="price_m2_from" class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
4670                                            <option value="">od</option>
4671                                                                                            <option translate="no" value="1000">
4672                                                    1 000</option>
4673                                                                                            <option translate="no" value="2000">
4674                                                    2 000</option>
4675                                                                                            <option translate="no" value="3000">
4676                                                    3 000</option>
4677                                                                                            <option translate="no" value="4000">
4678                                                    4 000</option>
4679                                                                                            <option translate="no" value="5000">
4680                                                    5 000</option>
4681                                                                                            <option translate="no" value="6000">
4682                                                    6 000</option>
4683                                                                                            <option translate="no" value="7000">
4684                                                    7 000</option>
4685                                                                                            <option translate="no" value="8000">
4686                                                    8 000</option>
4687                                                                                            <option translate="no" value="9000">
4688                                                    9 000</option>
4689                                                                                            <option translate="no" value="10000">
4690                                                    10 000</option>
4691                                                                                            <option translate="no" value="11000">
4692                                                    11 000</option>
4693                                                                                            <option translate="no" value="12000">
4694                                                    12 000</option>
4695                                                                                            <option translate="no" value="13000">
4696                                                    13 000</option>
4697                                                                                            <option translate="no" value="14000">
4698                                                    14 000</option>
4699                                                                                            <option translate="no" value="15000">
4700                                                    15 000</option>
4701                                                                                            <option translate="no" value="16000">
4702                                                    16 000</option>
4703                                                                                            <option translate="no" value="17000">
4704                                                    17 000</option>
4705                                                                                            <option translate="no" value="18000">
4706                                                    18 000</option>
4707                                                                                            <option translate="no" value="19000">
4708                                                    19 000</option>
4709                                                                                            <option translate="no" value="20000">
4710                                                    20 000</option>
4711                                                                                    </select>
4712                                        <select name="price_m2_to" class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
4713                                            <option value="">do</option>
4714                                                                                            <option translate="no" value="1000">
4715                                                    1 000</option>
4716                                                                                            <option translate="no" value="2000">
4717                                                    2 000</option>
4718                                                                                            <option translate="no" value="3000">
4719                                                    3 000</option>
4720                                                                                            <option translate="no" value="4000">
4721                                                    4 000</option>
4722                                                                                            <option translate="no" value="5000">
4723                                                    5 000</option>
4724                                                                                            <option translate="no" value="6000">
4725                                                    6 000</option>
4726                                                                                            <option translate="no" value="7000">
4727                                                    7 000</option>
4728                                                                                            <option translate="no" value="8000">
4729                                                    8 000</option>
4730                                                                                            <option translate="no" value="9000">
4731                                                    9 000</option>
4732                                                                                            <option translate="no" value="10000">
4733                                                    10 000</option>
4734                                                                                            <option translate="no" value="11000">
4735                                                    11 000</option>
4736                                                                                            <option translate="no" value="12000">
4737                                                    12 000</option>
4738                                                                                            <option translate="no" value="13000">
4739                                                    13 000</option>
4740                                                                                            <option translate="no" value="14000">
4741                                                    14 000</option>
4742                                                                                            <option translate="no" value="15000">
4743                                                    15 000</option>
4744                                                                                            <option translate="no" value="16000">
4745                                                    16 000</option>
4746                                                                                            <option translate="no" value="17000">
4747                                                    17 000</option>
4748                                                                                            <option translate="no" value="18000">
4749                                                    18 000</option>
4750                                                                                            <option translate="no" value="19000">
4751                                                    19 000</option>
4752                                                                                            <option translate="no" value="20000">
4753                                                    20 000</option>
4754                                                                                    </select>
4755                                    </div>
4756                                </div>
4757                                <div class="flex flex-col gap-1">
4758                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
4759                                    <input type="text" name="keyword" placeholder="słowa kluczowe"
4760                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4761                                </div>
4762                                <div class="flex flex-col gap-1">
4763                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
4764                                    <input type="text" name="offer_number" placeholder="np. WGN-123"
4765                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4766                                </div>
4767                            </div>
4768                            <div class="flex flex-wrap gap-x-5 gap-y-1.5">
4769                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
4770                                        class="accent-secondary"> Tylko ze zdjęciem</label>
4771                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
4772                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
4773                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
4774                                        class="accent-secondary"> Tylko na wyłączność</label>
4775                            </div>
4776                            <div class="flex flex-col gap-1.5 pt-1 border-t border-light">
4777                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Media</span>
4778                                <div class="flex flex-wrap gap-x-5 gap-y-1.5">
4779                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="water"
4780                                            class="accent-secondary"> woda</label>
4781                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="electricity"
4782                                            class="accent-secondary"> prąd</label>
4783                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="gas"
4784                                            class="accent-secondary"> gaz</label>
4785                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="sewage"
4786                                            class="accent-secondary"> kanalizacja</label>
4787                                </div>
4788                            </div>
4789                            <div class="flex flex-col gap-1.5 pt-1 border-t border-light">
4790                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Sąsiedztwo</span>
4791                                <div class="flex flex-wrap gap-x-5 gap-y-1.5">
4792                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="near_forest"
4793                                            class="accent-secondary"> las</label>
4794                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="near_lake"
4795                                            class="accent-secondary"> jezioro</label>
4796                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox"
4797                                            name="near_mountains" class="accent-secondary"> góry</label>
4798                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="near_sea"
4799                                            class="accent-secondary"> morze</label>
4800                                </div>
4801                            </div>
4802                        </div>
4803                    </template>
4804
4805                    
4806                    <template x-if="propType === 'commercial'">
4807                        <div class="grid grid-cols-3 gap-x-6 gap-y-3">
4808                            <div class="flex flex-col gap-1">
4809                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rynek</span>
4810                                <div class="relative">
4811                                    <select name="market" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
4812                                        <option value="">dowolny</option>
4813                                        <option value="1">pierwotny</option>
4814                                        <option value="0">wtórny</option>
4815                                    </select>
4816                                    <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
4817                                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
4818                                </div>
4819                            </div>
4820                            <div class="flex flex-col gap-1">
4821                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Piętro (0=parter)</span>
4822                                <div class="flex items-center gap-1.5">
4823                                    <input type="number" name="floor_from" placeholder="od"
4824                                        class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4825                                    <input type="number" name="floor_to" placeholder="do"
4826                                        class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4827                                </div>
4828                            </div>
4829                            <div class="flex flex-col gap-1">
4830                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
4831                                <input type="text" name="keyword" placeholder="słowa kluczowe"
4832                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4833                            </div>
4834                            <div class="flex flex-col gap-1">
4835                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Liczba kondygnacji w budynku</span>
4836                                <div class="flex items-center gap-1.5">
4837                                    <input type="number" name="floors_from" placeholder="od"
4838                                        class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4839                                    <input type="number" name="floors_to" placeholder="do"
4840                                        class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4841                                </div>
4842                            </div>
4843                            <div class="flex flex-col gap-1">
4844                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
4845                                <input type="text" name="offer_number" placeholder="np. WGN-123"
4846                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4847                            </div>
4848                            <div class="flex flex-col gap-1">
4849                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rok budowy</span>
4850                                <div class="flex items-center gap-1.5">
4851                                    <input type="number" name="year_from" placeholder="od"
4852                                        class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4853                                    <input type="number" name="year_to" placeholder="do"
4854                                        class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4855                                </div>
4856                            </div>
4857                            <div class="flex flex-col gap-1">
4858                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Cena za 1m²</span>
4859                                <div class="flex items-center gap-1.5">
4860                                    <input type="number" name="price_m2_from" placeholder="od"
4861                                        class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4862                                    <input type="number" name="price_m2_to" placeholder="do"
4863                                        class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4864                                </div>
4865                            </div>
4866                            <div class="col-span-2 flex flex-wrap items-center gap-x-5 gap-y-1.5 self-end pb-1">
4867                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
4868                                        class="accent-secondary"> Tylko ze zdjęciem</label>
4869                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
4870                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
4871                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
4872                                        class="accent-secondary"> Tylko na wyłączność</label>
4873                            </div>
4874                        </div>
4875                    </template>
4876
4877                    
4878                    <template x-if="propType === 'premises'">
4879                        <div class="flex flex-col gap-3">
4880                            <div class="grid grid-cols-3 gap-x-6 gap-y-3">
4881                                <div class="flex flex-col gap-1">
4882                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rynek</span>
4883                                    <div class="relative">
4884                                        <select name="market" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
4885                                            <option value="">dowolny</option>
4886                                            <option value="1">pierwotny</option>
4887                                            <option value="0">wtórny</option>
4888                                        </select>
4889                                        <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
4890                                            <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
4891                                    </div>
4892                                </div>
4893                                <div class="flex flex-col gap-1">
4894                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Piętro (0=parter)</span>
4895                                    <div class="flex items-center gap-1.5">
4896                                        <input type="number" name="floor_from" placeholder="od"
4897                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4898                                        <input type="number" name="floor_to" placeholder="do"
4899                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4900                                    </div>
4901                                </div>
4902                                <div class="flex flex-col gap-1">
4903                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
4904                                    <input type="text" name="keyword" placeholder="słowa kluczowe"
4905                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
4906                                </div>
4907                                <div class="flex flex-col gap-1">
4908                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Cena za 1m²</span>
4909                                    <div class="flex items-center gap-1.5">
4910                                        <select name="price_m2_from" class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
4911                                            <option value="">od</option>
4912                                                                                            <option translate="no" value="1000">
4913                                                    1 000</option>
4914                                                                                            <option translate="no" value="2000">
4915                                                    2 000</option>
4916                                                                                            <option translate="no" value="3000">
4917                                                    3 000</option>
4918                                                                                            <option translate="no" value="4000">
4919                                                    4 000</option>
4920                                                                                            <option translate="no" value="5000">
4921                                                    5 000</option>
4922                                                                                            <option translate="no" value="6000">
4923                                                    6 000</option>
4924                                                                                            <option translate="no" value="7000">
4925                                                    7 000</option>
4926                                                                                            <option translate="no" value="8000">
4927                                                    8 000</option>
4928                                                                                            <option translate="no" value="9000">
4929                                                    9 000</option>
4930                                                                                            <option translate="no" value="10000">
4931                                                    10 000</option>
4932                                                                                            <option translate="no" value="11000">
4933                                                    11 000</option>
4934                                                                                            <option translate="no" value="12000">
4935                                                    12 000</option>
4936                                                                                            <option translate="no" value="13000">
4937                                                    13 000</option>
4938                                                                                            <option translate="no" value="14000">
4939                                                    14 000</option>
4940                                                                                            <option translate="no" value="15000">
4941                                                    15 000</option>
4942                                                                                            <option translate="no" value="16000">
4943                                                    16 000</option>
4944                                                                                            <option translate="no" value="17000">
4945                                                    17 000</option>
4946                                                                                            <option translate="no" value="18000">
4947                                                    18 000</option>
4948                                                                                            <option translate="no" value="19000">
4949                                                    19 000</option>
4950                                                                                            <option translate="no" value="20000">
4951                                                    20 000</option>
4952                                                                                    </select>
4953                                        <select name="price_m2_to" class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors cursor-pointer">
4954                                            <option value="">do</option>
4955                                                                                            <option translate="no" value="1000">
4956                                                    1 000</option>
4957                                                                                            <option translate="no" value="2000">
4958                                                    2 000</option>
4959                                                                                            <option translate="no" value="3000">
4960                                                    3 000</option>
4961                                                                                            <option translate="no" value="4000">
4962                                                    4 000</option>
4963                                                                                            <option translate="no" value="5000">
4964                                                    5 000</option>
4965                                                                                            <option translate="no" value="6000">
4966                                                    6 000</option>
4967                                                                                            <option translate="no" value="7000">
4968                                                    7 000</option>
4969                                                                                            <option translate="no" value="8000">
4970                                                    8 000</option>
4971                                                                                            <option translate="no" value="9000">
4972                                                    9 000</option>
4973                                                                                            <option translate="no" value="10000">
4974                                                    10 000</option>
4975                                                                                            <option translate="no" value="11000">
4976                                                    11 000</option>
4977                                                                                            <option translate="no" value="12000">
4978                                                    12 000</option>
4979                                                                                            <option translate="no" value="13000">
4980                                                    13 000</option>
4981                                                                                            <option translate="no" value="14000">
4982                                                    14 000</option>
4983                                                                                            <option translate="no" value="15000">
4984                                                    15 000</option>
4985                                                                                            <option translate="no" value="16000">
4986                                                    16 000</option>
4987                                                                                            <option translate="no" value="17000">
4988                                                    17 000</option>
4989                                                                                            <option translate="no" value="18000">
4990                                                    18 000</option>
4991                                                                                            <option translate="no" value="19000">
4992                                                    19 000</option>
4993                                                                                            <option translate="no" value="20000">
4994                                                    20 000</option>
4995                                                                                    </select>
4996                                    </div>
4997                                </div>
4998                                <div class="flex flex-col gap-1">
4999                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rok budowy</span>
5000                                    <div class="flex items-center gap-1.5">
5001                                        <input type="number" name="year_from" placeholder="od"
5002                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
5003                                        <input type="number" name="year_to" placeholder="do"
5004                                            class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
5005                                    </div>
5006                                </div>
5007                                <div class="flex flex-col gap-1">
5008                                    <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
5009                                    <input type="text" name="offer_number" placeholder="np. WGN-123"
5010                                        class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
5011                                </div>
5012                            </div>
5013                            <div class="flex flex-wrap gap-x-5 gap-y-1.5">
5014                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
5015                                        class="accent-secondary"> Tylko ze zdjęciem</label>
5016                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
5017                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
5018                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
5019                                        class="accent-secondary"> Tylko na wyłączność</label>
5020                            </div>
5021                            <div class="flex flex-col gap-1.5 pt-1 border-t border-light">
5022                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Dodatkowe informacje</span>
5023                                <div class="flex flex-wrap gap-x-5 gap-y-1.5">
5024                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="elevator"
5025                                            class="accent-secondary"> winda</label>
5026                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox"
5027                                            name="air_conditioning" class="accent-secondary"> klimatyzacja</label>
5028                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="garage"
5029                                            class="accent-secondary"> garaż</label>
5030                                    <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="parking"
5031                                            class="accent-secondary"> parking</label>
5032                                </div>
5033                            </div>
5034                        </div>
5035                    </template>
5036
5037                    
5038                    <template x-if="propType === 'room'">
5039                        <div class="grid grid-cols-3 gap-x-6 gap-y-3">
5040                            <div class="flex flex-col gap-1">
5041                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
5042                                <input type="text" name="keyword" placeholder="słowa kluczowe"
5043                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
5044                            </div>
5045                            <div class="flex flex-col gap-1">
5046                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
5047                                <input type="text" name="offer_number" placeholder="np. WGN-123"
5048                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
5049                            </div>
5050                            <div></div>
5051                            <div class="col-span-3 flex flex-wrap gap-x-5 gap-y-1.5">
5052                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
5053                                        class="accent-secondary"> Tylko ze zdjęciem</label>
5054                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
5055                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
5056                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
5057                                        class="accent-secondary"> Tylko na wyłączność</label>
5058                            </div>
5059                        </div>
5060                    </template>
5061
5062                    
5063                    <template x-if="propType === 'garage'">
5064                        <div class="grid grid-cols-3 gap-x-6 gap-y-3">
5065                            <div class="flex flex-col gap-1">
5066                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rynek</span>
5067                                <div class="relative">
5068                                    <select name="market" class="appearance-none w-full bg-grey-light border border-light rounded-xs pl-2.5 pr-7 py-1.5 text-xs xl:text-sm text-dark cursor-pointer outline-none">
5069                                        <option value="">dowolny</option>
5070                                        <option value="1">pierwotny</option>
5071                                        <option value="0">wtórny</option>
5072                                    </select>
5073                                    <div class="absolute right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
5074                                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
5075                                </div>
5076                            </div>
5077                            <div class="flex flex-col gap-1">
5078                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Szukaj w opisie</span>
5079                                <input type="text" name="keyword" placeholder="słowa kluczowe"
5080                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
5081                            </div>
5082                            <div class="flex flex-col gap-1">
5083                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Numer oferty</span>
5084                                <input type="text" name="offer_number" placeholder="np. WGN-123"
5085                                    class="w-full bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
5086                            </div>
5087                            <div class="flex flex-col gap-1">
5088                                <span class="text-[11px] xl:text-xs font-semibold text-dark mb-1">Rok budowy</span>
5089                                <div class="flex items-center gap-1.5">
5090                                    <input type="number" name="year_from" placeholder="od"
5091                                        class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
5092                                    <input type="number" name="year_to" placeholder="do"
5093                                        class="flex-1 min-w-0 bg-grey-light border border-light rounded-xs px-2.5 py-1.5 text-xs xl:text-sm text-dark placeholder:text-grey outline-none focus:border-secondary transition-colors">
5094                                </div>
5095                            </div>
5096                            <div class="col-span-2 flex flex-wrap items-center gap-x-5 gap-y-1.5 self-end pb-1">
5097                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="has_photo"
5098                                        class="accent-secondary"> Tylko ze zdjęciem</label>
5099                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_direct"
5100                                        class="accent-secondary"> Tylko bezpośrednio – 0% prowizji</label>
5101                                <label class="flex items-center gap-1.5 text-xs text-dark cursor-pointer select-none"><input type="checkbox" name="is_exclusive"
5102                                        class="accent-secondary"> Tylko na wyłączność</label>
5103                            </div>
5104                        </div>
5105                    </template>
5106
5107                    <div class="flex items-center justify-end gap-3 pt-4 mt-2 border-t border-light">
5108                        <button type="button" @click="clearFilters()"
5109                            class="text-xs xl:text-sm font-bold text-dark hover:text-secondary transition-colors cursor-pointer">
5110                            Wyczyść filtry
5111                        </button>
5112                        <button type="button" @click="filtersOpen = false"
5113                            class="flex items-center gap-1.5 text-xs xl:text-sm font-bold text-dark hover:text-secondary transition-colors cursor-pointer">
5114                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="8"
5115                                viewBox="0 0 12 8" fill="none">
5116                                <path d="M1 7L6 2L11 7" stroke="currentColor" stroke-width="1.5"
5117                                    stroke-linecap="round" stroke-linejoin="round" />
5118                            </svg>
5119                            Zwiń opcje
5120                        </button>
5121                        <button type="button" @click="navigate()"
5122                            class="bg-red text-white font-bold text-xs xl:text-sm 2xl:text-base px-4 xl:px-6 2xl:px-8 py-2 xl:py-2.5 rounded-[5px] cursor-pointer hover:brightness-90 transition">
5123                            SZUKAJ
5124                        </button>
5125                    </div>
5126
5127                </div>
5128            </div>
5129        </div>
5130
5131        
5132        <div x-show="tab === 'biura'" style="display:none" class="flex flex-col gap-3">
5133            <div class="flex items-end gap-3">
5134                <div x-data="alpLocationSearch('https://wgn.pl/lokalizacje/biura/wojewodztwa', 'https://wgn.pl/lokalizacje/biura/szukaj', '')" @click.outside="open = false" class="relative flex-1 min-w-0">
5135                    <span class="text-[11px] xl:text-xs 2xl:text-sm font-semibold text-dark mb-1 block">Biura</span>
5136                    <div class="flex border border-light rounded-xs bg-grey-light overflow-hidden">
5137                        <input type="text" placeholder="Miasto" x-model="q" data-location-input="biura"
5138                            @keydown.escape="open = false"
5139                            @input="$dispatch('biura-location-typed')"
5140                            class="flex-1 min-w-0 bg-transparent px-2.5 xl:px-3 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark placeholder:text-grey outline-none" />
5141                    </div>
5142                </div>
5143                <div class="relative shrink-0">
5144                    <select name="biura_radius"
5145                        class="appearance-none bg-grey-light border border-light rounded-xs pl-2.5 xl:pl-3 pr-6 xl:pr-7 py-1.5 xl:py-2 text-xs xl:text-sm 2xl:text-base text-dark cursor-pointer outline-none">
5146                        <option value="0" >+0 km</option>
5147                        <option value="5" >+5 km</option>
5148                        <option value="10" >+10 km</option>
5149                        <option value="15" >+15 km</option>
5150                        <option value="25" >+25 km</option>
5151                        <option value="30" >+30 km</option>
5152                        <option value="50" selected>+50 km</option>
5153                    </select>
5154                    <div class="absolute right-2 xl:right-2.5 top-1/2 -translate-y-1/2 pointer-events-none">
5155                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="4" viewBox="0 0 9 4" fill="none"><path d="M4.31136 3.97559L-0.000310318 -0.000294407L8.62302 -0.000295108L4.31136 3.97559Z" fill="#6C757D"/></svg></div>
5156                </div>
5157                <button type="button" @click="navigateToBiura()"
5158                    class="bg-red text-white font-bold text-xs xl:text-sm 2xl:text-base px-4 xl:px-6 2xl:px-8 py-1.5 xl:py-2 2xl:py-2.5 rounded-[5px] cursor-pointer hover:brightness-90 transition shrink-0">
5159                    Szukaj
5160                </button>
5161            </div>
5162            <div>
5163                <button type="button" @click="navigateToBiuraMap()"
5164                    class="flex items-center gap-1.5 xl:gap-2 text-xs xl:text-sm 2xl:text-base font-bold text-dark hover:text-secondary transition-colors cursor-pointer">
5165                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 19 18" fill="none"><path d="M18.0325 16.0066L13.9715 12.1752C14.8474 11.2127 15.4148 10.1206 15.6735 8.89903C15.9323 7.67742 15.8627 6.46506 15.4645 5.26196C15.0664 4.05886 14.3597 3.03159 13.3445 2.18017C12.3292 1.32874 11.1647 0.754955 9.85086 0.458807C8.53702 0.162659 7.23313 0.181168 5.9392 0.514336C4.64527 0.847502 3.51059 1.46756 2.53517 2.37452C1.55974 3.28147 0.892867 4.3365 0.534548 5.5396C0.176228 6.7427 0.156322 7.95506 0.474828 9.17667C0.793334 10.3983 1.41044 11.4811 2.32615 12.425C3.24185 13.369 4.34667 14.0261 5.6406 14.3963C6.93453 14.7665 8.23842 14.8312 9.55226 14.5906C10.8661 14.35 12.0605 13.8225 13.1355 13.0081L17.1964 16.784C17.3158 16.895 17.4552 16.9413 17.6144 16.9228C17.7
5165737 16.9043 17.9031 16.8488 18.0026 16.7562C18.1022 16.6637 18.1619 16.5434 18.1818 16.3953C18.2017 16.2472 18.1519 16.1176 18.0325 16.0066ZM1.49007 7.51083C1.49007 6.40028 1.78867 5.38227 2.38587 4.45681C2.98306 3.53134 3.77933 2.79097 4.77466 2.2357C5.76999 1.68042 6.86486 1.40278 8.05926 1.40278C9.25366 1.40278 10.3485 1.68042 11.3439 2.2357C12.3392 2.79097 13.1355 3.53134 13.7327 4.45681C14.3299 5.38227 14.6285 6.40028 14.6285 7.51083C14.6285 8.62139 14.3299 9.6394 13.7327 10.5649C13.1355 11.4903 12.3392 12.2307 11.3439 12.786C10.3485 13.3413 9.25366 13.6189 8.05926 13.6189C6.86486 13.6189 5.76999 13.3413 4.77466 12.786C3.77933 12.2307 2.98306 11.4903 2.38587 10.5649C1.78867 9.6394 1.49007 8.62139 1.49007 7.51083Z" fill="black" stroke="white" stroke-width="0.5"/></svg>
5166                    Mapa
5167                </button>
5168            </div>
5169        </div>
5170
5171    </div>
5172</div>
5173            </div>
5174</div>    </div>
5175
5176</div>
5177            <div wire:key="lw-1298351652-0" wire:snapshot="{&quot;data&quot;:{&quot;title&quot;:&quot;Biura Nieruchomo\u015bci WGN&quot;,&quot;breadcrumbTitle&quot;:&quot;Biura Nieruchomo\u015bci WGN&quot;,&quot;activeTab&quot;:&quot;office_in_poland&quot;,&quot;activeLetter&quot;:null,&quot;locationSlug&quot;:&quot;&quot;,&quot;locationNotFound&quot;:false,&quot;city&quot;:&quot;&quot;,&quot;voivodeship&quot;:&quot;&quot;,&quot;nameKeyword&quot;:&quot;&quot;,&quot;district&quot;:&quot;&quot;,&quot;radius&quot;:&quot;50&quot;,&quot;cityIsGeocodeFallback&quot;:false,&quot;page&quot;:1},&quot;memo&quot;:{&quot;id&quot;:&quot;e5vfpx3dNMoauAa7yZ9I&quot;,&quot;name&quot;:&quot;offices.office-list&quot;,&quot;path&quot;:&quot;biura&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;pl&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;86587353164bc98e3b4b9a781cd30ba5866c5abb55b7b5381a1ff03212225f33&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;url&quot;:{&quot;activeTab&quot;:{&quot;as&quot;:&quot;tab&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:&quot;&quot;},&quot;activeLetter&quot;:{&quot;as&quot;:&quot;letter&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="e5vfpx3dNMoauAa7yZ9I" wire:name="offices.office-list" id="listing" class="scroll-mt-28 2xl:scroll-mt-36">
5178    <div class="px-6 2xl:px-10 py-12 bg-grey-light" x-on:office-list-paginated.window="document.getElementById('listing').scrollIntoView({ behavior: 'smooth', block: 'start' })">
5179        <div class="max-w-360 mx-auto">
5180
5181            <!--[if BLOCK]><![endif]-->                <nav class="flex flex-wrap items-center gap-x-3 gap-y-1.5 text-sm font-semibold leading-5.5 text-grey print:hidden mb-10"
5182    aria-label="Breadcrumb">
5183
5184    <a href="https://wgn.pl" class="flex items-center shrink-0 hover:opacity-70 transition-opacity">
5185        <svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg"
5186            aria-label="Strona główna">
5187            <path
5188                d="M4.575 13.5V7.125H8.4V13.5M0.75 5.2125L6.4875 0.75L12.225 5.2125V12.225C12.225 12.5632 12.0907 12.8875 11.8516 13.1266C11.6125 13.3657 11.2882 13.5 10.95 13.5H2.025C1.68685 13.5 1.36255 13.3657 1.12344 13.1266C0.88433 12.8875 0.75 12.5632 0.75 12.225V5.2125Z"
5189                stroke="#6C757D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
5190        </svg>
5191    </a>
5192
5193    <!--[if BLOCK]><![endif]-->        
5194        <svg class="shrink-0" width="4" height="7" viewBox="0 0 4 7" fill="none"
5195            xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5196            <path d="M3.32813 3.35547L8.6227e-08 6.71132L6.19082e-09 -0.000379761L3.32813 3.35547Z" fill="#003168" />
5197        </svg>
5198
5199        <!--[if BLOCK]><![endif]-->            
5200            <span class="font-semibold text-dark break-words">
5201                Biura Nieruchomości WGN
5202            </span>
5203        <!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></nav>
5204            <!--[if ENDBLOCK]><![endif]-->
5205            <h2 class="text-3xl md:text-4.5xl font-regular text-navy leading-tight md:leading-15 mb-10 md:mb-17">
5206                Biura Nieruchomości WGN
5207            </h2>
5208
5209            
5210            <!--[if BLOCK]><![endif]-->                <div class="border-b border-grey-light mb-8 overflow-x-auto">
5211                    <div class="flex gap-8 md:gap-22 whitespace-nowrap">
5212                        <!--[if BLOCK]><![endif]-->                            <button wire:click="selectTab('office_in_poland')" class="pb-3 text-base md:text-lg leading-7.5 transition-colors border-b-2 shrink-0 font-bold text-black border-secondary">
5213                                Biura Nieruchomości w Polsce
5214                            </button>
5215                                                    <button wire:click="selectTab('office_abroad')" class="pb-3 text-base md:text-lg leading-7.5 transition-colors border-b-2 shrink-0 font-regular text-grey border-transparent hover:text-black">
5216                                Biura Nieruchomości poza Polską
5217                            </button>
5218                                                    <button wire:click="selectTab('wgn_developer')" class="pb-3 text-base md:text-lg leading-7.5 transition-colors border-b-2 shrink-0 font-regular text-grey border-transparent hover:text-black">
5219                                Deweloperzy WGN
5220                            </button>
5221                        <!--[if ENDBLOCK]><![endif]-->                    </div>
5222                </div>
5223            <!--[if ENDBLOCK]><![endif]-->
5224            
5225            <div class="flex flex-wrap gap-x-2 gap-y-2 md:gap-x-3 mb-10">
5226                <!--[if BLOCK]><![endif]-->                                        <button wire:click=""
5227                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-light cursor-default" disabled>
5228                        A
5229                    </button>
5230                                                        <button wire:click=""
5231                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-light cursor-default" disabled>
5232                        Ą
5233                    </button>
5234                                                        <button wire:click="selectLetter(&#039;B&#039;)"
5235                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5236                        B
5237                    </button>
5238                                                        <button wire:click="selectLetter(&#039;C&#039;)"
5239                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5240                        C
5241                    </button>
5242                                                        <button wire:click=""
5243                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-light cursor-default" disabled>
5244                        Ć
5245                    </button>
5246                                                        <button wire:click=""
5247                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-light cursor-default" disabled>
5248                        D
5249                    </button>
5250                                                        <button wire:click="selectLetter(&#039;E&#039;)"
5251                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5252                        E
5253                    </button>
5254                                                        <button wire:click=""
5255                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-light cursor-default" disabled>
5256                        Ę
5257                    </button>
5258                                                        <button wire:click=""
5259                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-light cursor-default" disabled>
5260                        F
5261                    </button>
5262                                                        <button wire:click="selectLetter(&#039;G&#039;)"
5263                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5264                        G
5265                    </button>
5266                                                        <button wire:click=""
5267                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-light cursor-default" disabled>
5268                        H
5269                    </button>
5270                                                        <button wire:click="selectLetter(&#039;I&#039;)"
5271                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5272                        I
5273                    </button>
5274                                                        <button wire:click="selectLetter(&#039;J&#039;)"
5275                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5276                        J
5277                    </button>
5278                                                        <button wire:click="selectLetter(&#039;K&#039;)"
5279                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5280                        K
5281                    </button>
5282                                                        <button wire:click="selectLetter(&#039;L&#039;)"
5283                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5284                        L
5285                    </button>
5286                                                        <button wire:click=""
5287                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-light cursor-default" disabled>
5288                        Ł
5289                    </button>
5290                                                        <button wire:click="selectLetter(&#039;M&#039;)"
5291                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5292                        M
5293                    </button>
5294                                                        <button wire:click="selectLetter(&#039;N&#039;)"
5295                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5296                        N
5297                    </button>
5298                                                        <button wire:click=""
5299                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-light cursor-default" disabled>
5300                        Ń
5301                    </button>
5302                                                        <button wire:click="selectLetter(&#039;O&#039;)"
5303                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5304                        O
5305                    </button>
5306                                                        <button wire:click=""
5307                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-light cursor-default" disabled>
5308                        Ó
5309                    </button>
5310                                                        <button wire:click="selectLetter(&#039;P&#039;)"
5311                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5312                        P
5313                    </button>
5314                                                        <button wire:click="selectLetter(&#039;R&#039;)"
5315                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5316                        R
5317                    </button>
5318                                                        <button wire:click="selectLetter(&#039;S&#039;)"
5319                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5320                        S
5321                    </button>
5322                                                        <button wire:click="selectLetter(&#039;Ś&#039;)"
5323                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5324                        Ś
5325                    </button>
5326                                                        <button wire:click="selectLetter(&#039;T&#039;)"
5327                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5328                        T
5329                    </button>
5330                                                        <button wire:click="selectLetter(&#039;U&#039;)"
5331                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5332                        U
5333                    </button>
5334                                                        <button wire:click="selectLetter(&#039;W&#039;)"
5335                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5336                        W
5337                    </button>
5338                                                        <button wire:click=""
5339                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-light cursor-default" disabled>
5340                        Y
5341                    </button>
5342                                                        <button wire:click="selectLetter(&#039;Z&#039;)"
5343                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5344                        Z
5345                    </button>
5346                                                        <button wire:click=""
5347                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-light cursor-default" disabled>
5348                        Ź
5349                    </button>
5350                                                        <button wire:click="selectLetter(&#039;Å»&#039;)"
5351                        class="text-base md:text-lg font-regular leading-7.5 transition-colors text-grey hover:text-black cursor-pointer" >
5352                        Å»
5353                    </button>
5354                <!--[if ENDBLOCK]><![endif]-->            </div>
5355
5356            
5357            <!--[if BLOCK]><![endif]-->                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-8 gap-y-10 md:gap-y-12">
5358                    <!--[if BLOCK]><![endif]-->                        <div
5359    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
5360
5361    <!--[if BLOCK]><![endif]-->        <a href="https://bialystok.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
5362            aria-label="Strona biura WGN Białystok"
5363            ></a>
5364    <!--[if ENDBLOCK]><![endif]-->
5365    
5366    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
5367            <!--[if BLOCK]><![endif]-->    
5368    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/1923b77a-6967-4f67-9810-dcb16748e497.jpeg?v=1782989775"
5369         width="450"          height="296"         alt="">
5370<!--[if ENDBLOCK]><![endif]-->        </div>
5371    <!--[if ENDBLOCK]><![endif]-->
5372    <div class="p-5 flex flex-col flex-1 gap-4">
5373
5374        
5375        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
5376        <!--[if ENDBLOCK]><![endif
5376]-->        <div class="flex flex-col gap-1">
5377            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
5378                    class="h-7 w-auto object-contain object-left" />
5379            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
5380                Białystok
5381                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
5382        </div>
5383
5384        
5385        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
5386                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">ul. Legionowa 9/1  Lokal 3</p>
5387                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
5388                        15-099 Białystok, Polska
5389                    </p>
5390                <!--[if ENDBLOCK]><![endif]-->            </div>
5391        <!--[if ENDBLOCK]><![endif]-->
5392        
5393        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
5394                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
5395                        <!--[if BLOCK]><![endif]-->                            
5396                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
5397                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5398                                <path
5399                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
5400                                    fill="#3B86FF" />
5401                                <path
5402                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.04901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
5403                                    fill="#3B86FF" />
5404                                <path
5405                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
5406                                    fill="#3B86FF" />
5407                                <path
5408                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8
5408127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
540812.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
5409                                    fill="#3B86FF" />
5410                            </svg>
5411                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:535088000"
5412                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5413                            535 088 000
5414                        </a>
5415                    </div>
5416                <!--[if ENDBLOCK]><![endif]-->            </div>
5417        <!--[if ENDBLOCK]><![endif]-->
5418        
5419        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
5420                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
5421                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
5422                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5423                            <path
5424                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
5425                                fill="#3B86FF" />
5426                        </svg>
5427                        <a href="mailto:[email protected]"
5428                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5429                            [email protected]
5430                        </a>
5431                    </div>
5432                <!--[if ENDBLOCK]><![endif]-->            </div>
5433        <!--[if ENDBLOCK]><![endif]-->
5434        
5435        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
5436            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
5437        href="https://www.google.com/maps?q=53.1281715894,23.1539277996"
5438         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="53.1281715894" data-map-lng="23.1539277996" data-map-name="WGN Białystok" onclick="const mapEl = document.getElementById('offices-map');
5439                        if (mapEl && window.officesMap) {
5440                            event.preventDefault();
5441                            const lat = parseFloat(this.dataset.mapLat);
5442                            const lng = parseFloat(this.dataset.mapLng);
5443                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
5444                            setTimeout(function() {
5445                                if (window.officesMap.type === 'leaflet') {
5446                                    window.officesMap.instance.setView([lat, lng], 14);
5447                                } else {
5448                                    window.officesMap.instance.setCenter({ lat, lng });
5449                                    window.officesMap.instance.setZoom(14);
5450                                }
5451                            }, 600);
5452                        }"
5453    >
5454        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
5455                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5456                        <path
5457                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.828
545761 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
5458                            fill="currentColor" />
5459                    </svg>
5460                    Lokalizacja biura
5461    </a>
5462<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
5463            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
5464        href="https://bialystok.wgn.pl/"
5465                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
5466    >
5467        Strona
5468                    biura
5469    </a>
5470<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
5471
5472    </div>
5473</div>
5474                                            <div
5475    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
5476
5477    <!--[if BLOCK]><![endif]-->        <a href="https://boleslawiec.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
5478            aria-label="Strona biura WGN Bolesławiec"
5479            ></a>
5480    <!--[if ENDBLOCK]><![endif]-->
5481    
5482    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
5483            <!--[if BLOCK]><![endif]-->    
5484    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/283454ad-a858-4201-8221-a8ea0e806bfb.jpg?v=1782990229"
5485         width="450"          height="301"         alt="">
5486<!--[if ENDBLOCK]><![endif]-->        </div>
5487    <!--[if ENDBLOCK]><![endif]-->
5488    <div class="p-5 flex flex-col flex-1 gap-4">
5489
5490        
5491        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
5492        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
5493            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
5494                    class="h-7 w-auto object-contain object-left" />
5495            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
5496                Bolesławiec
5497                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
5498        </div>
5499
5500        
5501        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
5502                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">ul. Zgorzelecka 34</p>
5503                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
5504                        59-700 Bolesławiec, Polska
5505                    </p>
5506                <!--[if ENDBLOCK]><![endif]-->            </div>
5507        <!--[if ENDBLOCK]><![endif]-->
5508        
5509        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
5510                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
5511                        <!--[if BLOCK]><![endif]-->                            
5512                            <svg width="16" height="13" viewBox="0 0 575.81 475.2" fill="none"
5513                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5514                                <path
5515                                    d="M548.66,107.25s-.02-.02-.03-.03l-.56-.57c-34.21-34.85-74.41-61.81-119.48-80.13C385.29,8.92,339.33,0,291.98,0c-.22,0-.44,0-.65,0-47.54.08-94.08,9.15-138.33,26.96-45.79,18.43-87.1,45.44-122.8,80.32-39.18,38.56-40.42,101.28-2.73,139.85l.19.19c14.66,14.86,38.39,17.52,56.43,6.31l34.73-21.57c-1.85,20.55-9.95,40.2-23.28,56.12-29.18,34.83-45.26,79.04-45.26,124.48v31.33c0,17.2,14,31.2,31.2,31.2h412.82c17.2,0,31.2-14,31.2-31.2v-31.33c0-45.44-16.07-89.65-45.26-124.48-12.93-15.43-20.92-34.38-23.08-54.25l30.64,19.59c7.61,4.87,16.22,7.25,24.77,7.25,11.24,0,22.4-4.12,31.07-12.16.58-.53,1.14-1.07,1.69-1.6,39.29-38.39,40.77-101.08,3.31-139.76ZM464.92,301.03c26.17,31.24,40.59,70.89,40.59,111.64v31.33c0,6.18-5.02,11.2-11.2,11.2H81.49c-6.18,0-11.2-5.02-11.2-11.2v-31.33c0-4
55150.75,14.41-80.4,40.59-111.64,18.29-21.83,28.36-49.54,28.36-78.02v-3.62l40.32-25.04c11.94-7.41,17.46-22,13.44-35.46l-7.1-23.72c-.78-2.62.54-5.4,3.09-6.46,63.97-26.72,136.69-26.77,199.53-.16,2.55,1.08,3.86,3.98,2.98,6.61l-7.94,23.64c-4.57,13.6.68,28.51,12.77,36.24l40.24,25.73v2.25c0,28.48,10.07,56.19,28.36,78.02ZM531.36,232.71c-.42.41-.85.82-1.29,1.23-8.59,7.96-21.54,9.09-31.48,2.73l-91.5-58.5c-4.34-2.78-6.23-8.13-4.59-13.02l7.94-23.64c4.19-12.47-2.02-26.26-14.14-31.39-33.83-14.33-70.3-21.49-106.93-21.49s-73.61,7.21-108.11,21.61c-12.01,5.02-18.27,18.19-14.54,30.65l7.1,23.72c1.45,4.84-.54,10.08-4.83,12.74l-95.46,59.28c-10.17,6.32-23.48,4.9-31.58-3.31l-.21-.22c-29.98-30.68-28.87-80.74,2.45-111.56C111.07,56.23,198.85,20.16,291.36,20c.21,0,.41,0,.62,0,92.23,0,178.09,35.74,241.8,100.65l.52.53c29.81,30.79,28.5,80.82-2.94,111.54Z"
5516                                    fill="#3B86FF" />
5517                                <path
5518                                    d="M287.9,369.45c-25.47,0-49.53-7.35-67.75-20.7-19.16-14.03-29.71-32.99-29.71-53.37s10.55-39.34,29.71-53.37c18.22-13.35,42.28-20.7,67.75-20.7s49.53,7.35,67.75,20.7c19.16,14.03,29.71,32.99,29.71,53.37s-10.55,39.34-29.71,53.37c-18.22,13.35-42.28,20.7-67.75,20.7ZM287.9,241.32c-21.25,0-41.12,5.98-55.94,16.83-13.88,10.17-21.53,23.39-21.53,37.23s7.64,27.07,21.53,37.23c14.82,10.85,34.68,16.83,55.94,16.83s41.12-5.98,55.93-16.83c13.88-10.17,21.53-23.39,21.53-37.23s-7.64-27.07-21.53-37.23c-14.82-10.85-34.68-16.83-55.93-16.83Z"
5519                                    fill="#3B86FF" />
5520                            </svg>
5521                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:757326115"
5522                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5523                            75 732 61 15
5524                        </a>
5525                    </div>
5526                                    <div class="flex items-center gap-2">
5527                        <!--[if BLOCK]><![endif]-->                            
5528                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
5529                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5530                                <path
5531                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
5532                                    fill="#3B86FF" />
5533                                <path
5534                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.04901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
5535                                    fill="#3B86FF" />
5536                                <path
5537                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
5538                                    fill="#3B86FF" />
5539                                <path
5540                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8
5540127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
554012.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
5541                                    fill="#3B86FF" />
5542                            </svg>
5543                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:723855444"
5544                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5545                            723 855 444
5546                        </a>
5547                    </div>
5548                <!--[if ENDBLOCK]><![endif]-->            </div>
5549        <!--[if ENDBLOCK]><![endif]-->
5550        
5551        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
5552                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
5553                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
5554                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5555                            <path
5556                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
5557                                fill="#3B86FF" />
5558                        </svg>
5559                        <a href="mailto:[email protected]"
5560                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5561                            [email protected]
5562                        </a>
5563                    </div>
5564                <!--[if ENDBLOCK]><![endif]-->            </div>
5565        <!--[if ENDBLOCK]><![endif]-->
5566        
5567        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
5568            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
5569        href="https://www.google.com/maps?q=51.2644356752,15.558130714"
5570         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="51.2644356752" data-map-lng="15.558130714" data-map-name="WGN Bolesławiec" onclick="const mapEl = document.getElementById('offices-map');
5571                        if (mapEl && window.officesMap) {
5572                            event.preventDefault();
5573                            const lat = parseFloat(this.dataset.mapLat);
5574                            const lng = parseFloat(this.dataset.mapLng);
5575                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
5576                            setTimeout(function() {
5577                                if (window.officesMap.type === 'leaflet') {
5578                                    window.officesMap.instance.setView([lat, lng], 14);
5579                                } else {
5580                                    window.officesMap.instance.setCenter({ lat, lng });
5581                                    window.officesMap.instance.setZoom(14);
5582                                }
5583                            }, 600);
5584                        }"
5585    >
5586        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
5587                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5588                        <path
5589                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.828
558961 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
5590                            fill="currentColor" />
5591                    </svg>
5592                    Lokalizacja biura
5593    </a>
5594<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
5595            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
5596        href="https://boleslawiec.wgn.pl/"
5597                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
5598    >
5599        Strona
5600                    biura
5601    </a>
5602<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
5603
5604    </div>
5605</div>
5606                                            <div
5607    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
5608
5609    <!--[if BLOCK]><![endif]-->        <a href="https://boleslawiec-rynek-pierwotny.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
5610            aria-label="Strona biura WGN Bolesławiec"
5611            ></a>
5612    <!--[if ENDBLOCK]><![endif]-->
5613    
5614    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
5615            <!--[if BLOCK]><![endif]-->    
5616    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/6900aeec-2852-4702-aa92-1acdf733699e.jpeg?v=1782990331"
5617         width="457"          height="303"         alt="">
5618<!--[if ENDBLOCK]><![endif]-->        </div>
5619    <!--[if ENDBLOCK]><![endif]-->
5620    <div class="p-5 flex flex-col flex-1 gap-4">
5621
5622        
5623        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
5624        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
5625            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
5626                    class="h-7 w-auto object-contain object-left" />
5627            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
5628                Bolesławiec
5629                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
5630        </div>
5631
5632        
5633        <!--[if BLOCK]><![endif]-->            <p class="text-base font-bold leading-5 text-primary">
5634                Biuro w organizacji</p>
5635        <!--[if ENDBLOCK]><![endif]-->
5636        
5637        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
5638                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
5639                        <!--[if BLOCK]><![endif]-->                            
5640                            <svg width="16" height="13" viewBox="0 0 575.81 475.2" fill="none"
5641                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5642                                <path
5643                                    d="M548.66,107.25s-.02-.02-.03-.03l-.56-.57c-34.21-34.85-74.41-61.81-119.48-80.13C385.29,8.92,339.33,0,291.98,0c-.22,0-.44,0-.65,0-47.54.08-94.08,9.15-138.33,26.96-45.79,18.43-87.1,45.44-122.8,80.32-39.18,38.56-40.42,101.28-2.73,139.85l.19.19c14.66,14.86,38.39,17.52,56.43,6.31l34.73-21.57c-1.85,20.55-9.95,40.2-23.28,56.12-29.18,34.83-45.26,79.04-45.26,124.48v31.33c0,17.2,14,31.2,31.2,31.2h412.82c17.2,0,31.2-14,31.2-31.2v-31.33c0-45.44-16.07-89.65-45.26-124.48-12.93-15.43-20.92-34.38-23.08-54.25l30.64,19.59c7.61,4.87,16.22,7.25,24.77,7.25,11.24,0,22.4-4.12,31.07-12.16.58-.53,1.14-1.07,1.69-1.6,39.29-38.39,40.77-101.08,3.31-139.76ZM464.92,301.03c26.17,31.24,40.59,70.89,40.59,111.64v31.33c0,6.18-5.02,11.2-11.2,11.2H81.49c-6.18,0-11.2-5.02-11.2-11.2v-31.33c0-4
56430.75,14.41-80.4,40.59-111.64,18.29-21.83,28.36-49.54,28.36-78.02v-3.62l40.32-25.04c11.94-7.41,17.46-22,13.44-35.46l-7.1-23.72c-.78-2.62.54-5.4,3.09-6.46,63.97-26.72,136.69-26.77,199.53-.16,2.55,1.08,3.86,3.98,2.98,6.61l-7.94,23.64c-4.57,13.6.68,28.51,12.77,36.24l40.24,25.73v2.25c0,28.48,10.07,56.19,28.36,78.02ZM531.36,232.71c-.42.41-.85.82-1.29,1.23-8.59,7.96-21.54,9.09-31.48,2.73l-91.5-58.5c-4.34-2.78-6.23-8.13-4.59-13.02l7.94-23.64c4.19-12.47-2.02-26.26-14.14-31.39-33.83-14.33-70.3-21.49-106.93-21.49s-73.61,7.21-108.11,21.61c-12.01,5.02-18.27,18.19-14.54,30.65l7.1,23.72c1.45,4.84-.54,10.08-4.83,12.74l-95.46,59.28c-10.17,6.32-23.48,4.9-31.58-3.31l-.21-.22c-29.98-30.68-28.87-80.74,2.45-111.56C111.07,56.23,198.85,20.16,291.36,20c.21,0,.41,0,.62,0,92.23,0,178.09,35.74,241.8,100.65l.52.53c29.81,30.79,28.5,80.82-2.94,111.54Z"
5644                                    fill="#3B86FF" />
5645                                <path
5646                                    d="M287.9,369.45c-25.47,0-49.53-7.35-67.75-20.7-19.16-14.03-29.71-32.99-29.71-53.37s10.55-39.34,29.71-53.37c18.22-13.35,42.28-20.7,67.75-20.7s49.53,7.35,67.75,20.7c19.16,14.03,29.71,32.99,29.71,53.37s-10.55,39.34-29.71,53.37c-18.22,13.35-42.28,20.7-67.75,20.7ZM287.9,241.32c-21.25,0-41.12,5.98-55.94,16.83-13.88,10.17-21.53,23.39-21.53,37.23s7.64,27.07,21.53,37.23c14.82,10.85,34.68,16.83,55.94,16.83s41.12-5.98,55.93-16.83c13.88-10.17,21.53-23.39,21.53-37.23s-7.64-27.07-21.53-37.23c-14.82-10.85-34.68-16.83-55.93-16.83Z"
5647                                    fill="#3B86FF" />
5648                            </svg>
5649                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:757326115"
5650                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5651                            75 732 61 15
5652                        </a>
5653                    </div>
5654                                    <div class="flex items-center gap-2">
5655                        <!--[if BLOCK]><![endif]-->                            
5656                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
5657                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5658                                <path
5659                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
5660                                    fill="#3B86FF" />
5661                                <path
5662                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.04901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
5663                                    fill="#3B86FF" />
5664                                <path
5665                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
5666                                    fill="#3B86FF" />
5667                                <path
5668                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8
5668127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
566812.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
5669                                    fill="#3B86FF" />
5670                            </svg>
5671                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:723855444"
5672                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5673                            723 855 444
5674                        </a>
5675                    </div>
5676                <!--[if ENDBLOCK]><![endif]-->            </div>
5677        <!--[if ENDBLOCK]><![endif]-->
5678        
5679        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
5680                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
5681                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
5682                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5683                            <path
5684                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
5685                                fill="#3B86FF" />
5686                        </svg>
5687                        <a href="mailto:[email protected]"
5688                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5689                            [email protected]
5690                        </a>
5691                    </div>
5692                <!--[if ENDBLOCK]><![endif]-->            </div>
5693        <!--[if ENDBLOCK]><![endif]-->
5694        
5695        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
5696            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
5697            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
5698        href="https://boleslawiec-rynek-pierwotny.wgn.pl/"
5699                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
5700    >
5701        Strona
5702                    biura
5703    </a>
5704<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
5705
5706    </div>
5707</div>
5708                                            <div
5709    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
5710
5711    <!--[if BLOCK]><![endif]-->        <a href="https://brodnica.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
5712            aria-label="Strona biura WGN Brodnica"
5713            ></a>
5714    <!--[if ENDBLOCK]><![endif]-->
5715    
5716    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
5717            <!--[if BLOCK]><![endif]-->    
5718    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/b267f861-7733-47d5-b7bb-8d48577b250d.jpeg?v=1782990920"
5719         width="450"          height="302"         alt="">
5720<!--[if ENDBLOCK]><![endif]-->        </div>
5721    <!--[if ENDBLOCK]><![endif]-->
5722    <div class="p-5 flex flex-col flex-1 gap-4">
5723
5724        
5725        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
5726        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
5727            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
5728                    class="h-7 w-auto object-contain object-left" />
5729            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
5730                Brodnica
5731                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
5732        </div>
5733
5734        
5735        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
5736                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">ul. Wyspiańskiego 10</p>
5737                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
5738                        87-300 Brodnica, Polska
5739                    </p>
5740                <!--[if ENDBLOCK]><![endif]-->            </div>
5741        <!--[if ENDBLOCK]><![endif]-->
5742        
5743        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
5744                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
5745                        <!--[if BLOCK]><![endif]-->                            
5746                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
5747                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5748                                <path
5749                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
5750                                    fill="#3B86FF" />
5751                                <path
5752                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.
575204901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
5753                                    fill="#3B86FF" />
5754                                <path
5755                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
5756                                    fill="#3B86FF" />
5757                                <path
5758                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
575812.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
5759                                    fill="#3B86FF" />
5760                            </svg>
5761                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:505892009"
5762                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5763                            505 892 009
5764                        </a>
5765                    </div>
5766                <!--[if ENDBLOCK]><![endif]-->            </div>
5767        <!--[if ENDBLOCK]><![endif]-->
5768        
5769        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
5770                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
5771                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
5772                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5773                            <path
5774                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
5775                                fill="#3B86FF" />
5776                        </svg>
5777                        <a href="mailto:[email protected]"
5778                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5779                            [email protected]
5780                        </a>
5781                    </div>
5782                <!--[if ENDBLOCK]><![endif]-->            </div>
5783        <!--[if ENDBLOCK]><![endif]-->
5784        
5785        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
5786            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
5787        href="https://www.google.com/maps?q=53.2464242101,19.4084039243"
5788         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="53.2464242101" data-map-lng="19.4084039243" data-map-name="WGN Brodnica" onclick="const mapEl = document.getElementById('offices-map');
5789                        if (mapEl && window.officesMap) {
5790                            event.preventDefault();
5791                            const lat = parseFloat(this.dataset.mapLat);
5792                            const lng = parseFloat(this.dataset.mapLng);
5793                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
5794                            setTimeout(function() {
5795                                if (window.officesMap.type === 'leaflet') {
5796                                    window.officesMap.instance.setView([lat, lng], 14);
5797                                } else {
5798                                    window.officesMap.instance.setCenter({ lat, lng });
5799                                    window.officesMap.instance.setZoom(14);
5800                                }
5801                            }, 600);
5802                        }"
5803    >
5804        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
5805                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5806                        <path
5807                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.828
580761 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
5808                            fill="currentColor" />
5809                    </svg>
5810                    Lokalizacja biura
5811    </a>
5812<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
5813            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
5814        href="https://brodnica.wgn.pl/"
5815                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
5816    >
5817        Strona
5818                    biura
5819    </a>
5820<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
5821
5822    </div>
5823</div>
5824                                            <div
5825    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
5826
5827    <!--[if BLOCK]><![endif]-->        <a href="https://chrzanow.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
5828            aria-label="Strona biura WGN Chrzanów"
5829            ></a>
5830    <!--[if ENDBLOCK]><![endif]-->
5831    
5832    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
5833            <!--[if BLOCK]><![endif]-->    
5834    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/d62dc6d3-d929-4e69-a40b-10aec014713b.jpg?v=1782991071"
5835         width="451"          height="300"         alt="">
5836<!--[if ENDBLOCK]><![endif]-->        </div>
5837    <!--[if ENDBLOCK]><![endif]-->
5838    <div class="p-5 flex flex-col flex-1 gap-4">
5839
5840        
5841        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
5842        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
5843            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
5844                    class="h-7 w-auto object-contain object-left" />
5845            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
5846                Chrzanów
5847                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
5848        </div>
5849
5850        
5851        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
5852                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">ul. Trzebińska 40  biurowiec, III piętro, lok. nr 6 (Centrum Handlowe  MAX)</p>
5853                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
5854                        32-500 Chrzanów, Polska
5855                    </p>
5856                <!--[if ENDBLOCK]><![endif]-->            </div>
5857        <!--[if ENDBLOCK]><![endif]-->
5858        
5859        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
5860                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
5861                        <!--[if BLOCK]><![endif]-->                            
5862                            <svg width="16" height="13" viewBox="0 0 575.81 475.2" fill="none"
5863                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5864                                <path
5865                                    d="M548.66,107.25s-.02-.02-.03-.03l-.56-.57c-34.21-34.85-74.41-61.81-119.48-80.13C385.29,8.92,339.33,0,291.98,0c-.22,0-.44,0-.65,0-47.54.08-94.08,9.15-138.33,26.96-45.79,18.43-87.1,45.44-122.8,80.32-39.18,38.56-40.42,101.28-2.73,139.85l.19.19c14.66,14.86,38.39,17.52,56.43,6.31l34.73-21.57c-1.85,20.55-9.95,40.2-23.28,56.12-29.18,34.83-45.26,79.04-45.26,124.48v31.33c0,17.2,14,31.2,31.2,31.2h412.82c17.2,0,31.2-14,31.2-31.2v-31.33c0-45.44-16.07-89.65-45.26-124.48-12.93-15.43-20.92-34.38-23.08-54.25l30.64,19.59c7.61,4.87,16.22,7.25,24.77,7.25,11.24,0,22.4-4.12,31.07-12.16.58-.53,1.14-1.07,1.69-1.6,39.29-38.39,40.77-101.08,3.31-139.76ZM464.92,301.03c26.17,31.24,40.59,70.89,40.59,111.64v31.33c0,6.18-5.02,11.2-11.2,11.2H81.49c-6.18,0-11.2-5.02-11.2-11.2v-31.33c0-4
58650.75,14.41-80.4,40.59-111.64,18.29-21.83,28.36-49.54,28.36-78.02v-3.62l40.32-25.04c11.94-7.41,17.46-22,13.44-35.46l-7.1-23.72c-.78-2.62.54-5.4,3.09-6.46,63.97-26.72,136.69-26.77,199.53-.16,2.55,1.08,3.86,3.98,2.98,6.61l-7.94,23.64c-4.57,13.6.68,28.51,12.77,36.24l40.24,25.73v2.25c0,28.48,10.07,56.19,28.36,78.02ZM531.36,232.71c-.42.41-.85.82-1.29,1.23-8.59,7.96-21.54,9.09-31.48,2.73l-91.5-58.5c-4.34-2.78-6.23-8.13-4.59-13.02l7.94-23.64c4.19-12.47-2.02-26.26-14.14-31.39-33.83-14.33-70.3-21.49-106.93-21.49s-73.61,7.21-108.11,21.61c-12.01,5.02-18.27,18.19-14.54,30.65l7.1,23.72c1.45,4.84-.54,10.08-4.83,12.74l-95.46,59.28c-10.17,6.32-23.48,4.9-31.58-3.31l-.21-.22c-29.98-30.68-28.87-80.74,2.45-111.56C111.07,56.23,198.85,20.16,291.36,20c.21,0,.41,0,.62,0,92.23,0,178.09,35.74,241.8,100.65l.52.53c29.81,30.79,28.5,80.82-2.94,111.54Z"
5866                                    fill="#3B86FF" />
5867                                <path
5868                                    d="M287.9,369.45c-25.47,0-49.53-7.35-67.75-20.7-19.16-14.03-29.71-32.99-29.71-53.37s10.55-39.34,29.71-53.37c18.22-13.35,42.28-20.7,67.75-20.7s49.53,7.35,67.75,20.7c19.16,14.03,29.71,32.99,29.71,53.37s-10.55,39.34-29.71,53.37c-18.22,13.35-42.28,20.7-67.75,20.7ZM287.9,241.32c-21.25,0-41.12,5.98-55.94,16.83-13.88,10.17-21.53,23.39-21.53,37.23s7.64,27.07,21.53,37.23c14.82,10.85,34.68,16.83,55.94,16.83s41.12-5.98,55.93-16.83c13.88-10.17,21.53-23.39,21.53-37.23s-7.64-27.07-21.53-37.23c-14.82-10.85-34.68-16.83-55.93-16.83Z"
5869                                    fill="#3B86FF" />
5870                            </svg>
5871                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:326227203"
5872                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5873                            32 622 72 03
5874                        </a>
5875                    </div>
5876                <!--[if ENDBLOCK]><![endif]-->            </div>
5877        <!--[if ENDBLOCK]><![endif]-->
5878        
5879        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
5880                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
5881                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
5882                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5883                            <path
5884                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
5885                                fill="#3B86FF" />
5886                        </svg>
5887                        <a href="mailto:[email protected]"
5888                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5889                            [email protected]
5890                        </a>
5891                    </div>
5892                <!--[if ENDBLOCK]><![endif]-->            </div>
5893        <!--[if ENDBLOCK]><![endif]-->
5894        
5895        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
5896            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
5897        href="https://www.google.com/maps?q=50.1419426874,19.412883326"
5898         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="50.1419426874" data-map-lng="19.412883326" data-map-name="WGN Chrzanów" onclick="const mapEl = document.getElementById('office
5898s-map');
5899                        if (mapEl && window.officesMap) {
5900                            event.preventDefault();
5901                            const lat = parseFloat(this.dataset.mapLat);
5902                            const lng = parseFloat(this.dataset.mapLng);
5903                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
5904                            setTimeout(function() {
5905                                if (window.officesMap.type === 'leaflet') {
5906                                    window.officesMap.instance.setView([lat, lng], 14);
5907                                } else {
5908                                    window.officesMap.instance.setCenter({ lat, lng });
5909                                    window.officesMap.instance.setZoom(14);
5910                                }
5911                            }, 600);
5912                        }"
5913    >
5914        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
5915                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
5916                        <path
5917                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.82861 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
5918                            fill="currentColor" />
5919                    </svg>
5920                    Lokalizacja biura
5921    </a>
5922<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
5923            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
5924        href="https://chrzanow.wgn.pl/"
5925                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
5926    >
5927        Strona
5928                    biura
5929    </a>
5930<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
5931
5932    </div>
5933</div>
5934                                            <div
5935    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
5936
5937    <!--[if BLOCK]><![endif]-->        <a href="https://czestochowa.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
5938            aria-label="Strona biura WGN Częstochowa"
5939            ></a>
5940    <!--[if ENDBLOCK]><![endif]-->
5941    
5942    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
5943            <!--[if BLOCK]><![endif]-->    
5944    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/d11852c5-b3a8-4a5b-b510-6d71ece8bbd7.jpeg?v=1782991171"
5945         width="453"          height="299"         alt="">
5946<!--[if ENDBLOCK]><![endif]-->        </div>
5947    <!--[if ENDBLOCK]><![endif]-->
5948    <div class="p-5 flex flex-col flex-1 gap-4">
5949
5950        
5951        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
5952        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
5953            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
5954                    class="h-7 w-auto object-contain object-left" />
5955            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
5956                Częstochowa
5957                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
5958        </div>
5959
5960        
5961        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
5962                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">ul. Kopernika 10/12</p>
5963                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
5964                        42-217 Częstochowa, Polska
5965                    </p>
5966                <!--[if ENDBLOCK]><![endif]-->            </div>
5967        <!--[if ENDBLOCK]><![endif]-->
5968        
5969        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
5970                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
5971                        <!--[if BLOCK]><![endif]-->                            
5972                            <svg width="16" height="13" viewBox="0 0 575.81 475.2" fill="none"
5973                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5974                                <path
5975                                    d="M548.66,107.25s-.02-.02-.03-.03l-.56-.57c-34.21-34.85-74.41-61.81-119.48-80.13C385.29,8.92,339.33,0,291.98,0c-.22,0-.44,0-.65,0-47.54.08-94.08,9.15-138.33,26.96-45.79,18.43-87.1,45.44-122.8,80.32-39.18,38.56-40.42,101.28-2.73,139.85l.19.19c14.66,14.86,38.39,17.52,56.43,6.31l34.73-21.57c-1.85,20.55-9.95,40.2-23.28,56.12-29.18,34.83-45.26,79.04-45.26,124.48v31.33c0,17.2,14,31.2,31.2,31.2h412.82c17.2,0,31.2-14,31.2-31.2v-31.33c0-45.44-16.07-89.65-45.26-124.48-12.93-15.43-20.92-34.38-23.08-54.25l30.64,19.59c7.61,4.87,16.22,7.25,24.77,7.25,11.24,0,22.4-4.12,31.07-12.16.58-.53,1.14-1.07,1.69-1.6,39.29-38.39,40.77-101.08,3.31-139.76ZM464.92,301.03c26.17,31.24,40.59,70.89,40.59,111.64v31.33c0,6.18-5.02,11.2-11.2,11.2H81.49c-6.18,0-11.2-5.02-11.2-11.2v-31.33c0-4
59750.75,14.41-80.4,40.59-111.64,18.29-21.83,28.36-49.54,28.36-78.02v-3.62l40.32-25.04c11.94-7.41,17.46-22,13.44-35.46l-7.1-23.72c-.78-2.62.54-5.4,3.09-6.46,63.97-26.72,136.69-26.77,199.53-.16,2.55,1.08,3.86,3.98,2.98,6.61l-7.94,23.64c-4.57,13.6.68,28.51,12.77,36.24l40.24,25.73v2.25c0,28.48,10.07,56.19,28.36,78.02ZM531.36,232.71c-.42.41-.85.82-1.29,1.23-8.59,7.96-21.54,9.09-31.48,2.73l-91.5-58.5c-4.34-2.78-6.23-8.13-4.59-13.02l7.94-23.64c4.19-12.47-2.02-26.26-14.14-31.39-33.83-14.33-70.3-21.49-106.93-21.49s-73.61,7.21-108.11,21.61c-12.01,5.02-18.27,18.19-14.54,30.65l7.1,23.72c1.45,4.84-.54,10.08-4.83,12.74l-95.46,59.28c-10.17,6.32-23.48,4.9-31.58-3.31l-.21-.22c-29.98-30.68-28.87-80.74,2.45-111.56C111.07,56.23,198.85,20.16,291.36,20c.21,0,.41,0,.62,0,92.23,0,178.09,35.74,241.8,100.65l.52.53c29.81,30.79,28.5,80.82-2.94,111.54Z"
5976                                    fill="#3B86FF" />
5977                                <path
5978                                    d="M287.9,369.45c-25.47,0-49.53-7.35-67.75-20.7-19.16-14.03-29.71-32.99-29.71-53.37s10.55-39.34,29.71-53.37c18.22-13.35,42.28-20.7,67.75-20.7s49.53,7.35,67.75,20.7c19.16,14.03,29.71,32.99,29.71,53.37s-10.55,39.34-29.71,53.37c-18.22,13.35-42.28,20.7-67.75,20.7ZM287.9,241.32c-21.25,0-41.12,5.98-55.94,16.83-13.88,10.17-21.53,23.39-21.53,37.23s7.64,27.07,21.53,37.23c14.82,10.85,34.68,16.83,55.94,16.83s41.12-5.98,55.93-16.83c13.88-10.17,21.53-23.39,21.53-37.23s-7.64-27.07-21.53-37.23c-14.82-10.85-34.68-16.83-55.93-16.83Z"
5979                                    fill="#3B86FF" />
5980                            </svg>
5981                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:343680384"
5982                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5983                            34 368 03 84
5984                        </a>
5985                    </div>
5986                <!--[if ENDBLOCK]><![endif]-->            </div>
5987        <!--[if ENDBLOCK]><![endif]-->
5988        
5989        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
5990                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
5991                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
5992                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
5993                            <path
5994                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
5995                                fill="#3B86FF" />
5996                        </svg>
5997                        <a href="mailto:[email protected]"
5998                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
5999                            [email protected]
6000                        </a>
6001                    </div>
6002                <!--[if ENDBLOCK]><![endif]-->            </div>
6003        <!--[if ENDBLOCK]><![endif]-->
6004        
6005        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
6006            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6007        href="https://www.google.com/maps?q=50.8088597886,19.1160008395"
6008         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="50.8088597886" data-map-lng="19.1160008395" data-map-name="WGN Częstochowa" onclick="const mapEl = document.getElementById('office
6008s-map');
6009                        if (mapEl && window.officesMap) {
6010                            event.preventDefault();
6011                            const lat = parseFloat(this.dataset.mapLat);
6012                            const lng = parseFloat(this.dataset.mapLng);
6013                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
6014                            setTimeout(function() {
6015                                if (window.officesMap.type === 'leaflet') {
6016                                    window.officesMap.instance.setView([lat, lng], 14);
6017                                } else {
6018                                    window.officesMap.instance.setCenter({ lat, lng });
6019                                    window.officesMap.instance.setZoom(14);
6020                                }
6021                            }, 600);
6022                        }"
6023    >
6024        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
6025                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6026                        <path
6027                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.82861 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
6028                            fill="currentColor" />
6029                    </svg>
6030                    Lokalizacja biura
6031    </a>
6032<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
6033            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6034        href="https://czestochowa.wgn.pl/"
6035                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
6036    >
6037        Strona
6038                    biura
6039    </a>
6040<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
6041
6042    </div>
6043</div>
6044                                            <div
6045    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
6046
6047    <!--[if BLOCK]><![endif]-->        <a href="https://elblag.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
6048            aria-label="Strona biura WGN Elbląg"
6049            ></a>
6050    <!--[if ENDBLOCK]><![endif]-->
6051    
6052    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
6053            <!--[if BLOCK]><![endif]-->    
6054    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/47aabc13-5761-4a1c-93ba-ae8f4b2a1514.jpeg?v=1782991265"
6055         width="450"          height="301"         alt="">
6056<!--[if ENDBLOCK]><![endif]-->        </div>
6057    <!--[if ENDBLOCK]><![endif]-->
6058    <div class="p-5 flex flex-col flex-1 gap-4">
6059
6060        
6061        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
6062        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
6063            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
6064                    class="h-7 w-auto object-contain object-left" />
6065            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
6066                Elbląg
6067                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
6068        </div>
6069
6070        
6071        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
6072                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">ul. Powstańców Warszawskich 7/2</p>
6073                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
6074                        82-300 Elbląg, Polska
6075                    </p>
6076                <!--[if ENDBLOCK]><![endif]-->            </div>
6077        <!--[if ENDBLOCK]><![endif]-->
6078        
6079        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6080                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6081                        <!--[if BLOCK]><![endif]-->                            
6082                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
6083                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6084                                <path
6085                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
6086                                    fill="#3B86FF" />
6087                                <path
6088                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.
608804901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
6089                                    fill="#3B86FF" />
6090                                <path
6091                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
6092                                    fill="#3B86FF" />
6093                                <path
6094                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
609412.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
6095                                    fill="#3B86FF" />
6096                            </svg>
6097                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:888592885"
6098                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6099                            888 592 885
6100                        </a>
6101                    </div>
6102                <!--[if ENDBLOCK]><![endif]-->            </div>
6103        <!--[if ENDBLOCK]><![endif]-->
6104        
6105        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6106                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6107                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
6108                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6109                            <path
6110                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
6111                                fill="#3B86FF" />
6112                        </svg>
6113                        <a href="mailto:[email protected]"
6114                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6115                            [email protected]
6116                        </a>
6117                    </div>
6118                <!--[if ENDBLOCK]><![endif]-->            </div>
6119        <!--[if ENDBLOCK]><![endif]-->
6120        
6121        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
6122            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6123        href="https://www.google.com/maps?q=54.1616224847,19.4015397833"
6124         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="54.1616224847" data-map-lng="19.4015397833" data-map-name="WGN ELBLĄG" onclick="const mapEl = document.getElementById('offices-map');
6125                        if (mapEl && window.officesMap) {
6126                            event.preventDefault();
6127                            const lat = parseFloat(this.dataset.mapLat);
6128                            const lng = parseFloat(this.dataset.mapLng);
6129                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
6130                            setTimeout(function() {
6131                                if (window.officesMap.type === 'leaflet') {
6132                                    window.officesMap.instance.setView([lat, lng], 14);
6133                                } else {
6134                                    window.officesMap.instance.setCenter({ lat, lng });
6135                                    window.officesMap.instance.setZoom(14);
6136                                }
6137                            }, 600);
6138                        }"
6139    >
6140        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
6141                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6142                        <path
6143                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.828
614361 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
6144                            fill="currentColor" />
6145                    </svg>
6146                    Lokalizacja biura
6147    </a>
6148<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
6149            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6150        href="https://elblag.wgn.pl/"
6151                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
6152    >
6153        Strona
6154                    biura
6155    </a>
6156<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
6157
6158    </div>
6159</div>
6160                                            <div
6161    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
6162
6163    <!--[if BLOCK]><![endif]-->        <a href="https://elk.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
6164            aria-label="Strona biura WGN Ełk"
6165            ></a>
6166    <!--[if ENDBLOCK]><![endif]-->
6167    
6168    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
6169            <!--[if BLOCK]><![endif]-->    
6170    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/749019bd-ae87-4e58-b3ab-c9263ec582d9.jpeg?v=1782991472"
6171         width="450"          height="300"         alt="">
6172<!--[if ENDBLOCK]><![endif]-->        </div>
6173    <!--[if ENDBLOCK]><![endif]-->
6174    <div class="p-5 flex flex-col flex-1 gap-4">
6175
6176        
6177        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
6178        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
6179            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
6180                    class="h-7 w-auto object-contain object-left" />
6181            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
6182                Ełk
6183                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
6184        </div>
6185
6186        
6187        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
6188                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">ul. Mickiewicza 13</p>
6189                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
6190                        19-300 Ełk, Polska
6191                    </p>
6192                <!--[if ENDBLOCK]><![endif]-->            </div>
6193        <!--[if ENDBLOCK]><![endif]-->
6194        
6195        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6196                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6197                        <!--[if BLOCK]><![endif]-->                            
6198                            <svg width="16" height="13" viewBox="0 0 575.81 475.2" fill="none"
6199                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6200                                <path
6201                                    d="M548.66,107.25s-.02-.02-.03-.03l-.56-.57c-34.21-34.85-74.41-61.81-119.48-80.13C385.29,8.92,339.33,0,291.98,0c-.22,0-.44,0-.65,0-47.54.08-94.08,9.15-138.33,26.96-45.79,18.43-87.1,45.44-122.8,80.32-39.18,38.56-40.42,101.28-2.73,139.85l.19.19c14.66,14.86,38.39,17.52,56.43,6.31l34.73-21.57c-1.85,20.55-9.95,40.2-23.28,56.12-29.18,34.83-45.26,79.04-45.26,124.48v31.33c0,17.2,14,31.2,31.2,31.2h412.82c17.2,0,31.2-14,31.2-31.2v-31.33c0-45.44-16.07-89.65-45.26-124.48-12.93-15.43-20.92-34.38-23.08-54.25l30.64,19.59c7.61,4.87,16.22,7.25,24.77,7.25,11.24,0,22.4-4.12,31.07-12.16.58-.53,1.14-1.07,1.69-1.6,39.29-38.39,40.77-101.08,3.31-139.76ZM464.92,301.03c26.17,31.24,40.59,70.89,40.59,111.64v31.33c0,6.18-5.02,11.2-11.2,11.2H81.49c-6.18,0-11.2-5.02-11.2-11.2v-31.33c0-4
62010.75,14.41-80.4,40.59-111.64,18.29-21.83,28.36-49.54,28.36-78.02v-3.62l40.32-25.04c11.94-7.41,17.46-22,13.44-35.46l-7.1-23.72c-.78-2.62.54-5.4,3.09-6.46,63.97-26.72,136.69-26.77,199.53-.16,2.55,1.08,3.86,3.98,2.98,6.61l-7.94,23.64c-4.57,13.6.68,28.51,12.77,36.24l40.24,25.73v2.25c0,28.48,10.07,56.19,28.36,78.02ZM531.36,232.71c-.42.41-.85.82-1.29,1.23-8.59,7.96-21.54,9.09-31.48,2.73l-91.5-58.5c-4.34-2.78-6.23-8.13-4.59-13.02l7.94-23.64c4.19-12.47-2.02-26.26-14.14-31.39-33.83-14.33-70.3-21.49-106.93-21.49s-73.61,7.21-108.11,21.61c-12.01,5.02-18.27,18.19-14.54,30.65l7.1,23.72c1.45,4.84-.54,10.08-4.83,12.74l-95.46,59.28c-10.17,6.32-23.48,4.9-31.58-3.31l-.21-.22c-29.98-30.68-28.87-80.74,2.45-111.56C111.07,56.23,198.85,20.16,291.36,20c.21,0,.41,0,.62,0,92.23,0,178.09,35.74,241.8,100.65l.52.53c29.81,30.79,28.5,80.82-2.94,111.54Z"
6202                                    fill="#3B86FF" />
6203                                <path
6204                                    d="M287.9,369.45c-25.47,0-49.53-7.35-67.75-20.7-19.16-14.03-29.71-32.99-29.71-53.37s10.55-39.34,29.71-53.37c18.22-13.35,42.28-20.7,67.75-20.7s49.53,7.35,67.75,20.7c19.16,14.03,29.71,32.99,29.71,53.37s-10.55,39.34-29.71,53.37c-18.22,13.35-42.28,20.7-67.75,20.7ZM287.9,241.32c-21.25,0-41.12,5.98-55.94,16.83-13.88,10.17-21.53,23.39-21.53,37.23s7.64,27.07,21.53,37.23c14.82,10.85,34.68,16.83,55.94,16.83s41.12-5.98,55.93-16.83c13.88-10.17,21.53-23.39,21.53-37.23s-7.64-27.07-21.53-37.23c-14.82-10.85-34.68-16.83-55.93-16.83Z"
6205                                    fill="#3B86FF" />
6206                            </svg>
6207                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:+48876108778"
6208                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6209                            +48 87 610 87 78
6210                        </a>
6211                    </div>
6212                <!--[if ENDBLOCK]><![endif]-->            </div>
6213        <!--[if ENDBLOCK]><![endif]-->
6214        
6215        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6216                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6217                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
6218                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6219                            <path
6220                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
6221                                fill="#3B86FF" />
6222                        </svg>
6223                        <a href="mailto:[email protected]"
6224                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6225                            [email protected]
6226                        </a>
6227                    </div>
6228                <!--[if ENDBLOCK]><![endif]-->            </div>
6229        <!--[if ENDBLOCK]><![endif]-->
6230        
6231        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
6232            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6233        href="https://www.google.com/maps?q=53.8247761864,22.3488870286"
6234         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="53.8247761864" data-map-lng="22.3488870286" data-map-name="WGN Ełk" onclick="const mapEl = document.getElementById('office
6234s-map');
6235                        if (mapEl && window.officesMap) {
6236                            event.preventDefault();
6237                            const lat = parseFloat(this.dataset.mapLat);
6238                            const lng = parseFloat(this.dataset.mapLng);
6239                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
6240                            setTimeout(function() {
6241                                if (window.officesMap.type === 'leaflet') {
6242                                    window.officesMap.instance.setView([lat, lng], 14);
6243                                } else {
6244                                    window.officesMap.instance.setCenter({ lat, lng });
6245                                    window.officesMap.instance.setZoom(14);
6246                                }
6247                            }, 600);
6248                        }"
6249    >
6250        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
6251                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6252                        <path
6253                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.82861 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
6254                            fill="currentColor" />
6255                    </svg>
6256                    Lokalizacja biura
6257    </a>
6258<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
6259            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6260        href="https://elk.wgn.pl/"
6261                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
6262    >
6263        Strona
6264                    biura
6265    </a>
6266<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
6267
6268    </div>
6269</div>
6270                                            <div
6271    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
6272
6273    <!--[if BLOCK]><![endif]-->        <a href="https://gdansk.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
6274            aria-label="Strona biura WGN Gdańsk"
6275            ></a>
6276    <!--[if ENDBLOCK]><![endif]-->
6277    
6278    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
6279            <!--[if BLOCK]><![endif]-->    
6280    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/0792f02e-efaa-4d31-877c-0d30ce73e35e.jpeg?v=1782991575"
6281         width="449"          height="301"         alt="">
6282<!--[if ENDBLOCK]><![endif]-->        </div>
6283    <!--[if ENDBLOCK]><![endif]-->
6284    <div class="p-5 flex flex-col flex-1 gap-4">
6285
6286        
6287        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
6288        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
6289            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
6290                    class="h-7 w-auto object-contain object-left" />
6291            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
6292                Gdańsk
6293                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
6294        </div>
6295
6296        
6297        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
6298                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">ul. Wałowa 23b</p>
6299                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
6300                        80-858 Gdańsk, Polska
6301                    </p>
6302                <!--[if ENDBLOCK]><![endif]-->            </div>
6303        <!--[if ENDBLOCK]><![endif]-->
6304        
6305        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6306                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6307                        <!--[if BLOCK]><![endif]-->                            
6308                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
6309                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6310                                <path
6311                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
6312                                    fill="#3B86FF" />
6313                                <path
6314                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.
631404901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
6315                                    fill="#3B86FF" />
6316                                <path
6317                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
6318                                    fill="#3B86FF" />
6319                                <path
6320                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
632012.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
6321                                    fill="#3B86FF" />
6322                            </svg>
6323                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:696803197"
6324                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6325                            696803197
6326                        </a>
6327                    </div>
6328                <!--[if ENDBLOCK]><![endif]-->            </div>
6329        <!--[if ENDBLOCK]><![endif]-->
6330        
6331        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6332                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6333                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
6334                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6335                            <path
6336                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
6337                                fill="#3B86FF" />
6338                        </svg>
6339                        <a href="mailto:[email protected]"
6340                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6341                            [email protected]
6342                        </a>
6343                    </div>
6344                <!--[if ENDBLOCK]><![endif]-->            </div>
6345        <!--[if ENDBLOCK]><![endif]-->
6346        
6347        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
6348            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6349        href="https://www.google.com/maps?q=54.3586744622,16.6523251263"
6350         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="54.3586744622" data-map-lng="16.6523251263" data-map-name="WGN Gdańsk" onclick="const mapEl = document.getElementById('offices-map');
6351                        if (mapEl && window.officesMap) {
6352                            event.preventDefault();
6353                            const lat = parseFloat(this.dataset.mapLat);
6354                            const lng = parseFloat(this.dataset.mapLng);
6355                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
6356                            setTimeout(function() {
6357                                if (window.officesMap.type === 'leaflet') {
6358                                    window.officesMap.instance.setView([lat, lng], 14);
6359                                } else {
6360                                    window.officesMap.instance.setCenter({ lat, lng });
6361                                    window.officesMap.instance.setZoom(14);
6362                                }
6363                            }, 600);
6364                        }"
6365    >
6366        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
6367                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6368                        <path
6369                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.828
636961 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
6370                            fill="currentColor" />
6371                    </svg>
6372                    Lokalizacja biura
6373    </a>
6374<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
6375            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6376        href="https://gdansk.wgn.pl/"
6377                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
6378    >
6379        Strona
6380                    biura
6381    </a>
6382<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
6383
6384    </div>
6385</div>
6386                                            <div
6387    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
6388
6389    <!--[if BLOCK]><![endif]-->        <a href="https://gizycko.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
6390            aria-label="Strona biura WGN Giżycko"
6391            ></a>
6392    <!--[if ENDBLOCK]><![endif]-->
6393    
6394    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
6395            <!--[if BLOCK]><![endif]-->    
6396    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/72433bc4-8df3-4d80-a7e2-564766fa9319.jpeg?v=1782991670"
6397         width="450"          height="300"         alt="">
6398<!--[if ENDBLOCK]><![endif]-->        </div>
6399    <!--[if ENDBLOCK]><![endif]-->
6400    <div class="p-5 flex flex-col flex-1 gap-4">
6401
6402        
6403        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
6404        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
6405            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
6406                    class="h-7 w-auto object-contain object-left" />
6407            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
6408                Giżycko
6409                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
6410        </div>
6411
6412        
6413        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
6414                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">Pasaż Portowy 1A lok. 6</p>
6415                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
6416                        11-500 Giżycko, Polska
6417                    </p>
6418                <!--[if ENDBLOCK]><![endif]-->            </div>
6419        <!--[if ENDBLOCK]><![endif]-->
6420        
6421        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6422                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6423                        <!--[if BLOCK]><![endif]-->                            
6424                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
6425                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6426                                <path
6427                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
6428                                    fill="#3B86FF" />
6429                                <path
6430                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.
643004901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
6431                                    fill="#3B86FF" />
6432                                <path
6433                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
6434                                    fill="#3B86FF" />
6435                                <path
6436                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
643612.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
6437                                    fill="#3B86FF" />
6438                            </svg>
6439                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:+48600663188"
6440                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6441                            +48 600 663 188
6442                        </a>
6443                    </div>
6444                <!--[if ENDBLOCK]><![endif]-->            </div>
6445        <!--[if ENDBLOCK]><![endif]-->
6446        
6447        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6448                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6449                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
6450                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6451                            <path
6452                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
6453                                fill="#3B86FF" />
6454                        </svg>
6455                        <a href="mailto:[email protected]"
6456                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6457                            [email protected]
6458                        </a>
6459                    </div>
6460                <!--[if ENDBLOCK]><![endif]-->            </div>
6461        <!--[if ENDBLOCK]><![endif]-->
6462        
6463        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
6464            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6465        href="https://www.google.com/maps?q=54.0353897841,21.7726259839"
6466         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="54.0353897841" data-map-lng="21.7726259839" data-map-name="WGN Giżycko" onclick="const mapEl = document.getElementById('offices-map');
6467                        if (mapEl && window.officesMap) {
6468                            event.preventDefault();
6469                            const lat = parseFloat(this.dataset.mapLat);
6470                            const lng = parseFloat(this.dataset.mapLng);
6471                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
6472                            setTimeout(function() {
6473                                if (window.officesMap.type === 'leaflet') {
6474                                    window.officesMap.instance.setView([lat, lng], 14);
6475                                } else {
6476                                    window.officesMap.instance.setCenter({ lat, lng });
6477                                    window.officesMap.instance.setZoom(14);
6478                                }
6479                            }, 600);
6480                        }"
6481    >
6482        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
6483                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6484                        <path
6485                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.828
648561 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
6486                            fill="currentColor" />
6487                    </svg>
6488                    Lokalizacja biura
6489    </a>
6490<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
6491            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6492        href="https://gizycko.wgn.pl/"
6493                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
6494    >
6495        Strona
6496                    biura
6497    </a>
6498<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
6499
6500    </div>
6501</div>
6502                                            <div
6503    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
6504
6505    <!--[if BLOCK]><![endif]-->        <a href="https://glogow.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
6506            aria-label="Strona biura WGN Głogów"
6507            ></a>
6508    <!--[if ENDBLOCK]><![endif]-->
6509    
6510    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
6511            <!--[if BLOCK]><![endif]-->    
6512    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/3a8bb417-36cc-4317-b012-a0637b99571e.jpeg?v=1782991814"
6513         width="450"          height="301"         alt="">
6514<!--[if ENDBLOCK]><![endif]-->        </div>
6515    <!--[if ENDBLOCK]><![endif]-->
6516    <div class="p-5 flex flex-col flex-1 gap-4">
6517
6518        
6519        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
6520        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
6521            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
6522                    class="h-7 w-auto object-contain object-left" />
6523            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
6524                Głogów
6525                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
6526        </div>
6527
6528        
6529        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
6530                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">Biuro w reorganizacji</p>
6531                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
6532                        67-200 Głogów, Polska
6533                    </p>
6534                <!--[if ENDBLOCK]><![endif]-->            </div>
6535        <!--[if ENDBLOCK]><![endif]-->
6536        
6537        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6538                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6539                        <!--[if BLOCK]><![endif]-->                            
6540                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
6541                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6542                                <path
6543                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
6544                                    fill="#3B86FF" />
6545                                <path
6546                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.
654604901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
6547                                    fill="#3B86FF" />
6548                                <path
6549                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
6550                                    fill="#3B86FF" />
6551                                <path
6552                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
655212.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
6553                                    fill="#3B86FF" />
6554                            </svg>
6555                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:+48724359327"
6556                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6557                            +48 724 359 327
6558                        </a>
6559                    </div>
6560                <!--[if ENDBLOCK]><![endif]-->            </div>
6561        <!--[if ENDBLOCK]><![endif]-->
6562        
6563        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6564                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6565                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
6566                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6567                            <path
6568                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
6569                                fill="#3B86FF" />
6570                        </svg>
6571                        <a href="mailto:[email protected]"
6572                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6573                            [email protected]
6574                        </a>
6575                    </div>
6576                <!--[if ENDBLOCK]><![endif]-->            </div>
6577        <!--[if ENDBLOCK]><![endif]-->
6578        
6579        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
6580            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6581        href="https://www.google.com/maps?q=51.6647731828,16.0917597414"
6582         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="51.6647731828" data-map-lng="16.0917597414" data-map-name="WGN Głogów" onclick="const mapEl = document.getElementById('offices-map');
6583                        if (mapEl && window.officesMap) {
6584                            event.preventDefault();
6585                            const lat = parseFloat(this.dataset.mapLat);
6586                            const lng = parseFloat(this.dataset.mapLng);
6587                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
6588                            setTimeout(function() {
6589                                if (window.officesMap.type === 'leaflet') {
6590                                    window.officesMap.instance.setView([lat, lng], 14);
6591                                } else {
6592                                    window.officesMap.instance.setCenter({ lat, lng });
6593                                    window.officesMap.instance.setZoom(14);
6594                                }
6595                            }, 600);
6596                        }"
6597    >
6598        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
6599                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6600                        <path
6601                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.828
660161 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
6602                            fill="currentColor" />
6603                    </svg>
6604                    Lokalizacja biura
6605    </a>
6606<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
6607            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6608        href="https://glogow.wgn.pl/"
6609                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
6610    >
6611        Strona
6612                    biura
6613    </a>
6614<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
6615
6616    </div>
6617</div>
6618                                            <div
6619    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
6620
6621    <!--[if BLOCK]><![endif]-->        <a href="https://gorzow-wielkopolski.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
6622            aria-label="Strona biura WGN Gorzów Wielkopolski"
6623            ></a>
6624    <!--[if ENDBLOCK]><![endif]-->
6625    
6626    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
6627            <!--[if BLOCK]><![endif]-->    
6628    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/8677f62e-e751-4c1e-aa0b-d880cf781955.jpeg?v=1782992051"
6629         width="449"          height="297"         alt="">
6630<!--[if ENDBLOCK]><![endif]-->        </div>
6631    <!--[if ENDBLOCK]><![endif]-->
6632    <div class="p-5 flex flex-col flex-1 gap-4">
6633
6634        
6635        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
6636        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
6637            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
6638                    class="h-7 w-auto object-contain object-left" />
6639            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
6640                Gorzów Wielkopolski
6641                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
6642        </div>
6643
6644        
6645        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
6646                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">ul. Kosynierów Gdyńskich 16/2</p>
6647                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
6648                        66-400 Gorzów Wielkopolski, Polska
6649                    </p>
6650                <!--[if ENDBLOCK]><![endif]-->            </div>
6651        <!--[if ENDBLOCK]><![endif]-->
6652        
6653        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6654                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6655                        <!--[if BLOCK]><![endif]-->                            
6656                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
6657                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6658                                <path
6659                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
6660                                    fill="#3B86FF" />
6661                                <path
6662                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.
666204901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
6663                                    fill="#3B86FF" />
6664                                <path
6665                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
6666                                    fill="#3B86FF" />
6667                                <path
6668                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
666812.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
6669                                    fill="#3B86FF" />
6670                            </svg>
6671                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:669562330"
6672                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6673                            669562330
6674                        </a>
6675                    </div>
6676                <!--[if ENDBLOCK]><![endif]-->            </div>
6677        <!--[if ENDBLOCK]><![endif]-->
6678        
6679        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6680                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6681                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
6682                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6683                            <path
6684                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
6685                                fill="#3B86FF" />
6686                        </svg>
6687                        <a href="mailto:[email protected]"
6688                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6689                            [email protected]
6690                        </a>
6691                    </div>
6692                <!--[if ENDBLOCK]><![endif]-->            </div>
6693        <!--[if ENDBLOCK]><![endif]-->
6694        
6695        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
6696            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6697        href="https://www.google.com/maps?q=52.7346813195,15.230525129"
6698         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="52.7346813195" data-map-lng="15.230525129" data-map-name="WGN Gorzów Wielkopolski" onclick="const mapEl = document.getElementById('offices-map');
6699                        if (mapEl && window.officesMap) {
6700                            event.preventDefault();
6701                            const lat = parseFloat(this.dataset.mapLat);
6702                            const lng = parseFloat(this.dataset.mapLng);
6703                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
6704                            setTimeout(function() {
6705                                if (window.officesMap.type === 'leaflet') {
6706                                    window.officesMap.instance.setView([lat, lng], 14);
6707                                } else {
6708                                    window.officesMap.instance.setCenter({ lat, lng });
6709                                    window.officesMap.instance.setZoom(14);
6710                                }
6711                            }, 600);
6712                        }"
6713    >
6714        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
6715                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6716                        <path
6717                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.828
671761 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
6718                            fill="currentColor" />
6719                    </svg>
6720                    Lokalizacja biura
6721    </a>
6722<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
6723            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6724        href="https://gorzow-wielkopolski.wgn.pl/"
6725                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
6726    >
6727        Strona
6728                    biura
6729    </a>
6730<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
6731
6732    </div>
6733</div>
6734                                            <div
6735    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
6736
6737    <!--[if BLOCK]><![endif]-->        <a href="https://inowroclaw.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
6738            aria-label="Strona biura WGN Inowrocław"
6739            ></a>
6740    <!--[if ENDBLOCK]><![endif]-->
6741    
6742    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
6743            <!--[if BLOCK]><![endif]-->    
6744    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/1c7d2c64-f1dc-4c30-a198-2403053f4ece.jpeg?v=1788347826"
6745         width="449"          height="302"         alt="">
6746<!--[if ENDBLOCK]><![endif]-->        </div>
6747    <!--[if ENDBLOCK]><![endif]-->
6748    <div class="p-5 flex flex-col flex-1 gap-4">
6749
6750        
6751        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
6752        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
6753            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
6754                    class="h-7 w-auto object-contain object-left" />
6755            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
6756                Inowrocław
6757                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
6758        </div>
6759
6760        
6761        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
6762                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">Poznańska 15 lok. 23</p>
6763                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
6764                        86-060 Inowrocław
6765                    </p>
6766                <!--[if ENDBLOCK]><![endif]-->            </div>
6767        <!--[if ENDBLOCK]><![endif]-->
6768        
6769        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6770                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6771                        <!--[if BLOCK]><![endif]-->                            
6772                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
6773                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6774                                <path
6775                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
6776                                    fill="#3B86FF" />
6777                                <path
6778                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.
677804901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
6779                                    fill="#3B86FF" />
6780                                <path
6781                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
6782                                    fill="#3B86FF" />
6783                                <path
6784                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
678412.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
6785                                    fill="#3B86FF" />
6786                            </svg>
6787                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:692040896"
6788                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6789                            692040896
6790                        </a>
6791                    </div>
6792                <!--[if ENDBLOCK]><![endif]-->            </div>
6793        <!--[if ENDBLOCK]><![endif]-->
6794        
6795        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6796                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6797                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
6798                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6799                            <path
6800                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
6801                                fill="#3B86FF" />
6802                        </svg>
6803                        <a href="mailto:[email protected]"
6804                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6805                            [email protected]
6806                        </a>
6807                    </div>
6808                <!--[if ENDBLOCK]><![endif]-->            </div>
6809        <!--[if ENDBLOCK]><![endif]-->
6810        
6811        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
6812            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
6813            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6814        href="https://inowroclaw.wgn.pl/"
6815                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
6816    >
6817        Strona
6818                    biura
6819    </a>
6820<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
6821
6822    </div>
6823</div>
6824                                            <div
6825    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
6826
6827    <!--[if BLOCK]><![endif]-->        <a href="https://jaworzno.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
6828            aria-label="Strona biura WGN Jaworzno"
6829            ></a>
6830    <!--[if ENDBLOCK]><![endif]-->
6831    
6832    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
6833            <!--[if BLOCK]><![endif]-->    
6834    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/25210f16-a952-4b59-842b-8f82437b14c3.jpeg?v=1782992174"
6835         width="448"          height="299"         alt="">
6836<!--[if ENDBLOCK]><![endif]-->        </div>
6837    <!--[if ENDBLOCK]><![endif]-->
6838    <div class="p-5 flex flex-col flex-1 gap-4">
6839
6840        
6841        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
6842        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
6843            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
6844                    class="h-7 w-auto object-contain object-left" />
6845            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
6846                Jaworzno
6847                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
6848        </div>
6849
6850        
6851        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
6852                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">ul. Świętej Barbary 1</p>
6853                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
6854                        43-600 Jaworzno, Polska
6855                    </p>
6856                <!--[if ENDBLOCK]><![endif]-->            </div>
6857        <!--[if ENDBLOCK]><![endif]-->
6858        
6859        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6860                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6861                        <!--[if BLOCK]><![endif]-->                            
6862                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
6863                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6864                                <path
6865                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
6866                                    fill="#3B86FF" />
6867                                <path
6868                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.
686804901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
6869                                    fill="#3B86FF" />
6870                                <path
6871                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
6872                                    fill="#3B86FF" />
6873                                <path
6874                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
687412.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
6875                                    fill="#3B86FF" />
6876                            </svg>
6877                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:503024999"
6878                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6879                            503 024 999
6880                        </a>
6881                    </div>
6882                <!--[if ENDBLOCK]><![endif]-->            </div>
6883        <!--[if ENDBLOCK]><![endif]-->
6884        
6885        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6886                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6887                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
6888                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6889                            <path
6890                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
6891                                fill="#3B86FF" />
6892                        </svg>
6893                        <a href="mailto:[email protected]"
6894                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6895                            [email protected]
6896                        </a>
6897                    </div>
6898                <!--[if ENDBLOCK]><![endif]-->            </div>
6899        <!--[if ENDBLOCK]><![endif]-->
6900        
6901        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
6902            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6903        href="https://www.google.com/maps?q=50.2055185091,19.2754726837"
6904         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="50.2055185091" data-map-lng="19.2754726837" data-map-name="WGN Jaworzno" onclick="const mapEl = document.getElementById('offices-map');
6905                        if (mapEl && window.officesMap) {
6906                            event.preventDefault();
6907                            const lat = parseFloat(this.dataset.mapLat);
6908                            const lng = parseFloat(this.dataset.mapLng);
6909                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
6910                            setTimeout(function() {
6911                                if (window.officesMap.type === 'leaflet') {
6912                                    window.officesMap.instance.setView([lat, lng], 14);
6913                                } else {
6914                                    window.officesMap.instance.setCenter({ lat, lng });
6915                                    window.officesMap.instance.setZoom(14);
6916                                }
6917                            }, 600);
6918                        }"
6919    >
6920        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
6921                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
6922                        <path
6923                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.828
692361 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
6924                            fill="currentColor" />
6925                    </svg>
6926                    Lokalizacja biura
6927    </a>
6928<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
6929            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
6930        href="https://jaworzno.wgn.pl/"
6931                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
6932    >
6933        Strona
6934                    biura
6935    </a>
6936<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
6937
6938    </div>
6939</div>
6940                                            <div
6941    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
6942
6943    <!--[if BLOCK]><![endif]-->        <a href="https://kalisz.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
6944            aria-label="Strona biura WGN Kalisz"
6945            ></a>
6946    <!--[if ENDBLOCK]><![endif]-->
6947    
6948    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
6949            <!--[if BLOCK]><![endif]-->    
6950    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/8d1505a4-aa46-4434-b8de-202fa09fefca.jpeg?v=1782992402"
6951         width="449"          height="299"         alt="">
6952<!--[if ENDBLOCK]><![endif]-->        </div>
6953    <!--[if ENDBLOCK]><![endif]-->
6954    <div class="p-5 flex flex-col flex-1 gap-4">
6955
6956        
6957        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
6958        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
6959            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
6960                    class="h-7 w-auto object-contain object-left" />
6961            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
6962                Kalisz
6963                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
6964        </div>
6965
6966        
6967        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
6968                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">ul. Lipowa 17-21 lok 1</p>
6969                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
6970                        62-800 Kalisz, Polska
6971                    </p>
6972                <!--[if ENDBLOCK]><![endif]-->            </div>
6973        <!--[if ENDBLOCK]><![endif]-->
6974        
6975        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
6976                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
6977                        <!--[if BLOCK]><![endif]-->                            
6978                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
6979                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
6980                                <path
6981                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
6982                                    fill="#3B86FF" />
6983                                <path
6984                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.
698404901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
6985                                    fill="#3B86FF" />
6986                                <path
6987                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
6988                                    fill="#3B86FF" />
6989                                <path
6990                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
699012.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
6991                                    fill="#3B86FF" />
6992                            </svg>
6993                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:511401023"
6994                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
6995                            511 401 023
6996                        </a>
6997                    </div>
6998                <!--[if ENDBLOCK]><![endif]-->            </div>
6999        <!--[if ENDBLOCK]><![endif]-->
7000        
7001        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
7002                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
7003                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
7004                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
7005                            <path
7006                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
7007                                fill="#3B86FF" />
7008                        </svg>
7009                        <a href="mailto:[email protected]"
7010                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
7011                            [email protected]
7012                        </a>
7013                    </div>
7014                <!--[if ENDBLOCK]><![endif]-->            </div>
7015        <!--[if ENDBLOCK]><![endif]-->
7016        
7017        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
7018            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
7019        href="https://www.google.com/maps?q=51.7680998039,18.0960947108"
7020         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="51.7680998039" data-map-lng="18.0960947108" data-map-name="WGN Kalisz" onclick="const mapEl = document.getElementById('offices-map');
7021                        if (mapEl && window.officesMap) {
7022                            event.preventDefault();
7023                            const lat = parseFloat(this.dataset.mapLat);
7024                            const lng = parseFloat(this.dataset.mapLng);
7025                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
7026                            setTimeout(function() {
7027                                if (window.officesMap.type === 'leaflet') {
7028                                    window.officesMap.instance.setView([lat, lng], 14);
7029                                } else {
7030                                    window.officesMap.instance.setCenter({ lat, lng });
7031                                    window.officesMap.instance.setZoom(14);
7032                                }
7033                            }, 600);
7034                        }"
7035    >
7036        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
7037                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
7038                        <path
7039                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.828
703961 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
7040                            fill="currentColor" />
7041                    </svg>
7042                    Lokalizacja biura
7043    </a>
7044<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
7045            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
7046        href="https://kalisz.wgn.pl/"
7047                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
7048    >
7049        Strona
7050                    biura
7051    </a>
7052<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
7053
7054    </div>
7055</div>
7056                                            <div
7057    class="bg-white rounded-2xl overflow-hidden flex flex-col h-full shadow-lg hover:shadow-xl transition-shadow duration-300 relative">
7058
7059    <!--[if BLOCK]><![endif]-->        <a href="https://kielce.wgn.pl/" class="absolute inset-0 z-0 rounded-2xl"
7060            aria-label="Strona biura WGN Kielce"
7061            ></a>
7062    <!--[if ENDBLOCK]><![endif]-->
7063    
7064    <!--[if BLOCK]><![endif]-->        <div class="aspect-video overflow-hidden shrink-0">
7065            <!--[if BLOCK]><![endif]-->    
7066    <img loading="lazy" decoding="async" class="w-full h-full object-cover" src="https://wgn.pl/storage/62dfc374-f17e-4715-8eda-77f756741590.jpeg?v=1782992532"
7067         width="448"          height="300"         alt="">
7068<!--[if ENDBLOCK]><![endif]-->        </div>
7069    <!--[if ENDBLOCK]><![endif]-->
7070    <div class="p-5 flex flex-col flex-1 gap-4">
7071
7072        
7073        <!--[if BLOCK]><![endif]-->            <p class="text-base font-regular leading-5 text-primary">Polska</p>
7074        <!--[if ENDBLOCK]><![endif]-->        <div class="flex flex-col gap-1">
7075            <!--[if BLOCK]><![endif]-->                <img src="https://wgn.pl/images/logo-color.png" alt="WGN"
7076                    class="h-7 w-auto object-contain object-left" />
7077            <!--[if ENDBLOCK]><![endif]-->            <h3 class="text-2xl font-regular text-dark leading-tight">
7078                Kielce
7079                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </h3>
7080        </div>
7081
7082        
7083        <!--[if BLOCK]><![endif]-->            <div class="text-base leading-5 text-primary">
7084                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">ul. Mała 6</p>
7085                <!--[if ENDBLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <p class="font-regular">
7086                        25-302 Kielce, Polska
7087                    </p>
7088                <!--[if ENDBLOCK]><![endif]-->            </div>
7089        <!--[if ENDBLOCK]><![endif]-->
7090        
7091        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
7092                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
7093                        <!--[if BLOCK]><![endif]-->                            
7094                            <svg width="17" height="15" viewBox="0 0 21 19" fill="none"
7095                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
7096                                <path
7097                                    d="M11.3217 2.42094C11.1472 2.42533 10.9814 2.49301 10.8597 2.60959C10.7379 2.72617 10.6698 2.88244 10.6698 3.04513C10.6698 3.20782 10.7379 3.36409 10.8597 3.48066C10.9814 3.59724 11.1472 3.66493 11.3217 3.66932C12.8433 3.671 14.302 4.2351 15.3779 5.23789C16.4539 6.24067 17.0591 7.60026 17.0609 9.0184C17.0585 9.10179 17.074 9.18478 17.1066 9.26248C17.1392 9.34017 17.1881 9.411 17.2505 9.47078C17.313 9.53055 17.3876 9.57806 17.4701 9.6105C17.5525 9.64294 17.6411 9.65966 17.7306 9.65966C17.8201 9.65966 17.9087 9.64294 17.9912 9.6105C18.0736 9.57806 18.1483 9.53055 18.2107 9.47078C18.2731 9.411 18.3221 9.34017 18.3546 9.26248C18.3872 9.18478 18.4027 9.10179 18.4003 9.0184C18.3981 7.26928 17.6517 5.59237 16.3246 4.35555C14.9976 3.11873 13.1984 2.42298 11.3217 2.42094Z"
7098                                    fill="#3B86FF" />
7099                                <path
7100                                    d="M11.1133 4.87227C11.0238 4.87002 10.9347 4.8845 10.8514 4.91485C10.768 4.94521 10.692 4.99083 10.6279 5.
710004901C10.5638 5.1072 10.5128 5.17677 10.478 5.25362C10.4432 5.33047 10.4252 5.41304 10.4252 5.49645C10.4252 5.57987 10.4432 5.66244 10.478 5.73929C10.5128 5.81614 10.5638 5.88571 10.6279 5.94389C10.692 6.00208 10.768 6.0477 10.8514 6.07805C10.9347 6.10841 11.0238 6.12289 11.1133 6.12064C11.9379 6.1216 12.7285 6.42736 13.3116 6.97084C13.8947 7.51431 14.2228 8.25115 14.2238 9.01975C14.2214 9.10313 14.2369 9.18613 14.2695 9.26383C14.3021 9.34152 14.351 9.41235 14.4134 9.47212C14.4759 9.5319 14.5505 9.5794 14.633 9.61185C14.7154 9.64429 14.804 9.661 14.8935 9.661C14.983 9.661 15.0716 9.64429 15.1541 9.61185C15.2365 9.5794 15.3112 9.5319 15.3736 9.47212C15.436 9.41235 15.485 9.34152 15.5175 9.26383C15.5501 9.18613 15.5656 9.10313 15.5632 9.01975C15.5618 7.92017 15.0925 6.86601 14.2583 6.0885C13.4241 5.31098 12.293 4.87359 11.1133 4.87227Z"
7101                                    fill="#3B86FF" />
7102                                <path
7103                                    d="M18.166 2.64211C17.2693 1.80176 16.2026 1.13555 15.0278 0.682032C13.853 0.228517 12.5933 -0.00328919 11.3217 3.52573e-05C11.1472 0.00442227 10.9814 0.0721094 10.8597 0.188689C10.7379 0.305269 10.6698 0.461534 10.6698 0.624224C10.6698 0.786914 10.7379 0.943179 10.8597 1.05976C10.9814 1.17634 11.1472 1.24403 11.3217 1.24841C13.5325 1.2507 15.652 2.07024 17.2153 3.52725C18.7786 4.98425 19.6579 6.95972 19.6603 9.02023C19.6579 9.10362 19.6735 9.18661 19.706 9.26431C19.7386 9.342 19.7875 9.41283 19.85 9.4726C19.9124 9.53238 19.987 9.57989 20.0695 9.61233C20.152 9.64477 20.2405 9.66149 20.33 9.66149C20.4195 9.66149 20.5081 9.64477 20.5906 9.61233C20.673 9.57989 20.7477 9.53238 20.8101 9.4726C20.8725 9.41283 20.9215 9.342 20.9541 9.26431C20.9866 9.18661 21.0022 9.10362 20.9998 9.02023C21.0033 7.83528 20.7547 6.66143 20.2683 5.56663C19.7819 4.47183 19.0673 3.47781 18.166 2.64211Z"
7104                                    fill="#3B86FF" />
7105                                <path
7106                                    d="M18.6429 14.3328L15.5733 11.5627C15.2615 11.2848 14.8467 11.1298 14.4154 11.1298C13.984 11.1298 13.5692 11.2848 13.2574 11.5627L12.3624 12.3678C10.3318 11.2535 8.61498 9.70465 7.35402 7.84931L8.33435 6.96378C8.48557 6.82877 8.6059 6.66663 8.68811 6.48712C8.77032 6.30762 8.8127 6.11447 8.8127 5.9193C8.8127 5.72413 8.77032 5.53097 8.68811 5.35147C8.6059 5.17197 8.48557 5.00983 8.33435 4.87482L5.26473 2.10469C4.95295 1.82611 4.53774 1.67058 4.10583 1.67058C3.67392 1.67058 3.25871 1.82611 2.94693 2.10469L1.01599 3.86077C0.563633 4.20658 0.239998 4.6767 0.0912553 5.20407C-0.0574873 5.73144 -0.0237395 6.28913 0.187684 6.79757C1.30761 9.60351 3.08668 12.1405 5.39463 14.2227C7.70258 16.305 10.481 17.8797 13.5264 18.8318C14.0565 19.0105 14.6296 19.0477 15.1812 18.9391C15.7328 18.8306 16.2408 18.5806 16.6481 18.2173C16.6593 18.2087 16.6701 18.1996 16.6803 18.1901L18.6414 16.419C18.7924 16.2842 18.9125 16.1223 18.9946 15.9431C19.0767 15.7639 19.1191 15.5711 19.1192 15.3762C19.1193 15.1813 19.0772 14.9885 18.9954 14.8092C18.9135 14.6299 18.7936 14.4678 18.6429 14.3328ZM17.665 15.5394L15.7482 17.2687C15.7248 17.2862 15.7026 17.3052 15.6819 17.3254C15.4626 17.5264 15.1859 17.6642 14.8848 17.7225C14.5837 17.7808 14.2709 17.7571 13.9839 17.6542C11.1325 16.7628 8.53111 15.2883 6.37026 13.3386C4.20941 11.3889 2.54381 9.01342 1.49544 6.38613C1.37693 6.11467 1.35433 5.81506 1.4309 5.53081C1.50748 5.24655 1.67925 4.99244 1.92129 4.80534C1.94 4.79109 1.95789 4.77593 1.97488 4.75993L3.92628 2.98522C3.97461 2.94212 4.03893 2.91806 4.10583 2.91806C4.17273 2.91806 4.23704 2.94212 4.28538 2.98522L7.35499 5.75536C7.37849 5.7763 7.39719 5.80147 7.40996 5.82933C7.42274 5.85719 7.42932 5.88718 7.42932 5.91748C7.42932 5.94778 7.42274 5.97777 7.40996 6.00563C7.39719 6.0335 7.37849 6.05866 7.35499 6.0796L5.99608 7.30573C5.88967 7.40034 5.82059 7.52561 5.79999 7.66133C5.77939 7.79704 5.80848 7.93526 5.88255 8.05366C7.37549 10.4299 9.537 12.3806 12.1334 13.6948C12.2652 13.7617 12.4165 13.7878 12.5654 13.7695C12.7142 13.7511 12.853 13.6892 
710612.9617 13.5926L14.2348 12.4446C14.2832 12.4016 14.3475 12.3776 14.4144 12.3776C14.4812 12.3776 14.5455 12.4016 14.5939 12.4446L17.6635 15.2147C17.6872 15.2356 17.7061 15.2607 17.719 15.2885C17.732 15.3164 17.7387 15.3464 17.7389 15.3767C17.739 15.4071 17.7325 15.4372 17.7198 15.4651C17.7071 15.4931 17.6885 15.5183 17.665 15.5394Z"
7107                                    fill="#3B86FF" />
7108                            </svg>
7109                        <!--[if ENDBLOCK]><![endif]-->                        <a href="tel:724489202"
7110                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
7111                            724 489 202
7112                        </a>
7113                    </div>
7114                <!--[if ENDBLOCK]><![endif]-->            </div>
7115        <!--[if ENDBLOCK]><![endif]-->
7116        
7117        <!--[if BLOCK]><![endif]-->            <div class="flex flex-col gap-1 relative z-10">
7118                <!--[if BLOCK]><![endif]-->                    <div class="flex items-center gap-2">
7119                        <svg width="18" height="13" viewBox="0 0 22 16" fill="none"
7120                            xmlns="http://www.w3.org/2000/svg" class="shrink-0">
7121                            <path
7122                                d="M20.0648 0H1.93439C1.40315 0.0196424 0.901575 0.241079 0.539308 0.615913C0.17704 0.990746 -0.0164609 1.4885 0.00109875 2.00036V14.0004C-0.0162617 14.5121 0.177328 15.0097 0.539575 15.3843C0.901822 15.759 1.40328 15.9804 1.93439 16H20.0648C20.5962 15.9807 21.0979 15.7595 21.4604 15.3848C21.8228 15.01 22.0164 14.5123 21.9989 14.0004V2.00036C22.0166 1.48833 21.8231 0.990369 21.4606 0.615473C21.0982 0.240577 20.5963 0.0192744 20.0648 0ZM19.7939 1.33333L12.3664 8.97636C12.1937 9.16096 11.9828 9.30857 11.7471 9.4096C11.5115 9.51063 11.2564 9.56284 10.9985 9.56284C10.7406 9.56284 10.4855 9.51063 10.2499 9.4096C10.0143 9.30857 9.8033 9.16096 9.63066 8.97636L2.20531 1.33333H19.7939ZM1.28996 13.7287V2.27555L6.85953 8.00711L1.28996 13.7287ZM2.20604 14.6667L7.7734 8.94365L8.72122 9.91858C9.00887 10.2257 9.36024 10.4712 9.75258 10.6392C10.1449 10.8072 10.5695 10.894 10.9989 10.894C11.4283 10.894 11.8528 10.8072 12.2452 10.6392C12.6375 10.4712 12.9889 10.2257 13.2765 9.91858L14.2251 8.94222L19.7925 14.6652L2.20604 14.6667ZM20.7093 13.7287L15.1397 8.00355L20.7093 2.272V13.7287Z"
7123                                fill="#3B86FF" />
7124                        </svg>
7125                        <a href="mailto:[email protected]"
7126                            class="text-base font-bold text-primary leading-5 hover:text-secondary transition-colors truncate">
7127                            [email protected]
7128                        </a>
7129                    </div>
7130                <!--[if ENDBLOCK]><![endif]-->            </div>
7131        <!--[if ENDBLOCK]><![endif]-->
7132        
7133        <div class="flex flex-col gap-2 mt-auto pt-1 relative z-10">
7134            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
7135        href="https://www.google.com/maps?q=50.871386743,20.6298054543"
7136         target="_blank"         class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-transparent text-grey border border-light hover:border-secondary hover:text-secondary [&amp;.is-active]:border-secondary  justify-center w-full text-sm! sm:text-base!" data-map-lat="50.871386743" data-map-lng="20.6298054543" data-map-name="WGN Kielce" onclick="const mapEl = document.getElementById('offices-map');
7137                        if (mapEl && window.officesMap) {
7138                            event.preventDefault();
7139                            const lat = parseFloat(this.dataset.mapLat);
7140                            const lng = parseFloat(this.dataset.mapLng);
7141                            mapEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
7142                            setTimeout(function() {
7143                                if (window.officesMap.type === 'leaflet') {
7144                                    window.officesMap.instance.setView([lat, lng], 14);
7145                                } else {
7146                                    window.officesMap.instance.setCenter({ lat, lng });
7147                                    window.officesMap.instance.setZoom(14);
7148                                }
7149                            }, 600);
7150                        }"
7151    >
7152        <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
7153                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
7154                        <path
7155                            d="M14.3404 13.6897L11.1797 10.4825C11.8614 9.67683 12.303 8.76271 12.5044 7.74012C12.7058 6.71754 12.6516 5.7027 12.3417 4.69561C12.0319 3.68852 11.4818 2.82862 10.6917 2.11591C9.90149 1.4032 8.99511 0.922892 7.97252 0.674993C6.94994 0.427093 5.9351 0.442587 4.92801 0.721474C3.92092 1.00036 3.03778 1.5194 2.27859 2.27859C1.51939 3.03778 1.00036 3.92092 0.721469 4.92801C0.442582 5.9351 0.427088 6.94994 0.674988 7.97253C0.922887 8.99511 1.40319 9.90149 2.1159 10.6917C2.828
715561 11.4819 3.68851 12.0319 4.6956 12.3418C5.70269 12.6516 6.71753 12.7059 7.74012 12.5044C8.7627 12.303 9.69232 11.8614 10.529 11.1797L13.6897 14.3404C13.7827 14.4334 13.8911 14.4721 14.0151 14.4566C14.139 14.4411 14.2397 14.3947 14.3172 14.3172C14.3947 14.2397 14.4411 14.139 14.4566 14.0151C14.4721 13.8911 14.4334 13.7827 14.3404 13.6897ZM1.46517 6.57809C1.46517 5.64847 1.69757 4.79632 2.16238 4.02163C2.62719 3.24695 3.24694 2.6272 4.02163 2.16239C4.79631 1.69758 5.64847 1.46517 6.57809 1.46517C7.50771 1.46517 8.35986 1.69758 9.13455 2.16239C9.90923 2.6272 10.529 3.24695 10.9938 4.02163C11.4586 4.79632 11.691 5.64847 11.691 6.57809C11.691 7.50772 11.4586 8.35987 10.9938 9.13455C10.529 9.90924 9.90923 10.529 9.13455 10.9938C8.35986 11.4586 7.50771 11.691 6.57809 11.691C5.64847 11.691 4.79631 11.4586 4.02163 10.9938C3.24694 10.529 2.62719 9.90924 2.16238 9.13455C1.69757 8.35987 1.46517 7.50772 1.46517 6.57809Z"
7156                            fill="currentColor" />
7157                    </svg>
7158                    Lokalizacja biura
7159    </a>
7160<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->
7161            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->    <a
7162        href="https://kielce.wgn.pl/"
7163                class="inline-flex items-center text-center font-bold rounded-[5px] gap-4 text-sm sm:text-lg py-2 sm:py-3 px-5 sm:px-8 cursor-pointer transition-all bg-dark text-white hover:brightness-90 [&amp;.is-active]:brightness-90  justify-center w-full text-sm! sm:text-base!"
7164    >
7165        Strona
7166                    biura
7167    </a>
7168<!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        </div>
7169
7170    </div>
7171</div>
7172                    <!--[if ENDBLOCK]><![endif]-->                </div>
7173            <!--[if ENDBLOCK]><![endif]-->
7174            
7175            <div class="mt-10">
7176                <!--[if BLOCK]><![endif]-->    <nav class="flex items-center justify-center gap-2 mb-24 print:hidden" aria-label="Paginacja">
7177
7178        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
7179        <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
7180            <!--[if BLOCK]><![endif]-->                <!--[if BLOCK]><![endif]-->                    <!--[if BLOCK]><![endif]-->                        <span aria-current="page"
7181                            class="min-w-9 h-9 px-2 flex items-center justify-center text-base font-semibold leading-6 text-white border border-dark bg-dark">
7182                            1
7183                        </span>
7184                    <!--[if ENDBLOCK]><![endif]-->                                    <!--[if BLOCK]><![endif]-->                        
7185                        <a href="/?page=2" wire:click.prevent="gotoPage(2)"
7186                            class="min-w-9 h-9 px-2 flex items-center justify-center text-base font-semibold leading-6 text-grey border border-[#D2D2D2] hover:border-dark hover:text-dark transition-colors cursor-pointer">
7187                            2
7188                        </a>
7189                    <!--[if ENDBLOCK]><![endif]-->                                    <!--[if BLOCK]><![endif]-->                        
7190                        <a href="/?page=3" wire:click.prevent="gotoPage(3)"
7191                            class="min-w-9 h-9 px-2 flex items-center justify-center text-base font-semibold leading-6 text-grey border border-[#D2D2D2] hover:border-dark hover:text-dark transition-colors cursor-pointer">
7192                            3
7193                        </a>
7194                    <!--[if ENDBLOCK]><![endif]-->                                    <!--[if BLOCK]><![endif]-->                        
7195                        <a href="/?page=4" wire:click.prevent="gotoPage(4)"
7196                            class="min-w-9 h-9 px-2 flex items-center justify-center text-base font-semibold leading-6 text-grey border border-[#D2D2D2] hover:border-dark hover:text-dark transition-colors cursor-pointer">
7197                            4
7198                        </a>
7199                    <!--[if ENDBLOCK]><![endif]-->                                    <!--[if BLOCK]><![endif]-->                        
7200                        <a href="/?page=5" wire:click.prevent="gotoPage(5)"
7201                            class="min-w-9 h-9 px-2 flex items-center justify-center text-base font-semibold leading-6 text-grey border border-[#D2D2D2] hover:border-dark hover:text-dark transition-colors cursor-pointer">
7202                            5
7203                        </a>
7204                    <!--[if ENDBLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->            <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->
7205        <!--[if BLOCK]><![endif]-->            <a href="/?page=2" wire:click.prevent="nextPage" rel="next"
7206                class="flex items-center gap-2 px-3 py-2 text-base font-semibold leading-6 text-grey hover:opacity-70 transition-opacity cursor-pointer">
7207                Następna
7208                <svg width="4" height="7" viewBox="0 0 4 7" fill="none" xmlns="http://www.w3.org/2000/svg"
7209                    aria-hidden="true">
7210                    <path d="M3.32812 3.35547L-3.1607e-07 6.71132L-2.26928e-08 -0.000379946L3.32812 3.35547Z"
7211                        fill="#6C757D" />
7212                </svg>
7213            </a>
7214        <!--[if ENDBLOCK]><![endif]-->
7215    </nav>
7216<!--[if ENDBLOCK]><![endif]-->
7217            </div>
7218
7219        </div>
7220    </div>
7221
7222    <!--[if BLOCK]><![endif]-->    <div wire:ignore>
7223        <div id="offices-map" class="w-full h-225"></div>
7224
7225        <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
7226        <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/MarkerCluster.css" />
7227        <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/MarkerCluster.Default.css" />
7228        
7228<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
7228
7229        
7229<script src="https://unpkg.com/[email protected]/dist/leaflet.markercluster.js"></script>
7229
7230        
7230<script src="https://cdn.jsdelivr.net/npm/@googlemaps/markerclusterer/dist/index.umd.js"></script>
7230
7231
7232        
7232<script>
7233            (function() {
7234                const markers = [{"lat":53.12817158938693040681755519472062587738037109375,"lng":23.153927799573803980592856532894074916839599609375,"name":"WGN Bia\u0142ystok","url":"https:\/\/bialystok.wgn.pl\/"},{"lat":51.26443567517916477527251117862761020660400390625,"lng":15.5581307139571887176998643553815782070159912109375,"name":"WGN Boles\u0142awiec","url":"https:\/\/boleslawiec.wgn.pl\/"},{"lat":53.24642421007212789163531851954758167266845703125,"lng":19.408403924324385769750733743421733379364013671875,"name":"WGN Brodnica","url":"https:\/\/brodnica.wgn.pl\/"},{"lat":50.14194268735608517317814403213560581207275390625,"lng":19.412883326020878627105048508383333683013916015625,"name":"WGN Chrzan\u00f3w","url":"https:\/\/chrzanow.wgn.pl\/"},{"lat":50.80885978858208318342803977429866790771484375,"lng":19.11600083954727580248800222761929035186767578125,"name":"WGN Cz\u0119stochowa","url":"https:\/\/czestochowa.wgn.pl\/"},{"lat":25.204834104526629090514688869006931781768798828125,"lng":55.2708393402975843855529092252254486083984375,"name":"Zjednoczone Emiraty Arabskie","url":"https:\/\/zjednoczone-emiraty-arabskie.wgn.pl\/"},{"lat":54.16162248472517859454455901868641376495361328125,"lng":19.4015397832639564512646757066249847412109375,"name":"WGN ELBL\u0104G","url":"https:\/\/elblag.wgn.pl\/"},{"lat":53.82477618641288330536553985439240932464599609375,"lng":22.348887028647681063375785015523433685302734375,"name":"WGN E\u0142k","url":"https:\/\/elk.wgn.pl\/"},{"lat":54.35867446216192178098935983143746852874755859375,"lng":16.65232512629039973717226530425250530242919921875,"name":"WGN Gda\u0144sk","url":"https:\/\/gdansk.wgn.pl\/"},{"lat":54.03538978413821070034828153438866138458251953125,"lng":21.772625983876924493642945890314877033233642578125,"name":"WGN Gi\u017cycko","url":"https:\/\/gizycko.wgn.pl\/"},{"lat":51.6647731828128229381036362610757350921630859375,"lng":16.091759741431868491190471104346215724945068359375,"name":"WGN G\u0142og\u00f3w","url":"https:\/\/glogow.wgn.pl\/"},{"lat":52.734681319502584528891020454466342926025390625,"lng":15.2305251290252297025062944157980382442474365234375,"name":"WGN Gorz\u00f3w Wielkopolski","url":"https:\/\/gorzow-wielkopolski.wgn.pl\/"},{"lat":50.20551850908390889571819570846855640411376953125,"lng":19.275472683693550379757652990520000457763671875,"name":"WGN Jaworzno","url":"https:\/\/jaworzno.wgn.pl\/"},{"lat":51.76809980392804533266826183535158634185791015625,"lng":18.0960947107577254655552678741514682769775390625,"name":"WGN Kalisz","url":"https:\/\/kalisz.wgn.pl\/"},{"lat":50.87138674295494666921513271518051624298095703125,"lng":20.6298054543297695317960460670292377471923828125,"name":"WGN Kielce","url":"https:\/\/kielce.wgn.pl\/"},{"lat":50.4345088982679072842074674554169178009033203125,"lng":16.655843022946033471498594735749065876007080078125,"name":"K\u0142odzko","url":"https:\/\/klodzko.wgn.pl\/"},{"lat":52.201550986485244720824994146823883056640625,"lng":18.640777234703516995750760543160140514373779296875,"name":"Ko\u0142o","url":"https:\/\/kolo.wgn.pl\/"},{"lat":54.17569851061490027177569572813808917999267578125,"lng":15.554793503300128776345445658080279827117919921875,"name":"Ko\u0142obrzeg","url":"https:\/\/kolobrzeg.wgn.pl\/"},{"lat":52.2330746280462534514299477450549602508544921875,"lng":18.213028381945118638896019547246396541595458984375,"name":"WGN Konin","url":"https:\/\/konin.wgn.pl\/"},{"lat":52.0883287794951712612601113505661487579345703125,"lng":16.648373272131127720285803661681711673736572265625,"name":"WGN Ko\u015bcian","url":"https:\/\/koscian.wgn.pl\/"},{"lat":50.05905745765650038947569555602967739105224609375,"lng":19.897197892024646392883369117043912410736083984375,"name":"Krak\u00f3w","url":"https:\/\/krakow.wgn.pl\/"},{"lat":53.7364809024619489719043485820293426513671875,"lng":18.92609949551348336171940900385379791259765625,"name":"WGN Kwidzyn","url":"https:\/\/kwidzyn.wgn.pl\/"},{"lat":52.3956923675404055984472506679594516754150390625,"lng":20.919207597292430733659784891642630100250244140625,"name":"WGN Legionowo","url":"https:\/\/legionowo.wgn.pl\/"},{"lat":51.2080215678606691653840243816375732421875,"lng":16.15790038558456132022911333478987216949462890625,"name":"WGN Legnica","url":"https:\/\/legnica.wgn.pl\/"},{"lat":51.24573082031431425775735988281667232513427734375,"lng":22.548969104445507838363482733257114887237548828125,"name":"WGN Lublin","url":"https:\/\/lublin.wgn.pl\/"},{"lat":50.28756116776299478487999294884502887725830078125,"lng":21.43475878369726927985539077781140804290771484375,"name":"WGN Mielec","url":"https:\/\/mielec.wgn.pl\/"},{"lat":53.8003051748922160868460196070373058319091796875,"lng":21.57184578017703557861750596202909946441650390625,"name":"WGN Miko\u0142ajki","url":"https:\/\/mikolajki.wgn.pl\/"},{"lat":50.16901206930392476124325185082852840423583984375,"lng":18.907996597187196385903007467277348041534423828125,"name":"WGN Miko\u0142\u00f3w","url":"https:\/\/mikolow.wgn.pl\/"},{"lat":50.5778708736635991272123646922409534454345703125,"lng":19.331949785
7234554979115431706304661929607391357421875,"name":"WGN Myszk\u00f3w","url":"https:\/\/myszkow.wgn.pl\/"},{"lat":51.8008974839550688784584053792059421539306640625,"lng":15.7177710107593231469991224003024399280548095703125,"name":"WGN Nowa S\u00f3l","url":"https:\/\/nowa-sol.wgn.pl\/"},{"lat":54.03847110022756083935746573843061923980712890625,"lng":22.505852995242918268559151329100131988525390625,"name":"WGN Olecko","url":"https:\/\/olecko.wgn.pl\/"},{"lat":50.14283381291638619359218864701688289642333984375,"lng":18.774783683690561275625441339798271656036376953125,"name":"WGN Orzesze","url":"https:\/\/orzesze.wgn.pl\/"},{"lat":51.64671817557572097712181857787072658538818359375,"lng":17.814888493777100819670522469095885753631591796875,"name":"WGN Ostrowskie Centrum Nieruchomo\u015bci s.c.","url":"https:\/\/ostrowskie-centrum-nieruchomosci-sc.wgn.pl\/"},{"lat":51.147867587565855274078785441815853118896484375,"lng":18.98994271072840689384975121356546878814697265625,"name":"WGN PAJ\u0118CZNO","url":"https:\/\/pajeczno.wgn.pl\/"},{"lat":51.4074591445387198973548947833478450775146484375,"lng":19.688568810740616044085982139222323894500732421875,"name":"WGN Piotrk\u00f3w Trybunalski","url":"https:\/\/piotrkow-trybunalski.wgn.pl\/"},{"lat":52.479520951684861529429326765239238739013671875,"lng":17.2834642352136285126107395626604557037353515625,"name":"Pobiedziska","url":"https:\/\/pobiedziska.wgn.pl\/"},{"lat":51.505508764612415006922674365341663360595703125,"lng":16.05697715307551476371372700668871402740478515625,"name":"WGN Polkowice","url":"https:\/\/polkowice.wgn.pl\/"},{"lat":52.45771415056619701999807148240506649017333984375,"lng":16.89694044470610378994024358689785003662109375,"name":"Pozna\u0144 Obornicka","url":"https:\/\/poznan-obornicka.wgn.pl\/"},{"lat":52.402875186642717153517878614366054534912109375,"lng":16.891069424283490008065200527198612689971923828125,"name":"WGN Pozna\u0144","url":"https:\/\/poznan.wgn.pl\/"},{"lat":52.3865538648976354352271300740540027618408203125,"lng":16.893892570301236588647952885366976261138916015625,"name":"WGN Pozna\u0144 04","url":"https:\/\/poznan4.wgn.pl\/"},{"lat":52.44012312801719843946557375602424144744873046875,"lng":16.954028168904255124971314216963946819305419921875,"name":"WGN Pozna\u0144 2","url":"https:\/\/poznan2.wgn.pl\/"},{"lat":52.40277045498657315647506038658320903778076171875,"lng":16.89117671263228004363554646261036396026611328125,"name":"WGN Pozna\u0144 Commercial","url":"https:\/\/poznan-commercial.wgn.pl\/"},{"lat":51.40695412430076061127692810259759426116943359375,"lng":21.16444529724520151603428530506789684295654296875,"name":"WGN Radom","url":"https:\/\/radom.wgn.pl\/"},{"lat":51.07060406221236092960680252872407436370849609375,"lng":19.43780475489911196973480400629341602325439453125,"name":"WGN Radomsko","url":"https:\/\/radomsko.wgn.pl\/"},{"lat":51.6083279411788993229492916725575923919677734375,"lng":16.859854237528093534592699143104255199432373046875,"name":"WGN RAWICZ","url":"https:\/\/rawicz.wgn.pl\/"},{"lat":54.5947019800867536787336575798690319061279296875,"lng":18.36536952455122673200094141066074371337890625,"name":"WGN Reda","url":"https:\/\/reda.wgn.pl\/"},{"lat":50.06691060692428862921588006429374217987060546875,"lng":18.427516597182414415101447957567870616912841796875,"name":"WGN Rydu\u0142towy","url":"https:\/\/rydultowy.wgn.pl\/"},{"lat":37.83499064089991037462823442183434963226318359375,"lng":-0.795426176657667571845422571641393005847930908203125,"name":"WGN Hiszpania \/ Spain","url":"https:\/\/hiszpania-spain.wgn.pl\/"},{"lat":54.4652624350128604646670282818377017974853515625,"lng":17.024107470402771724593549151904881000518798828125,"name":"WGN S\u0142upsk","url":"https:\/\/slupsk.wgn.pl\/"},{"lat":54.46703689646957258219117647968232631683349609375,"lng":16.99483195506342525504805962555110454559326171875,"name":"WGN S\u0142upsk 02","url":"https:\/\/slupsk2.wgn.pl\/"},{"lat":50.2767210771029198213000199757516384124755859375,"lng":19.130196681852670081980249960906803607940673828125,"name":"WGN Sosnowiec","url":"https:\/\/sosnowiec.wgn.pl\/"},{"lat":53.96588818959296673938297317363321781158447265625,"lng":18.531142383873518753034659312106668949127197265625,"name":"WGN Starogard Gda\u0144ski","url":"https:\/\/starogard-gdanski.wgn.pl\/"}
7234,{"lat":54.10316442244766932390120928175747394561767578125,"lng":22.9367566532012432389819878153502941131591796875,"name":"Obr\u00f3t Nieruchomo\u015bciami Wioletta Sad\u0142owska","url":"https:\/\/obrot-nieruchomosciami-wioletta-sadlowska.wgn.pl\/"},{"lat":52.2537589000072415501563227735459804534912109375,"lng":15.53202385311119115840483573265373706817626953125,"name":"WGN \u015awiebodzin","url":"https:\/\/swiebodzin.wgn.pl\/"},{"lat":53.4266621506896086657434352673590183258056640625,"lng":14.542421368885623422784192371182143688201904296875,"name":"Szczecin","url":"https:\/\/szczecin9.wgn.pl\/"},{"lat":53.4295486806563104664746788330376148223876953125,"lng":14.5513309973425322141338256187736988067626953125,"name":"WGN Szczecin","url":"https:\/\/szczecin.wgn.pl\/"},{"lat":53.42295759303593882805216708220541477203369140625,"lng":14.539614524332943545914531568996608257293701171875,"name":"WGN Szczecin 2","url":"https:\/\/szczecin2.wgn.pl\/"},{"lat":51.56546712648520269794971682131290435791015625,"lng":15.536608899096894020885883946903049945831298828125,"name":"WGN Szprotawa","url":"https:\/\/szprotawa.wgn.pl\/"},{"lat":50.01420474920217884573503397405147552490234375,"lng":20.98616785087477865090477280318737030029296875,"name":"Tarn\u00f3w","url":"https:\/\/tarnow.wgn.pl\/"},{"lat":54.103583202562361975651583634316921234130859375,"lng":18.7723219550453990223104483447968959808349609375,"name":"WGN Tczew","url":"https:\/\/tczew.wgn.pl\/"},{"lat":41.656283000000001948137651197612285614013671875,"lng":-87.9952080000000051995812100358307361602783203125,"name":"Transatlantycki Partner WGN","url":"https:\/\/transatlantycki-partner-wgn.wgn.pl\/"},{"lat":49.7203744815552255431612138636410236358642578125,"lng":18.811473810661791361553696333430707454681396484375,"name":"WGN Ustro\u0144","url":"https:\/\/ustron.wgn.pl\/"},{"lat":52.2309567961417400283608003519475460052490234375,"lng":20.935446227963492304979808977805078029632568359375,"name":"WGN Warszawa","url":"https:\/\/warszawa.wgn.pl\/"},{"lat":54.6028992334512395245837979018688201904296875,"lng":18.241064196606057379312915145419538021087646484375,"name":"WGN Wejherowo","url":"https:\/\/wejherowo.wgn.pl\/"},{"lat":53.82462800547608594570192508399486541748046875,"lng":22.348819497562889324626667075790464878082275390625,"name":"WGN Development","url":"https:\/\/development.wgn.pl\/"},{"lat":51.22085833436239710181325790472328662872314453125,"lng":18.572218791299210494116778136231005191802978515625,"name":"WGN Wielu\u0144","url":"https:\/\/wielun.wgn.pl\/"},{"lat":51.11077449406144523891271091997623443603515625,"lng":17.025784141405654992240670253522694110870361328125,"name":"WGN Wroc\u0142aw","url":"https:\/\/wroclaw.wgn.pl\/"},{"lat":51.0807470736009889833439956419169902801513671875,"lng":17.066494897621179660518464515917003154754638671875,"name":"WGN Wroc\u0142aw 7","url":"https:\/\/wroclaw7.wgn.pl\/"},{"lat":51.11069366508323952302816906012594699859619140625,"lng":17.025687581891741473327783751301467418670654296875,"name":"WGN Wroc\u0142aw Commercial","url":"https:\/\/wroclaw-commercial.wgn.pl\/"},{"lat":51.11076775831867280430742539465427398681640625,"lng":17.025676853056861403956645517610013484954833984375,"name":"WGN Wroc\u0142aw Rental","url":"https:\/\/wroclaw-rental.wgn.pl\/"},{"lat":51.61643218969910407167844823561608791351318359375,"lng":15.322194854924902074344572611153125762939453125,"name":"WGN \u017baga\u0144","url":"https:\/\/zagan.wgn.pl\/"},{"lat":50.48144958589654152092407457530498504638671875,"lng":19.41331036836687218283259426243603229522705078125,"name":"WGN Zawiercie","url":"https:\/\/zawiercie.wgn.pl\/"}];
7235                const googleMapsKey = null;
7236                const hasFilter = false;
7237                let isAbroad = "office_in_poland" === 'office_abroad';
7238
7239                const polandCenter = { lat: 52.0, lng: 19.5, zoom: 6 };
7240                const worldCenter  = { lat: 20.0, lng: 10.0, zoom: 2 };
7241
7242                const pinSvg =
7243                    `<svg width="32" height="42" viewBox="0 0 32 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 0C7.163 0 0 7.163 0 16c0 10.627 14.4 25.013 15.019 25.636a1.382 1.382 0 0 0 1.962 0C17.6 41.013 32 26.627 32 16 32 7.163 24.837 0 16 0z" fill="#E91E8C"/><circle cx="16" cy="16" r="6" fill="white"/></svg>`;
7244
7245                function fitLeafletToMarkers(map) {
7246                    if (markers.length > 0) {
7247                        const latLngs = markers.map(({ lat, lng }) => [lat, lng]);
7248                        map.fitBounds(L.latLngBounds(latLngs), { padding: [40, 40], maxZoom: 13 });
7249                    }
7250                }
7251
7252                function fitGoogleToMarkers(map, markerInstances) {
7253                    if (markerInstances.length > 0) {
7254                        const bounds = new google.maps.LatLngBounds();
7255                        markerInstances.forEach(m => bounds.extend(m.getPosition()));
7256                        map.fitBounds(bounds);
7257                    }
7258                }
7259
7260                function initLeaflet() {
7261                    const c = isAbroad ? worldCenter : polandCenter;
7262                    const map = L.map('offices-map').setView([c.lat, c.lng], c.zoom);
7263                    window.officesMap = { type: 'leaflet', instance: map };
7264
7265                    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
7266                        attribution: '© OpenStreetMap contributors',
7267                    }).addTo(map);
7268
7269                    const icon = L.divIcon({
7270                        html: pinSvg,
7271                        className: '',
7272                        iconSize: [32, 42],
7273                        iconAnchor: [16, 42],
7274                    });
7275
7276                    const cluster = L.markerClusterGroup();
7277                    markers.forEach(({ lat, lng, name, url }) => {
7278                        const marker = L.marker([lat, lng], { icon, title: name });
7279                        if (url) marker.on('click', () => { window.location.href = url; });
7280                        cluster.addLayer(marker);
7281                    });
7282                    map.addLayer(cluster);
7283
7284                    if (isAbroad || (hasFilter && markers.length > 0)) {
7285                        fitLeafletToMarkers(map);
7286                    }
7287
7288                    window.addEventListener('offices-tab-changed', (e) => {
7289                        isAbroad = e.detail.tab === 'office_abroad';
7290                        if (isAbroad) {
7291                            fitLeafletToMarkers(map);
7292                        } else if (!hasFilter) {
7293                            map.setView([polandCenter.lat, polandCenter.lng], polandCenter.zoom);
7294                        }
7295                    });
7296                }
7297
7298                function initGoogleMaps() {
7299                    const c = isAbroad ? worldCenter : polandCenter;
7300                    const map = new google.maps.Map(document.getElementById('offices-map'), {
7301                        center: { lat: c.lat, lng: c.lng },
7302                        zoom: c.zoom,
7303                    });
7304                    window.officesMap = { type: 'google', instance: map };
7305
7306                    const icon = {
7307                        url: 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(pinSvg),
7308                        scaledSize: new google.maps.Size(32, 42),
7309                        anchor: new google.maps.Point(16, 42),
7310                    };
7311
7312                    const markerInstances = markers.map(({ lat, lng, name, url }) => {
7313                        const marker = new google.maps.Marker({ position: { lat, lng }, title: name, icon });
7314                        if (url) marker.addListener('click', () => { window.location.href = url; });
7315                        return marker;
7316                    });
7317
7318                    const { MarkerClusterer } = window.markerClusterer;
7319                    new MarkerClusterer({ map, markers: markerInstances });
7320
7321                    if (isAbroad || (hasFilter && markerInstances.length > 0)) {
7322                        fitGoogleToMarkers(map, markerInstances);
7323                    }
7324
7325                    window.addEventListener('offices-tab-changed', (e) => {
7326                        isAbroad = e.detail.tab === 'office_abroad';
7327                        if (isAbroad) {
7328                            fitGoogleToMarkers(map, markerInstances);
7329                        } else if (!hasFilter) {
7330                            map.setCenter({ lat: polandCenter.lat, lng: polandCenter.lng });
7331                            map.setZoom(polandCenter.zoom);
7332                        }
7333                    });
7334                }
7335
7336                if (googleMapsKey) {
7337                    const script = document.createElement('script');
7338                    script.src =
7339                        `https://maps.googleapis.com/maps/api/js?key=${googleMapsKey}&loading=async&callback=__gmapsReady`;
7340                    script.onerror = initLeaflet;
7341
7342                    window.__gmapsReady = function() {
7343                        try { initGoogleMaps(); } catch (e) { initLeaflet(); }
7344                    };
7345
7346                    document.head.appendChild(script);
7347                } else {
7348                    initLeaflet();
7349                }
7350            })();
7351        </script>
7351
7352    </div>
7353    <!--[if ENDBLOCK]><![endif]--></div>
7354            </main>
7355    </div>
7356
7357    <footer class="relative overflow-hidden bg-black print:hidden">
7358
7359            <img src="https://wgn.pl/img-cache/1600/full/local/49312da4-7fce-40f4-a8c7-140cec2267a6.jpg~e53e0db7.webp"  srcset="https://wgn.pl/img-cache/400/full/local/49312da4-7fce-40f4-a8c7-140cec2267a6.jpg~e53e0db7.webp 400w, https://wgn.pl/img-cache/800/full/local/49312da4-7fce-40f4-a8c7-140cec2267a6.jpg~e53e0db7.webp 800w, https://wgn.pl/img-cache/1600/full/local/49312da4-7fce-40f4-a8c7-140cec2267a6.jpg~e53e0db7.webp 1600w" sizes="100vw"         alt="" loading="lazy" decoding="async"
7360                 onerror="this.onerror=null;this.removeAttribute('srcset');this.removeAttribute('sizes');this.src='https://wgn.pl/storage/49312da4-7fce-40f4-a8c7-140cec2267a6.jpg?v=1774936477';"         class="absolute inset-0 h-full w-full object-cover">
7361    
7362    <div class="absolute inset-0 bg-[linear-gradient(180deg,rgba(0,0,0,0)_-51.88%,#000_74.38%)]"></div>
7363
7364    <div class="relative z-10 px-6 2xl:px-10 pt-8 pb-3">
7365        <div class="max-w-360 mx-auto">
7366
7367            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-10 pb-3 border-b border-white/10">
7368
7369                                    <div class="flex flex-col justify-start">
7370                        <img loading="lazy" decoding="async" class="h-17 w-auto object-contain object-left" src="https://wgn.pl/storage/461f19bd-2ff7-459f-94dd-ba9a883f2b1c.svg?v=1774936354"
7371                        alt="">
7372                    </div>
7373                
7374                <div class="flex flex-col">
7375                    <p class="text-xs xlg:text-sm font-medium text-secondary leading-5 mb-4 uppercase">Centrala WGN</p>
7376
7377                                            <div class="text-xs xlg:text-sm font-medium text-white leading-5 mb-5">
7378                            <p>WGN-Nieruchomości Sp. z o.o.
<br>Polska, 50-079 Wrocław
<br>ul. Ruska 22</p>
7379                        </div>
7380                    
7381                                            <div class="flex items-center gap-3 mb-4">
7382                            <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
7383                                xmlns="http://www.w3.org/2000/svg">
7384                                <path
7385                                    d="M9.22926 2.11744C9.08701 2.12128 8.95189 2.18048 8.85264 2.28244C8.75338 2.38441 8.69785 2.52109 8.69785 2.66338C8.69785 2.80567 8.75338 2.94235 8.85264 3.04432C8.95189 3.14628 9.08701 3.20548 9.22926 3.20932C10.4696 3.21079 11.6588 3.70418 12.5358 4.58125C13.4129 5.45832 13.9063 6.64746 13.9078 7.88782C13.9058 7.96076 13.9185 8.03334 13.945 8.1013C13.9716 8.16925 14.0115 8.2312 14.0623 8.28348C14.1132 8.33576 14.1741 8.37732 14.2413 8.40569C14.3085 8.43407 14.3807 8.44868 14.4537 8.44868C14.5267 8.44868 14.5989 8.43407 14.6661 8.40569C14.7333 8.37732 14.7942 8.33576 14.8451 8.28348C14.8959 8.2312 14.9358 8.16925 14.9624 8.1013C14.9889 8.03334 15.0016 7.96076 14.9996 7.88782C14.9978 6.35797 14.3893 4.89129 13.3076 3.80952C12.2258 2.72775 10.7591 2.11923 9.22926 2.11744Z"
7386                                    fill="#3B86FF" />
7387                                <path
7388                                    d="M9.05934 4.26146C8.98641 4.25949 8.91382 4.27216 8.84587 4.29871C8.77791 4.32526 8.71596 4.36516 8.66368 4.41605C8.6114 4.46694 8.56984 4.52779 8.54147 4.595C8.5131 4.66222 8.49848 4.73444 8.49848 4.8074C8.49848 4.88036 8.5131 4.95258 8.54147 5.01979C8.56984 5.08701 8.6114 5.14786 8.66368 5.19875C8.71596 5.24963 8.77791 5.28953 8.84587 5.31609C8.91382 5.34264 8.98641 5.3553 9.05934 5.35333C9.73158 5.35418 10.376 5.6216 10.8514 6.09694C11.3267 6.57229 11.5942 7.21676 11.595 7.889C11.593 7.96193 11.6057 8.03452 11.6323 8.10248C11.6588 8.17043 11.6987 8.23238 11.7496 8.28466C11.8005 8.33694 11.8613 8.37849 11.9286 8.40687C11.9958 8.43524 12.068 8.44986 12.1409 8.44986C12.2139 8.44986 12.2861 8.43524 12.3533 8.40687C12.4206 8.37849 12.4814 8.33694 12.5323 8.28466C12.5832 8.23238 12.6231 8.17043 12.6496 8.10248C12.6762 8.03452 12.6889 7.96193 12.6869 7.889C12.6857 6.92727 12.3032 6.00526 11.6231 5.32522C10.9431 4.64517 10.0211 4.26262 9.05934 4.26146Z"
7389                                    fill="#3B86FF" />
7390                                <path
7391                                    d="M14.8086 2.31088C14.0776 1.57589 13.2081 0.993191 12.2504 0.59653C11.2927 0.199869 10.2658 -0.00287684 9.22926 3.08373e-05C9.08701 0.00386788 8.95189 0.0630695 8.85264 0.165034C8.75338 0.266999 8.69785 0.403675 8.69785 0.545969C8.69785 0.688263 8.75338 0.824939 8.85264 0.926904C8.95189 1.02887 9.08701 1.08807 9.22926 1.09191C11.0315 1.0939 12.7593 1.81071 14.0336 3.08506C15.308 4.35941 16.0248 6.08722 16.0268 7.88942C16.0248 7.96235 16.0375 8.03494 16.064 8.1029C16.0906 8.17085 16.1305 8.2328 16.1814 8.28508C16.2322 8.33736 16.2931 8.37892 16.3603 8.40729C16.4275 8.43567 16.4997 8.45028 16.5727 8.45028C16.6457 8.45028 16.7179 8.43567 16.7851 8.40729C16.8523 8.37892 16.9132 8.33736 16.9641 8.28508C17.0149 8.2328 17.0548 8.17085 17.0814 8.1029C17.108 8.03494 17.1206 7.96235 17.1187 7.88942C17.1216 6.85302 16.9189 5.82633 16.5224 4.86878C16.1258 3.91123 15.5433 3.04182 14.8086 2.31088Z"
7392                                    fill="#3B86FF" />
7393                                <path
7394                                    d="M15.1974 12.536L12.6951 10.1131C12.4409 9.87011 12.1028 9.7345 11.7512 9.7345C11.3995 9.7345 11.0614 9.87011 10.8072 10.1131L10.0776 10.8173C8.42228 9.84273 7.02279 8.48804 5.99487 6.86529L6.79402 6.09077C6.91729 5.97269 7.01539 5.83087 7.0824 5.67387C7.14942 5.51687 7.18397 5.34794 7.18397 5.17723C7.18397 5.00653 7.14942 4.83759 7.0824 4.68059C7.01539 4.52359 6.91729 4.38178 6.79402 4.26369L4.29172 1.84083C4.03756 1.59718 3.69909 1.46115 3.347 1.46115C2.99492 1.46115 2.65645 1.59718 2.40229 1.84083L0.828221 3.37677C0.459464 3.67923 0.195642 4.09041 0.0743898 4.55167C-0.0468627 5.01293 -0.019352 5.5007 0.152997 5.9454C1.06594 8.39958 2.51621 10.6185 4.39761 12.4397C6.27901 14.2609 8.54392 15.6383 11.0265 16.4709C11.4586 16.6273 11.9258 16.6598 12.3755 16.5649C12.8251 16.4699 13.2392 16.2513 13.5713 15.9335C13.5804 15.926 13.5892 15.9181 13.5975 15.9097L15.1962 14.3607C15.3192 14.2427 15.4171 14.1011 15.4841 13.9444C15.551 13.7877 15.5856 13.619 15.5857 13.4486C15.5858 13.2781 15.5514 13.1095 15.4847 12.9526C15.418 
739412.7958 15.3202 12.6541 15.1974 12.536ZM14.4002 13.5913L12.8377 15.1038C12.8186 15.1191 12.8005 15.1357 12.7836 15.1535C12.6049 15.3292 12.3793 15.4498 12.1338 15.5007C11.8884 15.5517 11.6334 15.531 11.3994 15.441C9.07502 14.6614 6.95442 13.3717 5.19293 11.6664C3.43144 9.96114 2.07367 7.88346 1.21906 5.58554C1.12245 5.34811 1.10403 5.08607 1.16645 4.83745C1.22887 4.58883 1.3689 4.36657 1.5662 4.20292C1.58145 4.19046 1.59604 4.17721 1.60989 4.16321L3.20064 2.61099C3.24004 2.57328 3.29247 2.55224 3.347 2.55224C3.40154 2.55224 3.45397 2.57328 3.49337 2.61099L5.99567 5.03385C6.01482 5.05217 6.03006 5.07417 6.04048 5.09854C6.05089 5.12291 6.05626 5.14914 6.05626 5.17564C6.05626 5.20215 6.05089 5.22837 6.04048 5.25274C6.03006 5.27711 6.01482 5.29912 5.99567 5.31744L4.8879 6.38985C4.80116 6.4726 4.74485 6.58217 4.72805 6.70087C4.71126 6.81957 4.73497 6.94046 4.79536 7.04403C6.01237 9.12239 7.7744 10.8285 9.89091 11.9779C9.99842 12.0365 10.1217 12.0593 10.2431 12.0433C10.3644 12.0272 10.4776 11.973 10.5661 11.8886L11.604 10.8845C11.6434 10.8468 11.6959 10.8259 11.7504 10.8259C11.8049 10.8259 11.8573 10.8468 11.8967 10.8845L14.399 13.3073C14.4183 13.3256 14.4337 13.3475 14.4443 13.3719C14.4548 13.3963 14.4603 13.4225 14.4604 13.4491C14.4605 13.4756 14.4553 13.5019 14.4449 13.5264C14.4346 13.5508 14.4194 13.5729 14.4002 13.5913Z"
7395                                    fill="#3B86FF" />
7396                            </svg>
7397
7398                            <span
7399                                class="text-xs xlg:text-sm font-medium text-white leading-5">+48 71 337 84 00</span>
7400                        </div>
7401                    
7402                                            <div class="flex items-center gap-3">
7403                            <svg width="18" height="14" viewBox="0 0 18 14" fill="none"
7404                                xmlns="http://www.w3.org/2000/svg" class="shrink-0">
7405                                <path
7406                                    d="M16.0583 0H1.54814C1.12297 0.0163187 0.721551 0.200285 0.43162 0.511693C0.141689 0.8231 -0.013174 1.23662 0.000879353 1.66187V11.6313C-0.0130146 12.0565 0.14192 12.4698 0.431834 12.7811C0.721748 13.0924 1.12308 13.2763 1.54814 13.2926H16.0583C16.4836 13.2766 16.8851 13.0928 17.1752 12.7815C17.4653 12.4702 17.6202 12.0566 17.6062 11.6313V1.66187C17.6204 1.23648 17.4655 0.822787 17.1754 0.511328C16.8853 0.199869 16.4837 0.0160129 16.0583 0ZM15.8415 1.10772L9.89708 7.45745C9.75892 7.61082 9.59007 7.73344 9.40149 7.81738C9.2129 7.90132 9.00878 7.94469 8.80236 7.94469C8.59594 7.94469 8.39182 7.90132 8.20323 7.81738C8.01464 7.73344 7.8458 7.61082 7.70764 7.45745L1.76496 1.10772H15.8415ZM1.03239 11.4056V1.8905L5.48984 6.65221L1.03239 11.4056ZM1.76555 12.1849L6.22123 7.43027L6.97979 8.24023C7.21001 8.49536 7.49121 8.69932 7.80521 8.83891C8.11921 8.97851 8.45902 9.05064 8.80265 9.05064C9.14629 9.05064 9.4861 8.97851 9.8001 8.83891C10.1141 8.69932 10.3953 8.49536 10.6255 8.24023L11.3847 7.42909L15.8404 12.1837L1.76555 12.1849ZM16.5741 11.4056L12.1166 6.64926L16.5741 1.88755V11.4056Z"
7407                                    fill="#3B86FF" />
7408                            </svg>
7409                            <span
7410                                class="text-xs xlg:text-sm font-medium text-white leading-5">[email protected]</span>
7411                        </div>
7412                                    </div>
7413
7414                                    <div class="flex flex-col">
7415                        <p class="text-xs xlg:text-sm font-medium text-secondary leading-5 mb-4 uppercase">
7416                            KONTAKT
7417                        </p>
7418
7419                        <nav class="flex flex-col gap-2.5">
7420                                                                                                                                <a href="https://wgn.pl/biura"
7421                                        target="_self"
7422                                        class="text-xs xlg:text-sm font-medium text-white leading-5 hover:text-secondary transition-colors">
7423                                        Biura WGN
7424                                    </a>
7425                                                                                                                                                                <a href="https://wgn.pl/agenci"
7426                                        target="_self"
7427                                        class="text-xs xlg:text-sm font-medium text-white leading-5 hover:text-secondary transition-colors">
7428                                        Eksperci
7429                                    </a>
7430                                                                                                                                                                <button type="button"
7431                                        onclick="window.scrollTo({ top: 0, behavior: 'smooth' }); window.dispatchEvent(new CustomEvent('header-open-menu', { detail: 'franczyza' }))"
7432                                        class="text-xs xlg:text-sm font-medium text-white leading-5 hover:text-secondary transition-colors text-left cursor-pointer">
7433                                        Franczyza
7434                                    </button>
7435                                                                                                                                                                <button type="button"
7436                                        onclick="window.scrollTo({ top: 0, behavior: 'smooth' }); window.dispatchEvent(new CustomEvent('header-open-menu', { detail: 'uslugi' }))"
7437                                        class="text-xs xlg:text-sm font-medium text-white leading-5 hover:text-secondary transition-colors text-left cursor-pointer">
7438                                        Reklamuj się u nas
7439                                    </button>
7440                                                                                                                                                                <a href="https://wgn.pl/artykuly/wspolpraca/zostan-agentem-nieruchomosci-wgn"
7441                                        target="_self"
7442                                        class="text-xs xlg:text-sm font-medium text-white leading-5 hover:text-secondary transition-colors">
7443                                        Kariera
7444                                    </a>
7445                                                                                    </nav>
7446
7447                                            </div>
7448                                    <div class="flex flex-col">
7449                        <p class="text-xs xlg:text-sm font-medium text-secondary leading-5 mb-4 uppercase">
7450                            MENU
7451                        </p>
7452
7453                        <nav class="flex flex-col gap-2.5">
7454                                                                                                                                <button type="button"
7455                                        onclick="window.scrollTo({ top: 0, behavior: 'smooth' }); window.dispatchEvent(new CustomEvent('header-open-menu', { detail: 'o-nas' }))"
7456                                        class="text-xs xlg:text-sm font-medium text-white leading-5 hover:text-secondary transition-colors text-left cursor-pointer">
7457                                        O nas
7458                                    </button>
7459                                                                                                                                                                <button type="button"
7460                                        onclick="window.scrollTo({ top: 0, behavior: 'smooth' }); window.dispatchEvent(new CustomEvent('header-open-menu', { detail: 'uslugi' }))"
7461                                        class="text-xs xlg:text-sm font-medium text-white leading-5 hover:text-secondary transition-colors text-left cursor-pointer">
7462                                        Usługi
7463                                    </button>
7464                                                                                                                                                                <a href="https://wgnkredyty.com/"
7465                                        target="_blank"
7466                                        class="text-xs xlg:text-sm font-medium text-white leading-5 hover:text-secondary transition-colors">
7467                                        Kredyty
7468                                    </a>
7469                                                                                                                                                                <a href="https://wgn.pl/artykuly"
7470                                        target="_self"
7471                                        class="text-xs xlg:text-sm font-medium text-white leading-5 hover:text-secondary transition-colors">
7472                                        Artykuły
7473                                    </a>
7474                                                                                    </nav>
7475
7476                                            </div>
7477                                    <div class="flex flex-col">
7478                        <p class="text-xs xlg:text-sm font-medium text-secondary leading-5 mb-4 uppercase">
7479                            NIERUCHOMOŚCI
7480                        </p>
7481
7482                        <nav class="flex flex-col gap-2.5">
7483                                                                                                                                <a href="https://wgn.pl/off-market"
7484                                        target="_self"
7485                                        class="text-xs xlg:text-sm font-medium text-white leading-5 hover:text-secondary transition-colors">
7486                                        Off market
7487                                    </a>
7488                                                                                                                                                                <button type="button"
7489                                        onclick="window.scrollTo({ top: 0, behavior: 'smooth' }); window.dispatchEvent(new CustomEvent('header-open-menu', { detail: 'inwestycje' }))"
7490                                        class="text-xs xlg:text-sm font-medium text-white leading-5 hover:text-secondary transition-colors text-left cursor-pointer">
7491                                        Aktualności Inwestycyjne
7492                                    </button>
7493                                                                                    </nav>
7494
7495                                                    <a href="https://wgn.pl/zglos-kupno-sprzedaz/"
7496                                class="w-fit mt-4 inline-block rounded-[5px] bg-red px-6 py-3 text-xs xlg:text-sm font-medium text-white leading-5 text-center hover:brightness-90 transition">
7497                                KUP / SPRZEDAJ
7498                            </a>
7499                                            </div>
7500                
7501            </div>
7502
7503            <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4 pt-3">
7504
7505                <div class="flex flex-wrap items-center gap-2 text-xs xlg:text-sm font-medium text-white leading-5">
7506                    <span>© 2026 Grupa WGN - wszelkie prawa zastrzeżone</span>
7507                                            <span aria-hidden="true">/</span>
7508                        <a href="https://wgn.pl/polityka-prywatnosci" target="_blank"
7509                            class="hover:text-secondary transition-colors">
7510                            Polityka prywatności
7511                        </a>
7512                                            <span aria-hidden="true">/</span>
7513                        <a href="https://wgn.pl/mapa-strony" target="_blank"
7514                            class="hover:text-secondary transition-colors">
7515                            Mapa strony
7516                        </a>
7517                                    </div>
7518
7519                                    <div class="flex items-center gap-7">
7520                        <span class="text-xs xlg:text-sm font-medium text-white leading-5">Śledź nas</span>
7521                                                                                                                    <a href="https://www.youtube.com/@WGNWielkaGiedaNieruchomosci" target="_blank"
7522                                    rel="noopener noreferrer" class="hover:opacity-70 transition-opacity"
7523                                    aria-label="Youtube">
7524                                    <img loading="lazy" decoding="async" class="h-5 w-auto object-contain" src="https://wgn.pl/storage/12358a36-664d-453a-a33f-9062a378bd3d.svg?v=1774937140"
7525                        alt="">
7526                                </a>
7527                                                                                                                                                <a href="https://www.facebook.com/WGN.Real.Estate" target="_blank"
7528                                    rel="noopener noreferrer" class="hover:opacity-70 transition-opacity"
7529                                    aria-label="Facebook">
7530                                    <img loading="lazy" decoding="async" class="h-5 w-auto object-contain" src="https://wgn.pl/storage/ed414cf8-27cb-4386-be7c-c8a5f9c09c86.svg?v=1774937152"
7531                        alt="">
7532                                </a>
7533                                                                                                                                                <a href="https://www.instagram.com/wielka_gielda_nieruchomosci/" target="_blank"
7534                                    rel="noopener noreferrer" class="hover:opacity-70 transition-opacity"
7535                                    aria-label="Instagram">
7536                                    <img loading="lazy" decoding="async" class="h-5 w-auto object-contain" src="https://wgn.pl/storage/f4ae8a6f-4ce0-48d2-ba4b-2b3e047d30b4.svg?v=1784104726"
7537                        alt="">
7538                                </a>
7539                                                                        </div>
7540                
7541            </div>
7542
7543        </div>
7544    </div>
7545
7546</footer>
7547
7548    <button x-data="{ show: false }" x-init="window.addEventListener('scroll', () => { show = window.scrollY > 300 })" x-show="show" x-cloak
7549        @click="window.scrollTo({ top: 0, behavior: 'smooth' })"
7550        class="fixed bottom-20 right-4 min-[1500px]:bottom-8 min-[1500px]:right-8 z-100 hover:brightness-90 transition cursor-pointer print:hidden"
7551        aria-label="Wróć na górę">
7552        <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
7553            <rect width="50" height="50" rx="5" fill="#3B86FF" />
7554            <g clip-path="url(#clip0_5535_945)">
7555                <path
7556                    d="M24.4147 18.8033L24.414 18.804L19.8966 23.3215C19.5453 23.6759 19.5478 24.2479 19.9022 24.5992C19.9302 24.6269 19.96 24.6528 19.9914 24.6767C20.3692 24.93 20.8745 24.8747 21.1885 24.5457L23.6912 22.0521C23.8239 21.9195 23.9352 21.7671 24.021 21.6003L24.1655 21.3248L24.1655 30.2015C24.1464 30.6561 24.4572 31.0584 24.9019 31.1547C25.3944 31.2346 25.8585 30.9001 25.9383 30.4075C25.9467 30.3558 25.9506 30.3035 25.9499 30.2512V21.3428L26.0403 21.5371C26.1288 21.7266 26.2495 21.8993 26.3971 22.0475L28.8953 24.5457C29.2094 24.8747 29.714
75566 24.93 30.0924 24.6767C30.495 24.3819 30.5824 23.8166 30.2876 23.414C30.2638 23.3814 30.2378 23.3505 30.2099 23.3215L25.6924 18.804C25.3398 18.451 24.7677 18.4507 24.4147 18.8033Z"
7557                    fill="white" />
7558            </g>
7559            <defs>
7560                <clipPath id="clip0_5535_945">
7561                    <rect width="11" height="13" fill="white" transform="translate(19.5 18.5)" />
7562                </clipPath>
7563            </defs>
7564        </svg>
7565    </button>
7566
7567    
7567<script  data-navigate-once="true">window.livewireScriptConfig = {"csrf":"qkC3VpP7k8xG6vdWBuG3qkMybGepvu4QGHSVE20T","uri":"https:\/\/wgn.pl\/livewire-5b3904d5\/update","moduleUrl":"https:\/\/wgn.pl\/livewire-5b3904d5","progressBar":"","nonce":""};</script>
7567
7568
7569</body>
7570
7571</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.