{"id":1662,"date":"2024-06-15T14:43:41","date_gmt":"2024-06-15T12:43:41","guid":{"rendered":"http:\/\/serwer279670.lh.pl\/autoinstalator\/serwer279670.lh.pl\/wordpress69337\/?page_id=1662"},"modified":"2026-04-22T15:54:39","modified_gmt":"2026-04-22T13:54:39","slug":"wizualizacja-lokali","status":"publish","type":"page","link":"https:\/\/strzelecka-swarzedz.pl\/index.php\/wizualizacja-lokali\/","title":{"rendered":"Wizualizacja lokali"},"content":{"rendered":"<style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id1662_aa1e01-26{margin-top:0px;margin-bottom:0px;}.kb-row-layout-id1662_aa1e01-26 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1662_aa1e01-26 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1662_aa1e01-26 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1290px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:var(--global-kb-spacing-5xl, 10rem);padding-bottom:var(--global-kb-spacing-4xl, 8rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id1662_aa1e01-26{background-image:url('https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/06\/MODEL_alt_EASST_Swarzedz_3_AM-scaled.jpg');background-size:cover;background-position:48% 60%;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id1662_aa1e01-26 > .kt-row-layout-overlay{opacity:0.49;background-color:#242d2d;}@media all and (max-width: 1024px){.kb-row-layout-id1662_aa1e01-26 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1662_aa1e01-26 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1662_aa1e01-26 alignnone kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-layout-overlay kt-row-overlay-normal\"><\/div><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kb-theme-content-width\">\n<style>.kadence-column1662_620e0e-d1 > .kt-inside-inner-col,.kadence-column1662_620e0e-d1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1662_620e0e-d1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1662_620e0e-d1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1662_620e0e-d1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1662_620e0e-d1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1662_620e0e-d1{position:relative;}@media all and (max-width: 1024px){.kadence-column1662_620e0e-d1 > .kt-inside-inner-col{flex-direction:column;}}@media all and (max-width: 767px){.kadence-column1662_620e0e-d1 > .kt-inside-inner-col{flex-direction:column;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1662_620e0e-d1 inner-column-1\"><div class=\"kt-inside-inner-col\">\n<h1 class=\"kt-adv-heading1662_1041d9-eb wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1662_1041d9-eb\" style=\"left: 0; color: white;\">Znajd\u017a sw\u00f3j lokal<\/h1>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id1662_1e4e46-62 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1662_1e4e46-62 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1662_1e4e46-62 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);min-height:100vh;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id1662_1e4e46-62 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1662_1e4e46-62 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1662_1e4e46-62 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1662_1e4e46-62 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kt-inner-column-height-full\">\n<style>.kadence-column1662_292870-49 > .kt-inside-inner-col,.kadence-column1662_292870-49 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1662_292870-49 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1662_292870-49 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1662_292870-49 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1662_292870-49 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1662_292870-49{position:relative;}@media all and (max-width: 1024px){.kadence-column1662_292870-49 > .kt-inside-inner-col{flex-direction:column;}}@media all and (max-width: 767px){.kadence-column1662_292870-49 > .kt-inside-inner-col{flex-direction:column;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1662_292870-49\"><div class=\"kt-inside-inner-col\"><div \r\n      class=\"isimb-6310-builder-box isimb-6310-builder-box-5\" \r\n      data-id=\"5\" \r\n      data-tab-class=\".elementor-tab-title\"\r\n      data-desktop-menu-height=\"\"\r\n      data-tab-menu-height=\"\"\r\n      data-mobile-menu-height=\"\"\r\n   >\r\n      <svg class=\"isimb-6310-main-svg isimb-6310-main-svg-5\">\r\n         <polygon title='' data-id='5-1' data-link-url='https:\/\/strzelecka-swarzedz.pl\/index.php\/poziom-ii\/' class= 'isimb-6310-pol-loaded isimb-6310-pol-5-1' data-json='{&quot;pointList&quot;:&quot;380,163,383,326,1390,327,1389,213,1408,207,1408,163&quot;,&quot;imageWidth&quot;:&quot;1481&quot;,&quot;imageHeight&quot;:&quot;817&quot;,&quot;selectModelContent&quot;:&quot;Modal text&quot;,&quot;ModalContentFontSize&quot;:&quot;16&quot;,&quot;ModalContentColor&quot;:&quot;rgb(255, 255, 255)&quot;,&quot;ModalContentBgColor&quot;:&quot;rgba(12, 143, 209, 0.91)&quot;,&quot;selectAreaColor&quot;:&quot;rgba(255, 255, 255, 0.11)&quot;,&quot;selectAreaHoverColor&quot;:&quot;rgba(0, 255, 51, 0.51)&quot;,&quot;areaBorderSize&quot;:&quot;1&quot;,&quot;areaBorderColor&quot;:&quot;rgba(255, 255, 255, 0.1)&quot;,&quot;areaBorderHoverColor&quot;:&quot;rgba(255, 255, 255, 0.1)&quot;,&quot;areaShadowith&quot;:&quot;5&quot;,&quot;areaShadowColor&quot;:&quot;rgba(0, 0, 0, 0.99)&quot;,&quot;selectedTemplate&quot;:&quot;01&quot;,&quot;linkText&quot;:&quot;Poziom II [2 dost\\u0119pne lokale]&quot;,&quot;linkURL&quot;:&quot;https:\\\/\\\/strzelecka-swarzedz.pl\\\/index.php\\\/poziom-ii\\\/&quot;,&quot;openNewTab&quot;:&quot;0&quot;,&quot;linkingArea&quot;:&quot;1&quot;,&quot;openDesImg&quot;:&quot;&quot;,&quot;openDescription&quot;:&quot;Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis vero maxime beatae fugiat, aspernatur quia.&quot;,&quot;openDesFontSize&quot;:&quot;16&quot;,&quot;openDesFontColor&quot;:&quot;rgb(0, 0, 0)&quot;,&quot;tempCommonFontSize&quot;:&quot;16&quot;,&quot;tempCommonFontColor&quot;:&quot;rgb(18, 0, 0)&quot;,&quot;tempCommonBgColor&quot;:&quot;rgba(209, 161, 85, 0.9)&quot;,&quot;tem02EmbeddedLink&quot;:&quot;&quot;,&quot;customeHtmlCode&quot;:&quot;&quot;,&quot;customeCssCode&quot;:&quot;&quot;,&quot;customeCodePopup&quot;:&quot;&quot;,&quot;viewMoodType&quot;:1,&quot;elementType&quot;:1,&quot;linkURLDirect&quot;:&quot;https:\\\/\\\/www.wpmart.org&quot;,&quot;openNewTabDirect&quot;:&quot;1&quot;,&quot;nestedList&quot;:[],&quot;points&quot;:&quot;335,144 338,287 1226,288 1225,188 1242,183 1242,144&quot;}' \/><polygon title='' data-id='5-2' data-link-url='https:\/\/strzelecka-swarzedz.pl\/index.php\/poziom-i\/' class= 'isimb-6310-pol-loaded isimb-6310-pol-5-2' data-json='{&quot;pointList&quot;:&quot;379,335,377,493,1393,492,1392,375,1409,375,1407,335&quot;,&quot;imageWidth&quot;:&quot;1481&quot;,&quot;imageHeight&quot;:&quot;817&quot;,&quot;selectModelContent&quot;:&quot;Modal text&quot;,&quot;ModalContentFontSize&quot;:&quot;16&quot;,&quot;ModalContentColor&quot;:&quot;rgb(255, 255, 255)&quot;,&quot;ModalContentBgColor&quot;:&quot;rgba(12, 143, 209, 0.91)&quot;,&quot;selectAreaColor&quot;:&quot;rgba(255, 255, 255, 0.11)&quot;,&quot;selectAreaHoverColor&quot;:&quot;rgba(0, 255, 51, 0.51)&quot;,&quot;areaBorderSize&quot;:&quot;1&quot;,&quot;areaBorderColor&quot;:&quot;rgba(255, 255, 255, 0.1)&quot;,&quot;areaBorderHoverColor&quot;:&quot;rgba(255, 255, 255, 0.1)&quot;,&quot;areaShadowith&quot;:&quot;5&quot;,&quot;areaShadowColor&quot;:&quot;rgba(0, 0, 0, 0.99)&quot;,&quot;selectedTemplate&quot;:&quot;01&quot;,&quot;linkText&quot;:&quot;Poziom I [3 dost\\u0119pne lokale\\\/ 1 zaj\\u0119ty]&quot;,&quot;linkURL&quot;:&quot;https:\\\/\\\/strzelecka-swarzedz.pl\\\/index.php\\\/poziom-i\\\/&quot;,&quot;openNewTab&quot;:&quot;0&quot;,&quot;linkingArea&quot;:&quot;1&quot;,&quot;openDesImg&quot;:&quot;&quot;,&quot;openDescription&quot;:&quot;Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis vero maxime beatae fugiat, aspernatur quia.&quot;,&quot;openDesFontSize&quot;:&quot;16&quot;,&quot;openDesFontColor&quot;:&quot;rgb(0, 0, 0)&quot;,&quot;tempCommonFontSize&quot;:&quot;16&quot;,&quot;tempCommonFontColor&quot;:&quot;rgb(18, 0, 0)&quot;,&quot;tempCommonBgColor&quot;:&quot;rgba(209, 161, 85, 0.9)&quot;,&quot;tem02EmbeddedLink&quot;:&quot;&quot;,&quot;customeHtmlCode&quot;:&quot;&quot;,&quot;customeCssCode&quot;:&quot;&quot;,&quot;customeCodePopup&quot;:&quot;&quot;,&quot;viewMoodType&quot;:1,&quot;elementType&quot;:1,&quot;linkURLDirect&quot;:&quot;https:\\\/\\\/www.wpmart.org&quot;,&quot;openNewTabDirect&quot;:&quot;1&quot;,&quot;nestedList&quot;:[],&quot;points&quot;:&quot;334,295 332,435 1229,434 1228,331 1243,331 1241,295&quot;}' \/><polygon title='' data-id='5-3' data-link-url='https:\/\/strzelecka-swarzedz.pl\/index.php\/poziom-0\/' class= 'isimb-6310-pol-loaded isimb-6310-pol-5-3' data-json='{&quot;pointList&quot;:&quot;379,503,385,620,404,621,410,639,411,654,405,662,1392,659,1392,540,1409,540,1408,502&quot;,&quot;imageWidth&quot;:&quot;1481&quot;,&quot;imageHeight&quot;:&quot;817&quot;,&quot;selectModelContent&quot;:&quot;Modal text&quot;,&quot;ModalContentFontSize&quot;:&quot;16&quot;,&quot;ModalContentColor&quot;:&quot;rgb(255, 255, 255)&quot;,&quot;ModalContentBgColor&quot;:&quot;rgba(12, 143, 209, 0.91)&quot;,&quot;selectAreaColor&quot;:&quot;rgba(255, 255, 255, 0.11)&quot;,&quot;selectAreaHoverColor&quot;:&quot;rgba(0, 255, 51, 0.51)&quot;,&quot;areaBorderSize&quot;:&quot;1&quot;,&quot;areaBorderColor&quot;:&quot;rgba(255, 255, 255, 0.1)&quot;,&quot;areaBorderHoverColor&quot;:&quot;rgba(255, 255, 255, 0.1)&quot;,&quot;areaShadowith&quot;:&quot;5&quot;,&quot;areaShadowColor&quot;:&quot;rgba(0, 0, 0, 0.99)&quot;,&quot;selectedTemplate&quot;:&quot;01&quot;,&quot;linkText&quot;:&quot;Poziom 0 [1 dost\\u0119pne lokale\\\/2 zaj\\u0119te]&quot;,&quot;linkURL&quot;:&quot;https:\\\/\\\/strzelecka-swarzedz.pl\\\/index.php\\\/poziom-0\\\/&quot;,&quot;openNewTab&quot;:&quot;0&quot;,&quot;linkingArea&quot;:&quot;1&quot;,&quot;openDesImg&quot;:&quot;&quot;,&quot;openDescription&quot;:&quot;Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis vero maxime beatae fugiat, aspernatur quia.&quot;,&quot;openDesFontSize&quot;:&quot;16&quot;,&quot;openDesFontColor&quot;:&quot;rgb(0, 0, 0)&quot;,&quot;tempCommonFontSize&quot;:&quot;16&quot;,&quot;tempCommonFontColor&quot;:&quot;rgb(18, 0, 0)&quot;,&quot;tempCommonBgColor&quot;:&quot;rgba(209, 161, 85, 0.9)&quot;,&quot;tem02EmbeddedLink&quot;:&quot;&quot;,&quot;customeHtmlCode&quot;:&quot;&quot;,&quot;customeCssCode&quot;:&quot;&quot;,&quot;customeCodePopup&quot;:&quot;&quot;,&quot;viewMoodType&quot;:1,&quot;elementType&quot;:1,&quot;linkURLDirect&quot;:&quot;https:\\\/\\\/www.wpmart.org&quot;,&quot;openNewTabDirect&quot;:&quot;1&quot;,&quot;nestedList&quot;:[],&quot;points&quot;:&quot;334,444 340,547 356,548 362,563 362,577 357,584 1228,581 1228,476 1243,476 1242,443&quot;}' \/>      <\/svg>\r\n      \r\n                     \r\n                        <div class='isimb-6310-hover-content isimb-6310-hover-content-5-1'>\r\n                           <div class='isimb-6310-hover-content-5-1-element'>\r\n                              <div class='isimb-6310-close-button isimb-6310-close-button-mobile'><\/div>\r\n                              Poziom II [2 dost\u0119pne lokale]                   \r\n                           <\/div>                    \r\n                        <\/div>\r\n                     \r\n                     \r\n                     \r\n                        <div class='isimb-6310-hover-content isimb-6310-hover-content-5-2'>\r\n                           <div class='isimb-6310-hover-content-5-2-element'>\r\n                              <div class='isimb-6310-close-button isimb-6310-close-button-mobile'><\/div>\r\n                              Poziom I [3 dost\u0119pne lokale\/ 1 zaj\u0119ty]                   \r\n                           <\/div>                    \r\n                        <\/div>\r\n                     \r\n                     \r\n                     \r\n                        <div class='isimb-6310-hover-content isimb-6310-hover-content-5-3'>\r\n                           <div class='isimb-6310-hover-content-5-3-element'>\r\n                              <div class='isimb-6310-close-button isimb-6310-close-button-mobile'><\/div>\r\n                              Poziom 0 [1 dost\u0119pne lokale\/2 zaj\u0119te]                   \r\n                           <\/div>                    \r\n                        <\/div>\r\n                     \r\n                           <img decoding=\"async\" src=\"https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/06\/99d68e9a-cf61-4a57-85d8-06c990b30e8e-scaled-e1720778805456.jpg\" class=\"isimb-6310-main-image isimb-6310-img\" data-isimb-cls=\"isimb-6310-main-image isimb-6310-img\"  data-isimb-value=\"https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/06\/99d68e9a-cf61-4a57-85d8-06c990b30e8e-scaled-e1720778805456.jpg\" \/>\r\n           \r\n  \r\n<\/div>\r\n\r\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Lista Lokali<\/title>\n    <style>\n        body {\n            font-family: 'Open Sans', sans-serif;\n            background-color: #f4f4f9;\n            margin: 0;\n            padding: 0;\n        }\n\n        .container {\n            width: 80%;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        #filter {\n            margin-bottom: 20px;\n           background-color: #f5f5f5;\n        }\n\n        .form-group select,\n        .form-group input {\n            font-family: 'Open Sans', sans-serif;\n            width: 100%;\n            padding: 20px;\n            box-sizing: border-box;\n            border: 1px solid #ccc;\n            border-radius: 4px;\n            font-size: 16px;\n            margin: 5px 10px;\n            transition: background-color 0.3s ease, color 0.3s ease;\n        }\n\n        .btn-primary {\n            font-family: 'Open Sans', sans-serif;\n            background-color: black;\n            color: #fff;\n            border: none;\n            cursor: pointer;\n        }\n\n        .btn-primary:hover {\n            background-color: #0056b3;\n        }\n\n        #filter-form {\n            font-family: Open Sans, sans-serif;\n            display: flex;\n            gap: 15px;\n            justify-content: center; \/* Wy\u015brodkowanie formularza *\/\n            margin-bottom: 30px;\n            max-width: 600px; \/* Maksymalna szeroko\u015b\u0107 formularza *\/\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        \/* Style dla select\u00f3w *\/\n        .form-group select:hover {\n            background-color: #D1A155;\n            color: #fff;\n        }\n\n        \/* Efekt hover na samym select *\/\n        .form-group select option {\n            background-color: white;\n            color: black;\n        }\n\n        .product-container {\n            font-family: Open Sans, sans-serif;\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .product {\n            font-family: Open Sans, sans-serif;\n            background-color: #ffffff;\n            border: 1px solid #e0e0e0;\n            border-radius: 4px;\n            display: flex;\n            align-items: center;\n            padding: 10px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n            cursor: pointer; \/* Dodaj ten styl, aby pokaza\u0107 kursor pointer *\/\n        }\n        .product:nth-child(even) {\n              background-color: #f5f5f5;\n         }\n\n        .product-image {\n            flex: 0 0 150px;\n            margin-right: 20px;\n            position: relative;\n            cursor: pointer;\n        }\n\n        .product-image img {\n            width: 100%;\n            height: 100px;\n            object-fit: cover;\n        }\n\n        .product-details {\n            font-family: Open Sans, sans-serif;\n            flex-grow: 1;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .product-info {\n            display: flex;\n            font-family: Open Sans, sans-serif;\n            gap: 50px;\n        }\n\n        .product-info a {\n            font-family: 'Poppins', sans-serif;\n            text-decoration: none;\n            color: #D1A155;\n            transition: color 0.3s;\n            font-weight: bold;\n        }\n\n        .product-info a:hover {\n            color: #0056b3;\n        }\n        .product-title {\n           font-size: 26px;\n           font-family: 'Open Sans';\n            margin-top: 20px;\n           font-weight: bold;\n         }\n          .single-content h3:first-child {\n             margin-top: 20px;\n             }\n\n        .overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.8);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 1000;\n        }\n\n        .overlay img {\n            max-width: 90%;\n            max-height: 90%;\n            box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);\n        }\n\n       p {\n        font-family: 'Open Sans', sans-serif;\n       }\n\n     @media (max-width: 900px) {\n            .container {\n                width: 95%;\n                padding: 10px;\n            }\n\n            #filter-form {\n                flex-direction: column;\n                gap: 10px;\n            }\n\n            .form-group select,\n            .form-group input {\n                font-size: 14px;\n                padding: 15px;\n                margin: 5px 0;\n            }\n\n            .product-container {\n                flex-direction: column; \/* Ustawienie element\u00f3w w kolumnie *\/\n            }\n\n            .product {\n                flex-direction: column;\n                padding: 15px;\n                text-align: center;\n            }\n\n            .product-image {\n                margin-right: 0;\n                flex: 0 0 auto;\n                width: 100%;\n            }\n\n            .product-image img {\n                height: auto;\n                max-height: 200px;\n            }\n\n            .product-details {\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .product-info {\n                gap: 20px;\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .product-info h3 {\n                font-size: 18px;\n            }\n\n            .product-info p {\n                font-size: 14px;\n            }\n\n            .product-info a {\n                font-size: 14px;\n            }        \n        }\n      @media (max-width: 480px) {\n        .container {\n          margin-top: -15vh;\n         padding-top: 0\n         }\n    }\n    @media (max-width:720px) {\n       .container {\n          margin-top: -62vh;\n         padding-top: 0\n         }\n\n   }\n   @media (max-width:920px) {\n       .container {\n          margin-top: -62vh;\n         padding-top: 0\n         }\n\n   }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div id=\"filter\">\n            <form id=\"filter-form\">\n                <div class=\"form-group\">\n                    <select data-filter=\"model\" class=\"filter-model filter form-control\">\n                        <option value=\"\">Wybierz pi\u0119tro<\/option>\n                        <option value=\"Parter\">Parter<\/option>\n                        <option value=\"Pi\u0119tro 1\">Pi\u0119tro 1<\/option>\n                        <option value=\"Pi\u0119tro 2\">Pi\u0119tro 2<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"form-group\">\n                    <select data-filter=\"type\" class=\"filter-type filter form-control\">\n                        <option value=\"\">Dost\u0119pno\u015b\u0107 lokalu<\/option>\n                        <option value=\"dost\u0119pny\">Dost\u0119pny<\/option>\n                        <option value=\"niedost\u0119pny\">Niedost\u0119pny<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"form-group\">\n                    <input id=\"filter-surface\" class=\"filter form-control\" type=\"number\" placeholder=\"Powierzchnia (m\u00b2)\" \/>\n                <\/div>\n            <\/form>\n        <\/div>\n        <div class=\"product-container\" id=\"products\">\n            <!-- Wyniki wyszukiwania -->\n        <\/div>\n    <\/div>\n\n    <div class=\"overlay\" id=\"overlay\">\n        <img decoding=\"async\" id=\"overlay-img\" src=\"\" alt=\"Expanded view\">\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const data = [\n                { make: 'Lokal 1', model: 'Parter', type: 'dost\u0119pny', sort: 'gastronomia', image: 'https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/07\/Lokal-1.jpg', surface: '90,2+43,7', link: `https:\/\/strzelecka-swarzedz.pl\/index.php\/lokal-1-1\/`},\n                { make: 'Lokal 2', model: 'Parter', type: 'dost\u0119pny', sort: 'biurowy', image: 'https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/07\/Lokal-2-1.jpg', surface: '64,7', link: `https:\/\/strzelecka-swarzedz.pl\/index.php\/lokal-2-11\/` },\n                { make: 'Lokal 3', model: 'Parter', type: 'niedost\u0119pny', sort: 'biurowy', image: 'https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/07\/Lokal3.jpg', surface: '51,7', link: `https:\/\/strzelecka-swarzedz.pl\/index.php\/lokal-3-11\/` },\n                { make: 'Lokal 4', model: 'Pi\u0119tro 1', type: 'dost\u0119pny', sort: 'biurowy', image: 'https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/07\/Lokal4.jpg', surface: '51,2', link:`https:\/\/strzelecka-swarzedz.pl\/index.php\/lokal-4-11\/` },\n                { make: 'Lokal 5', model: 'Pi\u0119tro 1', type: 'dost\u0119pny', sort: 'biurowy', image: 'https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/07\/Lokal5.jpg', surface: '64,7', link: `https:\/\/strzelecka-swarzedz.pl\/index.php\/lokal-5-11\/` },\n                { make: 'Lokal 6', model: 'Pi\u0119tro 1', type: 'niedost\u0119pny', sort: 'biurowy', image: 'https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/07\/Lokal6.jpg', surface: '52,3', link: `https:\/\/strzelecka-swarzedz.pl\/index.php\/lokal-6-11\/` },\n                { make: 'Lokal 7', model: 'Pi\u0119tro 1', type: 'dost\u0119pny', sort: 'biurowy', image: 'https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/07\/Lokal7.jpg', surface: '54,4', link: `https:\/\/strzelecka-swarzedz.pl\/index.php\/lokal-7-11\/` },\n                { make: 'Lokal 8', model: 'Pi\u0119tro 2', type: 'dost\u0119pny', sort: 'biurowy', image: 'https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/07\/Lokal8.jpg', surface: '51,2', link: `https:\/\/strzelecka-swarzedz.pl\/index.php\/lokal-8-11\/` },\n                { make: 'Lokal 9', model: 'Pi\u0119tro 2', type: 'niedost\u0119pny', sort: 'biurowy', image: 'https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/07\/Lokal9.jpg', surface: '64,7', link: `https:\/\/strzelecka-swarzedz.pl\/index.php\/lokal-9-11\/` },\n                { make: 'Lokal 10', model: 'Pi\u0119tro 2', type: 'dost\u0119pny', sort: 'biurowy', image: 'https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/07\/Lokal10.jpg', surface: '52,3', link: `https:\/\/strzelecka-swarzedz.pl\/index.php\/lokal-10-11\/` },\n                { make: 'Lokal 11', model: 'Pi\u0119tro 2', type: 'niedost\u0119pny', sort: 'biurowy', image: 'https:\/\/strzelecka-swarzedz.pl\/wp-content\/uploads\/2024\/07\/Lokal11.jpg', surface: '54,5', link: `https:\/\/strzelecka-swarzedz.pl\/index.php\/lokal-11-11\/` },\n            ];\n\n            const productContainer = document.getElementById('products');\n\n            const displayProducts = (products) => {\n                productContainer.innerHTML = '';\n                products.forEach(product => {\n                    const productElem = document.createElement('div');\n                    productElem.className = 'product';\n                    productElem.innerHTML = `\n                        <div class=\"product-details\">\n                            <div class=\"product-info\">\n                                <h3 class=\"product-title\">${product.make}<\/h3>\n                                <p>Pi\u0119tro: <br> <strong>${product.model}<\/strong><\/p>\n                                <p>Dost\u0119pno\u015b\u0107: <br> <strong>${product.type}<\/strong><\/p>\n                                <p>Powierzchnia: <br> <strong>${product.surface} m\u00b2<\/strong><\/p>\n                                <a href=\"${product.link}\" target=\"_blank\">Zobacz szczeg\u00f3\u0142y<\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"product-image\">\n                            <img decoding=\"async\" src=\"${product.image}\" alt=\"${product.make}\">\n                        <\/div>\n                    `;\n\n                    \/\/ Dodaj event na ca\u0142y element .product, aby przekierowa\u0107 do linku\n                    productElem.addEventListener('click', () => {\n                        window.location.href = product.link;\n                    });\n\n                    \/\/ Add click event to open the image in the overlay\n                    const imgElement = productElem.querySelector('img');\n                    imgElement.addEventListener('click', (event) => {\n                        event.stopPropagation(); \/\/ Zatrzymaj propagacj\u0119, aby nie przekierowywa\u0107 na stron\u0119\n                        const overlay = document.getElementById('overlay');\n                        const overlayImg = document.getElementById('overlay-img');\n                        overlayImg.src = imgElement.src;\n                        overlay.style.display = 'flex';\n                    });\n\n                    productContainer.appendChild(productElem);\n                });\n            };\n\n            \n            \/\/ Display all products initially\n            displayProducts(data);\n\n            const filterProducts = () => {\n                const model = document.querySelector('.filter-model').value;\n                const type = document.querySelector('.filter-type').value;\n                const surface = document.getElementById('filter-surface').value;\n\n                const filteredProducts = data.filter(product => {\n                    return (model === '' || product.model === model) &&\n                        (type === '' || product.type === type) &&\n                        (surface === '' || product.surface >= surface);\n                });\n\n                displayProducts(filteredProducts);\n            };\n\n            document.querySelectorAll('.filter').forEach(filter => {\n                filter.addEventListener('change', filterProducts);\n            });\n\n            \/\/ Close overlay on click\n            const overlay = document.getElementById('overlay');\n            overlay.addEventListener('click', () => {\n                overlay.style.display = 'none';\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n<style>.kadence-column1662_b6dc32-c0 > .kt-inside-inner-col,.kadence-column1662_b6dc32-c0 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1662_b6dc32-c0 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1662_b6dc32-c0 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1662_b6dc32-c0 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1662_b6dc32-c0 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1662_b6dc32-c0{position:relative;}@media all and (max-width: 1024px){.kadence-column1662_b6dc32-c0 > .kt-inside-inner-col{flex-direction:column;}}@media all and (max-width: 767px){.kadence-column1662_b6dc32-c0 > .kt-inside-inner-col{flex-direction:column;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1662_b6dc32-c0\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Znajd\u017a sw\u00f3j lokal Lista Lokali Wybierz pi\u0119troParterPi\u0119tro 1Pi\u0119tro 2 Dost\u0119pno\u015b\u0107 lokaluDost\u0119pnyNiedost\u0119pny<\/p>\n","protected":false},"author":1,"featured_media":1631,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"enable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"default","_kad_post_feature_position":"default","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-1662","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/strzelecka-swarzedz.pl\/index.php\/wp-json\/wp\/v2\/pages\/1662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/strzelecka-swarzedz.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/strzelecka-swarzedz.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/strzelecka-swarzedz.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/strzelecka-swarzedz.pl\/index.php\/wp-json\/wp\/v2\/comments?post=1662"}],"version-history":[{"count":173,"href":"https:\/\/strzelecka-swarzedz.pl\/index.php\/wp-json\/wp\/v2\/pages\/1662\/revisions"}],"predecessor-version":[{"id":3034,"href":"https:\/\/strzelecka-swarzedz.pl\/index.php\/wp-json\/wp\/v2\/pages\/1662\/revisions\/3034"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/strzelecka-swarzedz.pl\/index.php\/wp-json\/wp\/v2\/media\/1631"}],"wp:attachment":[{"href":"https:\/\/strzelecka-swarzedz.pl\/index.php\/wp-json\/wp\/v2\/media?parent=1662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}