{"id":658,"date":"2025-06-23T11:13:56","date_gmt":"2025-06-23T11:13:56","guid":{"rendered":"http:\/\/ride4less24.pl\/?page_id=658"},"modified":"2025-06-23T13:43:53","modified_gmt":"2025-06-23T13:43:53","slug":"leasing","status":"publish","type":"page","link":"http:\/\/ride4less24.pl\/?page_id=658","title":{"rendered":"Leasing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"658\" class=\"elementor elementor-658\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6c2783 e-flex e-con-boxed e-con e-parent\" data-id=\"f6c2783\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c4d41b2 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"c4d41b2\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-56f054c e-con-full e-flex e-con e-child\" data-id=\"56f054c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1331590 elementor-widget elementor-widget-image\" data-id=\"1331590\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"534\" src=\"http:\/\/ride4less24.pl\/wp-content\/uploads\/2025\/06\/P90599296_highRes_bmw-concept-speedtop-1024x683.jpg\" class=\"attachment-large size-large wp-image-114\" alt=\"\" srcset=\"http:\/\/ride4less24.pl\/wp-content\/uploads\/2025\/06\/P90599296_highRes_bmw-concept-speedtop-1024x683.jpg 1024w, http:\/\/ride4less24.pl\/wp-content\/uploads\/2025\/06\/P90599296_highRes_bmw-concept-speedtop-300x200.jpg 300w, http:\/\/ride4less24.pl\/wp-content\/uploads\/2025\/06\/P90599296_highRes_bmw-concept-speedtop-768x512.jpg 768w, http:\/\/ride4less24.pl\/wp-content\/uploads\/2025\/06\/P90599296_highRes_bmw-concept-speedtop-1536x1024.jpg 1536w, http:\/\/ride4less24.pl\/wp-content\/uploads\/2025\/06\/P90599296_highRes_bmw-concept-speedtop-2048x1365.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a35719 e-con-full e-flex e-con e-child\" data-id=\"8a35719\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-992dc40 elementor-widget elementor-widget-heading\" data-id=\"992dc40\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Leasing Firmowy<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88a9e9d elementor-widget elementor-widget-text-editor\" data-id=\"88a9e9d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"220\" data-end=\"653\">Leasing to praktyczne i elastyczne rozwi\u0105zanie dla firm oraz os\u00f3b prowadz\u0105cych dzia\u0142alno\u015b\u0107 gospodarcz\u0105, kt\u00f3re chc\u0105 korzysta\u0107 z nowoczesnych samochod\u00f3w bez jednorazowego wydatku. Wybierasz model, korzystasz i po okresie leasingu decydujesz, czy wykupi\u0107 auto na w\u0142asno\u015b\u0107, czy zmieni\u0107 na nowe. Sta\u0142a miesi\u0119czna rata, minimum formalno\u015bci oraz pe\u0142ne wsparcie w zakresie ubezpieczenia i serwisu .<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76a4c3d e-flex e-con-boxed e-con e-parent\" data-id=\"76a4c3d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-533bc6c e-grid e-con-full e-con e-child\" data-id=\"533bc6c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-492fc2d elementor-position-left elementor-vertical-align-middle elementor-view-stacked elementor-shape-circle elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"492fc2d\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-people-arrows\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M96,128A64,64,0,1,0,32,64,64,64,0,0,0,96,128Zm0,176.08a44.11,44.11,0,0,1,13.64-32L181.77,204c1.65-1.55,3.77-2.31,5.61-3.57A63.91,63.91,0,0,0,128,160H64A64,64,0,0,0,0,224v96a32,32,0,0,0,32,32V480a32,32,0,0,0,32,32h64a32,32,0,0,0,32-32V383.61l-50.36-47.53A44.08,44.08,0,0,1,96,304.08ZM480,128a64,64,0,1,0-64-64A64,64,0,0,0,480,128Zm32,32H448a63.91,63.91,0,0,0-59.38,40.42c1.84,1.27,4,2,5.62,3.59l72.12,68.06a44.37,44.37,0,0,1,0,64L416,383.62V480a32,32,0,0,0,32,32h64a32,32,0,0,0,32-32V352a32,32,0,0,0,32-32V224A64,64,0,0,0,512,160ZM444.4,295.34l-72.12-68.06A12,12,0,0,0,352,236v36H224V236a12,12,0,0,0-20.28-8.73L131.6,295.34a12.4,12.4,0,0,0,0,17.47l72.12,68.07A12,12,0,0,0,224,372.14V336H352v36.14a12,12,0,0,0,20.28,8.74l72.12-68.07A12.4,12.4,0,0,0,444.4,295.34Z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tOptymalizacja koszt\u00f3w firmowych\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f55b05d elementor-position-left elementor-vertical-align-middle elementor-view-stacked elementor-shape-circle elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"f55b05d\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-shopping-bag\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M352 160v-32C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128v32H0v272c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V160h-96zm-192-32c0-35.29 28.71-64 64-64s64 28.71 64 64v32H160v-32zm160 120c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zm-192 0c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tBez konieczno\u015bci zakupu, ale z mo\u017cliwo\u015bci\u0105\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4637bbf elementor-position-left elementor-vertical-align-middle elementor-view-stacked elementor-shape-circle elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"4637bbf\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-tools\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M501.1 395.7L384 278.6c-23.1-23.1-57.6-27.6-85.4-13.9L192 158.1V96L64 0 0 64l96 128h62.1l106.6 106.6c-13.6 27.8-9.2 62.3 13.9 85.4l117.1 117.1c14.6 14.6 38.2 14.6 52.7 0l52.7-52.7c14.5-14.6 14.5-38.2 0-52.7zM331.7 225c28.3 0 54.9 11 74.9 31l19.4 19.4c15.8-6.9 30.8-16.5 43.8-29.5 37.1-37.1 49.7-89.3 37.9-136.7-2.2-9-13.5-12.1-20.1-5.5l-74.4 74.4-67.9-11.3L334 98.9l74.4-74.4c6.6-6.6 3.4-17.9-5.7-20.2-47.4-11.7-99.6.9-136.6 37.9-28.5 28.5-41.9 66.1-41.2 103.6l82.1 82.1c8.1-1.9 16.5-2.9 24.7-2.9zm-103.9 82l-56.7-56.7L18.7 402.8c-25 25-25 65.5 0 90.5s65.5 25 90.5 0l123.6-123.6c-7.6-19.9-9.9-41.6-5-62.7zM64 472c-13.2 0-24-10.8-24-24 0-13.3 10.7-24 24-24s24 10.7 24 24c0 13.2-10.7 24-24 24z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tWsparcie w zakresie serwisu i ubezpieczenia\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60891da elementor-position-left elementor-vertical-align-middle elementor-view-stacked elementor-shape-circle elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"60891da\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-coins\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSta\u0142a miesieczna rata\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c32872 e-flex e-con-boxed e-con e-parent\" data-id=\"8c32872\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7a8d7d elementor-widget elementor-widget-shortcode\" data-id=\"a7a8d7d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <!-- CSS for styling the filter component -->\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n        .vehicle-filters-wrapper {\n            font-family: 'Inter', sans-serif;\n            background-color: #ffffff;\n            padding: 24px;\n            border-radius: 30px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            max-width: 1100px;\n            margin: 40px auto;\n            color: #333;\n        }\n        .vehicle-filters-form { display: flex; flex-direction: column; gap: 20px; }\n        .filters-top-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }\n\t\t.filter-button-group { display: flex; background-image: linear-gradient(to right,#EF183B,#7F0F21); border-radius: 16px; padding: 4px; }.filter-button-group .filter-btn {\n            background-image: linear-gradient(to right,#EF183B,#7F0F21); border: none; padding: 10px 20px; border-radius: 12px;\n            font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; color: #838383;\n        }        .filter-button-group .filter-btn.active {\n            color: #ffffff; box-shadow: 0 2px 8px rgba(217, 54, 68, 0.4);\n        }\n        .rate-input-container {\n            flex-grow: 1; display: flex; align-items: center; background-color: #f0f2f5;\n            padding: 10px 20px; border-radius: 16px; font-size: 14px; color: #666; min-width: 180px;\n        }\n \t\t       \/* Main container for the rate input *\/\n        .rate-input-container {\n            display: flex;\n            align-items: center;\n            gap: 15px; \/* Space between \"Rata do\" and the slider *\/\n            background-color: #f7f7f7;\n            padding: 10px 20px;\n            border-radius: 30px;\n            width: 400px;\n        }\n\n        .rate-input-container span {\n            color: #555;\n            white-space: nowrap;\n        }\n        \n        \/* New element to display the current value *\/\n        #rate-value {\n            font-weight: bold;\n            color: #000;\n            width: 80px; \/* Fixed width to prevent layout shifts *\/\n        }\n\n        \/* --- RED RANGE SLIDER STYLES --- *\/\n        input[type=\"range\"] {\n            -webkit-appearance: none;\n            appearance: none;\n            width: 100%;\n            height: 8px;\n            background: #e0e0e0; \/* The \"empty\" part of the track *\/\n            border-radius: 5px;\n            outline: none;\n            background-image: linear-gradient(#d10028, #d10028);\n            background-size: 50% 100%; \/* Default fill *\/\n            background-repeat: no-repeat;\n            cursor: pointer;\n        }\n\n        \/* Thumb (handle) styles for WebKit browsers (Chrome, Safari) *\/\n        input[type=\"range\"]::-webkit-slider-thumb {\n            -webkit-appearance: none;\n            appearance: none;\n            width: 20px;\n            height: 20px;\n            background: #d10028; \/* Red thumb color *\/\n            border-radius: 50%;\n            border: 2px solid white;\n            box-shadow: 0 0 5px rgba(0,0,0,0.3);\n        }\n\n        \/* Thumb (handle) styles for Firefox *\/\n        input[type=\"range\"]::-moz-range-thumb {\n            width: 20px;\n            height: 20px;\n            background: #d10028; \/* Red thumb color *\/\n            border-radius: 50%;\n            border: 2px solid white;\n            box-shadow: 0 0 5px rgba(0,0,0,0.3);\n        }\n\n        \/* Track styles for Firefox *\/\n        input[type=\"range\"]::-moz-range-track {\n            height: 8px;\n            background: #e0e0e0;\n            border-radius: 5px;\n        }\n        \n        \/* Progress fill styles for Firefox (requires a different approach) *\/\n        input[type=\"range\"]::-moz-range-progress {\n            background-color: #d10028; \n            height: 8px;\n            border-radius: 5px;\n        }\n        .search-btn {\n            background-color: #d93644; color: #ffffff; font-weight: 700; font-size: 16px;\n            border: none; padding: 14px 40px; border-radius: 16px; cursor: pointer;\n            transition: background-color 0.3s ease;\n        }\n        .search-btn:hover { background-color: #c22f3c; }\n        .options-icon { cursor: pointer; padding: 8px; }\n        .options-icon svg { width: 24px; height: 24px; }\n        .filters-bottom-row {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n            gap: 16px; border-top: 1px solid #e9e9e9; padding-top: 20px;\n        }\n        .filter-dropdown select {\n            width: 100%; padding: 12px; border: none; background-color: #fff; border-radius: 8px;\n            font-size: 15px; font-weight: 500; color: #333; -webkit-appearance: none; -moz-appearance: none;\n            appearance: none; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'\/%3E%3C\/svg%3E\");\n            background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; cursor: pointer;\n        }\n        @media (max-width: 992px) {\n            .filters-top-row { flex-direction: column; align-items: stretch; }\n        }\n    <\/style>\n\n    <!-- HTML structure for the filter component -->\n    <div class=\"vehicle-filters-wrapper\">\n        <form class=\"vehicle-filters-form\" id=\"js-vehicle-filters-form\" action=\"http:\/\/ride4less24.pl\/wyniki-wyszukiwania\" method=\"get\">\n            \n            <div class=\"filters-top-row\">\n                <!-- Group 1: Customer Type -->\n                <div class=\"filter-button-group\" id=\"js-customer-type-group\">\n                    <button type=\"button\" class=\"filter-btn active\" data-value=\"firma\">FIRMA<\/button>\n                    <button type=\"button\" class=\"filter-btn \" data-value=\"prywatnie\">PRYWATNIE<\/button>\n                <\/div>\n                <input type=\"hidden\" name=\"customer_type\" id=\"js-customer-type-input\" value=\"firma\">\n\n                <!-- Group 2: Financing Type -->\n                <div class=\"filter-button-group\" id=\"js-financing-type-group\">\n                    <button type=\"button\" class=\"filter-btn active\" data-value=\"leasing\">LEASING<\/button>\n                    <button type=\"button\" class=\"filter-btn \" data-value=\"wynajem\">WYNAJEM<\/button>\n                <\/div>\n                <input type=\"hidden\" name=\"financing_type\" id=\"js-financing-type-input\" value=\"leasing\">\n\n<!--                 <div class=\"rate-input-container\">\n                    <span>Rata do<\/span>\n                    <input type=\"range\" name=\"max_rate\" placeholder=\"3000 z\u0142\" value=\"\">\n                <\/div> -->\n                \n\n                \n            <\/div>\n\n            <div class=\"filters-bottom-row\">\n                                <div class=\"filter-dropdown\">\n                    <select name=\"body_type\">\n                        <option value=\"\" disabled selected>Rodzaj nadwozia<\/option>\n                                                    <option value=\"suv\" >SUV<\/option>\n                                                    <option value=\"sedan\" >Sedan<\/option>\n                                                    <option value=\"hatchback\" >Hatchback<\/option>\n                                                    <option value=\"kombi\" >Kombi<\/option>\n                                                    <option value=\"coupe\" >Coupe<\/option>\n                                            <\/select>\n                <\/div>\n                                <div class=\"filter-dropdown\">\n                    <select name=\"brand\">\n                        <option value=\"\" disabled selected>Marka<\/option>\n                                                    <option value=\"audi\" >Audi<\/option>\n                                                    <option value=\"bmw\" >BMW<\/option>\n                                                    <option value=\"mercedes-benz\" >Mercedes-Benz<\/option>\n                                                    <option value=\"toyota\" >Toyota<\/option>\n                                                    <option value=\"volkswagen\" >Volkswagen<\/option>\n                                                    <option value=\"volvo\" >Volvo<\/option>\n                                            <\/select>\n                <\/div>\n                                <div class=\"filter-dropdown\">\n                    <select name=\"gearbox\">\n                        <option value=\"\" disabled selected>Skrzynia bieg\u00f3w<\/option>\n                                                    <option value=\"automatyczna\" >Automatyczna<\/option>\n                                                    <option value=\"manualna\" >Manualna<\/option>\n                                            <\/select>\n                <\/div>\n                                <div class=\"filter-dropdown\">\n                    <select name=\"fuel_type\">\n                        <option value=\"\" disabled selected>Rodzaj paliwa<\/option>\n                                                    <option value=\"benzyna\" >Benzyna<\/option>\n                                                    <option value=\"diesel\" >Diesel<\/option>\n                                                    <option value=\"hybryda\" >Hybryda<\/option>\n                                                    <option value=\"elektryczny\" >Elektryczny<\/option>\n                                            <\/select>\n                <\/div>\n                            <\/div>\n\n        <\/form>\n    <\/div>\n\n    <!-- JavaScript for interactivity and AJAX -->\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const form = document.getElementById('js-vehicle-filters-form');\n        if (!form) return;\n\n        \/\/ --- AJAX Configuration ---\n        const ajax_object = {\n            ajax_url: 'http:\/\/ride4less24.pl\/wp-admin\/admin-ajax.php',\n            nonce: '0446640ceb'\n        };\n\n        \/\/ --- Function to handle button group clicks ---\n        const initButtonGroup = (groupId, inputId) => {\n            const group = document.getElementById(groupId);\n            const input = document.getElementById(inputId);\n            if (!group || !input) return;\n\n            group.addEventListener('click', function(e) {\n                if (e.target.classList.contains('filter-btn')) {\n                    \/\/ Update UI\n                    group.querySelectorAll('.filter-btn').forEach(btn => btn.classList.remove('active'));\n                    e.target.classList.add('active');\n                    \/\/ Update hidden input\n                    input.value = e.target.dataset.value;\n                    \/\/ Trigger state update\n                    sendFilterState();\n                }\n            });\n        };\n\n        \/\/ --- Initialize both button groups ---\n        initButtonGroup('js-customer-type-group', 'js-customer-type-input');\n        initButtonGroup('js-financing-type-group', 'js-financing-type-input');\n\n        \/\/ --- Function to collect and send filter state ---\n        const sendFilterState = () => {\n            const formData = new FormData(form);\n            const data = Object.fromEntries(formData.entries());\n\n            console.log('Updating filter state:', data); \/\/ For debugging\n\n            \/\/ Prepare data for WordPress AJAX\n            const body = new URLSearchParams();\n            body.append('action', 'update_filter_state');\n            body.append('security', ajax_object.nonce);\n            body.append('filters', JSON.stringify(data));\n\n            \/\/ Send to server\n            fetch(ajax_object.ajax_url, {\n                method: 'POST',\n                body: body\n            })\n            .then(response => response.json())\n            .then(result => {\n                if (result.success) {\n                    console.log('Server response:', result.data); \/\/ For debugging\n\t\t  \t\t\twindow.location.reload(true);\n                } else {\n                    console.error('AJAX error:', result);\n                }\n            })\n            .catch(error => console.error('Request failed:', error));\n        };\n\n        \/\/ --- Attach event listeners to all other filter inputs ---\n        form.querySelectorAll('select, input[name=\"max_rate\"]').forEach(input => {\n            input.addEventListener('change', sendFilterState);\n        });\n        \/\/ For text input, 'input' event is more responsive\n        form.querySelector('input[name=\"max_rate\"]').addEventListener('input', sendFilterState);\n    });\n\t\t function updateRateValue(slider) {\n        const rateValueElement = document.getElementById('rate-value');\n        const currentValue = slider.value;\n        const maxVal = slider.max;\n        const minVal = slider.min;\n\n        \/\/ Display the current value\n        rateValueElement.textContent = `${currentValue} z\u0142`;\n        \n        \/\/ Update the background size to create the \"fill\" effect for WebKit\n        const percentage = ((currentValue - minVal) \/ (maxVal - minVal)) * 100;\n        slider.style.backgroundSize = `${percentage}% 100%`;\n    }\n\n    \/\/ This ensures the initial value is displayed and the slider is filled correctly when the page loads\n    window.onload = function() {\n        const initialSlider = document.getElementById('rate-slider');\n        updateRateValue(initialSlider);\n    };\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26c752d elementor-widget elementor-widget-shortcode\" data-id=\"26c752d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <!-- CSS for the grid -->\n    <style>\n         .vehicle-grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; max-width: 1100px; margin: 40px auto; }\n        .vehicle-card-link, .vehicle-card-link:hover { text-decoration: none; color: inherit; display: block; }\n        .vehicle-card { background-color: #fff; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; height: 100%; }\n        .vehicle-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); }\n        .vehicle-card-image { position: relative; }\n        .vehicle-card-image img { width: 100%; height: 220px; object-fit: cover; display: block; border-radius: 0px !important; }\n        .vehicle-card-image .badge { position: absolute; top: 16px; left: 16px; background-color: rgba(0,0,0,0.6); color: #fff; padding: 6px 12px; border-radius: 8px; font-size: 13px; font-weight: 600; }\n        .vehicle-card-image .savings-badge { position: absolute; top: 16px; right: 16px; background-color: #333; color: #fff; padding: 6px 12px; border-radius: 8px; font-size: 13px; }\n        .vehicle-card-image .discount-badge { position: absolute; bottom: 16px; right: 16px; background-color: #EF183B ; color: #fff; padding: 6px 12px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; }\n\t\t\n\t\t.vehicle-card-image .premium-discount-badge{ position: absolute; bottom: 16px; right: 16px; background-color: #555555; color: #fff; padding: 6px 12px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; }\n\t\t\n\t\t.vehicle-card-image .electric-discount-badge{ position: absolute; bottom: 16px; right: 16px; background-color: #289738; color: #fff; padding: 6px 12px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; }\n\t\t\n        .vehicle-card-content { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; }\n        .vehicle-card-title { margin: 0; font-size: 20px; color: #333; }\n        .vehicle-card-subtitle { margin: 4px 0 16px; font-size: 15px; color: #666; }\n        .vehicle-card-pricing { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; }\n        .vehicle-card-price { font-size: 28px; font-weight: 700; color: #d93644; }\n        .vehicle-card-price-original { text-decoration: line-through; color: #888; font-size: 16px; }\n        .price-label { font-size: 14px; color: #777; align-self: flex-end; }\n        .vehicle-card-footer { margin-top: auto; background-color: #2c3e50; color: #fff; text-align: center; padding: 10px; border-radius: 8px; font-weight: 600; font-size: 14px; }\n    <\/style>\n\n\n    <div id=\"js-vehicle-grid-wrapper\">\n     <div class=\"vehicle-grid-container\">\n        <!-- The entire card is a link to the offer page -->\n        <a href=\"http:\/\/ride4less24.pl\/?oferta=elementor-242\" class=\"vehicle-card-link\">\n            <div class=\"vehicle-card\">\n                <div class=\"vehicle-card-image\">\n                    <!-- Vehicle image and alt text are dynamic -->\n                    <img decoding=\"async\" src=\"http:\/\/ride4less24.pl\/wp-content\/uploads\/2025\/06\/P90599278_highRes_bmw-concept-speedtop-scaled.jpg\" alt=\"BMW Concept Speedtop dm\">\n                    \n                    <!-- Badges with dynamic text -->\n                    <span class=\"badge\">Leasing<\/span>\n                    <span class=\"premium-discount-badge\">Premium<\/span>\n                <\/div>\n                <div class=\"vehicle-card-content\">\n                    <!-- Title and subtitle are dynamic -->\n                    <h3 class=\"vehicle-card-title\">BMW Concept Speedtop dm<\/h3>\n                    <p class=\"vehicle-card-subtitle\">elektryczny, zasi\u0119g 493-590 KM<\/p>\n                    <div class=\"vehicle-card-pricing\">\n                        <!-- Prices are dynamic -->\n                        <span class=\"vehicle-card-price\">3299<\/span>\n                        <span class=\"price-label\">netto\/mc<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/a>           \n        <\/div>\n    <\/div>\n\n<div id=\"js-vehicle-grid-wrapper\">\n    <div class=\"vehicle-grid-container\">\n\n      \n\n    <\/div> <!-- End .vehicle-grid-container -->\n<\/div> <!-- End #js-vehicle-grid-wrapper -->\n\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() { \/* JS can be added here for AJAX reloads *\/ });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53cb33a4 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"53cb33a4\" data-element_type=\"container\" id=\"octray\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e5211f0 elementor-widget elementor-widget-zigzag\" data-id=\"2e5211f0\" data-element_type=\"widget\" data-settings=\"{&quot;image_shape&quot;:&quot;rounded&quot;}\" data-widget_type=\"zigzag.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"ehp-zigzag has-direction-start\">\n\t\t\t\t\t\t\t<div class=\"ehp-zigzag__item-wrapper\">\n\t\t\t\t\t<div class=\"ehp-zigzag__item-container\">\n\t\t\t\t\t\t\t\t<div class=\"ehp-zigzag__graphic-element-container has-image\">\n\t\t\t\t\t\t<div class=\"ehp-image ehp-zigzag__image-container\">\n\t\t\t\t<img decoding=\"async\" class=\"ehp-image__img ehp-zigzag__img has-shape-rounded shape-type-image\" src=\"http:\/\/ride4less24.pl\/wp-content\/uploads\/2025\/06\/P90599278_highRes_bmw-concept-speedtop-scaled.jpg\" title=\"P90599278_highRes_bmw-concept-speedtop\" alt=\"P90599278_highRes_bmw-concept-speedtop\" loading=\"lazy\" \/>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"ehp-zigzag__text-container is-graphic-image\">\n\t\t\t<h3 class=\"ehp-zigzag__title\">Leasing Firmowy \u2013 Twoja flota na korzystnych warunkach<\/h3><p class=\"ehp-zigzag__description\">Leasing samochodu to popularna i wygodna forma finansowania firmowej floty, pozwalaj\u0105ca korzysta\u0107 z wybranego modelu bez konieczno\u015bci jednorazowego anga\u017cowania du\u017cych \u015brodk\u00f3w. W ramach sta\u0142ej miesi\u0119cznej raty Twoja firma otrzymuje do dyspozycji nowe auto na ustalony okres, a po zako\u0144czeniu umowy masz mo\u017cliwo\u015b\u0107 wykupu pojazdu na w\u0142asno\u015b\u0107 \u2013 cho\u0107 nie jest to obowi\u0105zkowe. Dzi\u0119ki temu mo\u017cesz elastycznie planowa\u0107 rozw\u00f3j swojej floty, a w razie potrzeby \u0142atwo wymieni\u0107 samoch\u00f3d na nowszy model.<\/p>\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"ehp-zigzag__item-wrapper\">\n\t\t\t\t\t<div class=\"ehp-zigzag__item-container\">\n\t\t\t\t\t\t\t\t<div class=\"ehp-zigzag__graphic-element-container has-image\">\n\t\t\t\t\t\t<div class=\"ehp-image ehp-zigzag__image-container ehp-image ehp-zigzag__image-container\">\n\t\t\t\t<img decoding=\"async\" class=\"ehp-image__img ehp-zigzag__img has-shape-rounded shape-type-image\" src=\"http:\/\/ride4less24.pl\/wp-content\/uploads\/2025\/06\/2025_Toyota_Prius_Nightshade_007-1500x1500-1.jpg\" title=\"2025_Toyota_Prius_Nightshade_007-1500&#215;1500\" alt=\"2025_Toyota_Prius_Nightshade_007-1500x1500\" loading=\"lazy\" \/>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"ehp-zigzag__text-container is-graphic-image\">\n\t\t\t<p class=\"ehp-zigzag__description\">Leasing to tak\u017ce prosty spos\u00f3b na roz\u0142o\u017cenie koszt\u00f3w inwestycji w czasie i korzystne rozliczenie ich w ksi\u0119gowo\u015bci firmy. Miesi\u0119czne raty leasingowe stanowi\u0105 koszt uzyskania przychodu, co realnie zmniejsza obci\u0105\u017cenia podatkowe przedsi\u0119biorstwa. Brak obowi\u0105zkowego ubezpieczenia w racie pozwala samodzielnie zdecydowa\u0107 o wyborze najkorzystniejszej oferty ubezpieczeniowej, dopasowanej do potrzeb Twojej firmy. To rozwi\u0105zanie, kt\u00f3re \u0142\u0105czy wygod\u0119, bezpiecze\u0144stwo finansowe i pe\u0142n\u0105 kontrol\u0119 nad bud\u017cetem.<\/p>\t\t<div class=\"ehp-zigzag__button-container\">\n\t\t\t<a class=\"ehp-button ehp-button--primary ehp-zigzag__button ehp-zigzag__button--primary is-type-link\">\n\t\t\t\t<span class=\"ehp-zigzag__button-text\">Learn More<\/span>\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Leasing Firmowy Leasing to praktyczne i elastyczne rozwi\u0105zanie dla firm oraz os\u00f3b prowadz\u0105cych dzia\u0142alno\u015b\u0107 gospodarcz\u0105, kt\u00f3re chc\u0105 korzysta\u0107 z nowoczesnych samochod\u00f3w bez jednorazowego wydatku. Wybierasz model, korzystasz i po okresie leasingu decydujesz, czy wykupi\u0107 auto na w\u0142asno\u015b\u0107, czy zmieni\u0107 na nowe. Sta\u0142a miesi\u0119czna rata, minimum formalno\u015bci oraz pe\u0142ne wsparcie w zakresie ubezpieczenia i serwisu . [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-658","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"http:\/\/ride4less24.pl\/index.php?rest_route=\/wp\/v2\/pages\/658","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/ride4less24.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/ride4less24.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/ride4less24.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/ride4less24.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=658"}],"version-history":[{"count":10,"href":"http:\/\/ride4less24.pl\/index.php?rest_route=\/wp\/v2\/pages\/658\/revisions"}],"predecessor-version":[{"id":691,"href":"http:\/\/ride4less24.pl\/index.php?rest_route=\/wp\/v2\/pages\/658\/revisions\/691"}],"wp:attachment":[{"href":"http:\/\/ride4less24.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}