{"id":2,"date":"2025-04-22T23:29:20","date_gmt":"2025-04-22T21:29:20","guid":{"rendered":"http:\/\/bezaiwp68.you2.pl\/?page_id=2"},"modified":"2026-03-18T07:56:17","modified_gmt":"2026-03-18T06:56:17","slug":"tengo","status":"publish","type":"page","link":"https:\/\/sparku.pl\/","title":{"rendered":"Nie szukaj, tu nic nie ma"},"content":{"rendered":"\n        <!-- WRAPPER: Zawiera oba formularze, media queries decyduj\u0105 kt\u00f3ry widoczny -->\n        <div class=\"tf-donation-wrapper\" data-form-id=\"tf-form-1\">\n\n            <!-- FORMULARZ DESKTOP - widoczny tylko na desktop (>1366px) -->\n            <div class=\"tf-desktop-form\">\n        <div class=\"tf-donation-form tf-mode-expanded tf-compact\">\n            <form method=\"post\" action=\"https:\/\/sparku.pl\/wp-admin\/admin-ajax.php\" class=\"tf-form\" novalidate>\n                <input type=\"hidden\" id=\"tf_donation_nonce\" name=\"tf_donation_nonce\" value=\"f612abb3c0\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/2\" \/>                <input type=\"hidden\" name=\"action\" value=\"tf_process_donation\">\n                <input type=\"hidden\" name=\"form_name\" value=\"\">\n\n                <!-- Pola UTM - wypelniane przez JavaScript -->\n                <input type=\"hidden\" name=\"utm_source\" id=\"tf-form-1-utm-source\" value=\"\">\n                <input type=\"hidden\" name=\"utm_medium\" id=\"tf-form-1-utm-medium\" value=\"\">\n                <input type=\"hidden\" name=\"utm_campaign\" id=\"tf-form-1-utm-campaign\" value=\"\">\n                <input type=\"hidden\" name=\"utm_campaign_id\" id=\"tf-form-1-utm-campaign-id\" value=\"\">\n                <input type=\"hidden\" name=\"utm_content\" id=\"tf-form-1-utm-content\" value=\"\">\n                <input type=\"hidden\" name=\"utm_term\" id=\"tf-form-1-utm-term\" value=\"\">\n                <input type=\"hidden\" name=\"autm_1\" id=\"tf-form-1-autm-1\" value=\"\">\n                <input type=\"hidden\" name=\"autm_2\" id=\"tf-form-1-autm-2\" value=\"\">\n                <input type=\"hidden\" name=\"autm_3\" id=\"tf-form-1-autm-3\" value=\"\">\n                <input type=\"hidden\" name=\"preset_amounts\" value=\"100,50,25\">\n                <input type=\"hidden\" name=\"payment_type\" class=\"tf-payment-type-input\" value=\"one_time\">\n\n                <!-- Sekcja 1: Wyb\u00f3r kwoty -->\n                <div class=\"tf-form-section tf-amounts-section tf-always-visible\">\n                                        <!-- Prze\u0142\u0105cznik: jednorazowa \/ miesi\u0119czna -->\n                    <div class=\"tf-payment-type-toggle\">\n                        <button type=\"button\" class=\"tf-type-btn active\" data-type=\"one_time\">Wspieram jednorazowo<\/button>\n                        <button type=\"button\" class=\"tf-type-btn\" data-type=\"recurring\">Wspieram co miesi\u0105c<\/button>\n                    <\/div>\n                    \n                    <h3 class=\"tf-section-title\">\n                        Wybierz kwot\u0119 wsparcia                    <\/h3>\n                    \n                                                            <!-- TRYB STANDARDOWY - przyciski (ISTNIEJ\u00c3\u201e\u00e2\u20ac\u017eCY KOD - BEZ ZMIAN!) -->\n                    <div class=\"tf-preset-amounts\">\n                                                    <div class=\"tf-amount-btn-wrapper\">\n                                <button type=\"button\" class=\"tf-amount-btn\" data-amount=\"100\">\n                                    100 z\u0142\n                                <\/button>\n                                                            <\/div>\n                                                    <div class=\"tf-amount-btn-wrapper\">\n                                <button type=\"button\" class=\"tf-amount-btn\" data-amount=\"50\">\n                                    50 z\u0142\n                                <\/button>\n                                                            <\/div>\n                                                    <div class=\"tf-amount-btn-wrapper\">\n                                <button type=\"button\" class=\"tf-amount-btn\" data-amount=\"25\">\n                                    25 z\u0142\n                                <\/button>\n                                                            <\/div>\n                                                <!-- Przycisk \"Inna kwota\" - z wbudowanym inputem -->\n                                                <button type=\"button\" class=\"tf-amount-btn tf-custom-amount-btn\" data-custom=\"true\">\n                            <span class=\"tf-custom-btn-label\">Inna kwota<\/span>\n                            <span class=\"tf-custom-btn-input\" style=\"display: none;\">\n                                <input type=\"text\"\n                                       id=\"tf-form-1-custom-amount-input\"\n                                       name=\"custom_amount\"\n                                       class=\"tf-input tf-custom-amount-input\"\n                                       placeholder=\"min. 5 z\u0142\"\n                                       pattern=\"[0-9]*\"\n                                       inputmode=\"numeric\"\n                                       autocomplete=\"off\">\n                                <span class=\"tf-currency-suffix\">z\u0142<\/span>\n                            <\/span>\n                        <\/button>\n                    <\/div>\n                                        \n                    <!-- Tekst informacyjny pod kwotami - tylko w trybie standardowym -->\n                                        <div class=\"tf-amount-info\" id=\"tf-form-1-amount-info-std\">\n                        <div class=\"tf-amount-info-content\">\n                            <img decoding=\"async\" class=\"tf-amount-info-icon\" src=\"\" alt=\"\">\n                            <span class=\"tf-amount-info-text\"><\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <input type=\"hidden\" name=\"amount\" id=\"tf-form-1-amount\" required>\n                    <span class=\"tf-field-error\" data-field=\"amount\" style=\"display: none;\"><\/span>\n                <\/div>\n                \n                <!-- Sekcje rozwijane -->\n                <div class=\"tf-expandable-sections\" >\n\n                    <!-- Podsumowanie darowizny -->\n                    <div class=\"tf-form-section tf-donation-summary-section\">\n                        <p class=\"tf-donation-summary\">\n                            Wp\u0142acasz <span class=\"tf-summary-cycle\">jednorazowo<\/span> <span class=\"tf-summary-amount\">0<\/span> z\u0142\n                        <\/p>\n                    <\/div>\n\n                    <!-- Sekcja 2: Dane darczyncy -->\n                    <div class=\"tf-form-section tf-donor-section\">\n                        <h3 class=\"tf-section-title\">Podaj swoje dane<\/h3>\n                        \n                        <div class=\"tf-form-row\">\n                                                        <div class=\"tf-form-group tf-half\">\n                                <label for=\"tf-form-1-first-name\">\n                                    Imi\u0119\n                                                                    <\/label>\n                                <input type=\"text\" id=\"tf-form-1-first-name\" name=\"first_name\" class=\"tf-input\"\n                                       >\n                                <span class=\"tf-field-error\" data-field=\"first_name\" style=\"display: none;\"><\/span>\n                            <\/div>\n                                                        \n                                                        <div class=\"tf-form-group tf-half\">\n                                <label for=\"tf-form-1-last-name\">\n                                    Nazwisko\n                                                                    <\/label>\n                                <input type=\"text\" id=\"tf-form-1-last-name\" name=\"last_name\" class=\"tf-input\"\n                                       >\n                                <span class=\"tf-field-error\" data-field=\"last_name\" style=\"display: none;\"><\/span>\n                            <\/div>\n                                                    <\/div>\n                        \n                        <div class=\"tf-form-row\">\n                            <div class=\"tf-form-group tf-half\">\n                                <label for=\"tf-form-1-email\">Email <span class=\"tf-required\">*<\/span><\/label>\n                                <input type=\"email\" id=\"tf-form-1-email\" name=\"email\" class=\"tf-input\" data-required=\"true\">\n                                <span class=\"tf-field-error\" data-field=\"email\" style=\"display: none;\"><\/span>\n                            <\/div>\n                            \n                                                        <div class=\"tf-form-group tf-half\">\n                                <label for=\"tf-form-1-phone\">\n                                    Telefon\n                                                                    <\/label>\n                                <input type=\"tel\" id=\"tf-form-1-phone\" name=\"phone\" class=\"tf-input\" pattern=\"[0-9+\\-\\s()]+\"\n                                       >\n                                <span class=\"tf-field-error\" data-field=\"phone\" style=\"display: none;\"><\/span>\n                            <\/div>\n                                                    <\/div>\n                    <\/div>\n                    \n                    <!-- Sekcja 3: Zgody -->\n                    \n                    <!-- Sekcja: Metoda p\u0142atno\u015bci -->\n                    <div class=\"tf-form-section tf-payment-method-section\">\n                        <h3 class=\"tf-section-title tf-payment-method-title\">Wybierz metod\u0119 p\u0142atno\u015bci<\/h3>\n                        <div class=\"tf-payment-methods\">\n                            <button type=\"button\" class=\"tf-method-btn\" data-method=\"blik\">\n                                <svg class=\"tf-method-icon\" viewBox=\"0 0 50 24\" width=\"50\" height=\"24\"><rect width=\"50\" height=\"24\" rx=\"4\" fill=\"#000\"\/><text x=\"25\" y=\"17\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"13\" font-weight=\"700\" font-family=\"Arial,sans-serif\">BLIK<\/text><\/svg>\n                                <span class=\"tf-method-label\">Blik<\/span>\n                            <\/button>\n                            <button type=\"button\" class=\"tf-method-btn\" data-method=\"card\">\n                                <span class=\"tf-method-icons-row\">\n                                    <svg class=\"tf-method-icon\" viewBox=\"0 0 38 24\" width=\"38\" height=\"24\"><rect width=\"38\" height=\"24\" rx=\"4\" fill=\"#1A1F71\"\/><text x=\"19\" y=\"16\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"9\" font-weight=\"700\" font-family=\"Arial,sans-serif\">VISA<\/text><\/svg>\n                                    <svg class=\"tf-method-icon\" viewBox=\"0 0 38 24\" width=\"38\" height=\"24\"><rect width=\"38\" height=\"24\" rx=\"4\" fill=\"#f5f5f5\"\/><circle cx=\"15\" cy=\"12\" r=\"8\" fill=\"#EB001B\"\/><circle cx=\"23\" cy=\"12\" r=\"8\" fill=\"#F79E1B\"\/><path d=\"M19 6.4a8 8 0 010 11.2 8 8 0 000-11.2z\" fill=\"#FF5F00\"\/><\/svg>\n                                <\/span>\n                                <span class=\"tf-method-label\">Karta<\/span>\n                            <\/button>\n                            <button type=\"button\" class=\"tf-method-btn\" data-method=\"transfer\">\n                                <svg class=\"tf-method-icon\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M2 8h20M6 12h4M6 15h2\"\/><\/svg>\n                                <span class=\"tf-method-label\">Przelew online<\/span>\n                            <\/button>\n                        <\/div>\n                        <input type=\"hidden\" name=\"payment_method\" class=\"tf-payment-method-input\" value=\"\">\n\n                        <!-- Panel BLIK -->\n                        <div class=\"tf-method-panel tf-blik-panel\" style=\"display:none;\">\n                            <div class=\"tf-blik-input-wrapper\" style=\"text-align: center;\">\n                                <label class=\"tf-blik-label\">Wpisz 6-cyfrowy kod BLIK<\/label>\n                                <input type=\"text\" name=\"blik_code\" class=\"tf-blik-code-input\" maxlength=\"6\" pattern=\"[0-9]{6}\" inputmode=\"numeric\" autocomplete=\"off\" placeholder=\"------\">\n                            <\/div>\n                        <\/div>\n\n                        <!-- Panel Karta (Secure Form) -->\n                        <div class=\"tf-method-panel tf-card-panel\" style=\"display:none;\">\n                            <h4 class=\"tf-card-title\">Podaj dane karty p\u0142atniczej (bezpieczne p\u0142atno\u015bci PayU)<\/h4>\n                            <div class=\"tf-secure-form-container\">\n                                <div class=\"tf-secure-form-row\">\n                                    <label class=\"tf-secure-form-label\">Numer karty<\/label>\n                                    <div class=\"tf-secure-form-field\" id=\"payu-card-number\"><\/div>\n                                <\/div>\n                                <div class=\"tf-secure-form-row tf-secure-form-row-half\">\n                                    <div class=\"tf-secure-form-col\">\n                                        <label class=\"tf-secure-form-label\">Data wa\u017cno\u015bci<\/label>\n                                        <div class=\"tf-secure-form-field\" id=\"payu-card-date\"><\/div>\n                                    <\/div>\n                                    <div class=\"tf-secure-form-col\">\n                                        <label class=\"tf-secure-form-label\">CVV<\/label>\n                                        <div class=\"tf-secure-form-field\" id=\"payu-card-cvv\"><\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"tf-secure-form-error\" style=\"display:none;\"><\/div>\n                            <\/div>\n                            <input type=\"hidden\" name=\"card_token\" class=\"tf-card-token-input\" value=\"\">\n                        <\/div>\n\n                        <!-- Panel Przelew (pay-by-links) -->\n                        <div class=\"tf-method-panel tf-transfer-panel\" style=\"display:none;\">\n                            <div class=\"tf-bank-list-container\">\n                                <div class=\"tf-bank-grid\"><\/div>\n                                <p class=\"tf-bank-loading\">\u0141adowanie metod p\u0142atno\u015bci...<\/p>\n                                <p class=\"tf-bank-error\" style=\"display:none;\">Nie uda\u0142o si\u0119 za\u0142adowa\u0107 listy bank\u00f3w. Spr\u00f3buj ponownie.<\/p>\n                            <\/div>\n                            <input type=\"hidden\" name=\"bank_value\" class=\"tf-bank-value-input\" value=\"\">\n                        <\/div>\n\n                    <\/div>\n\n                                        <div class=\"tf-form-section tf-consents-section\">\n                        <h3 class=\"tf-section-title\">\n                            Zatwierd\u017a niezb\u0119dne o\u015bwiadczenia                        <\/h3>\n\n                        \n                        \n                                                    <div class=\"tf-consent-item\">\n                                <label class=\"tf-checkbox-label\">\n                                    <input type=\"checkbox\" name=\"consent_donation_terms\" value=\"1\" class=\"tf-checkbox tf-consent-checkbox\"\n                                           data-required=\"true\">\n                                    <span class=\"tf-consent-text\">\n                                        o\u015bwiadczenie                                                                                     <span class=\"tf-required\">*<\/span>\n                                                                            <\/span>\n                                <\/label>\n                                <div class=\"tf-field-error\" data-field=\"consent_donation_terms\" style=\"display: none;\"><\/div>\n                            <\/div>\n                        \n                                            <\/div>\n                    \n                    <!-- Przycisk submit -->\n                    <div class=\"tf-form-section tf-submit-section\">\n                        <button type=\"submit\" class=\"tf-submit-btn\">\n                            <span class=\"tf-submit-text\">Wplac darowizne<\/span>\n                            <span class=\"tf-submit-loader\" style=\"display: none;\">\n                                <span class=\"tf-spinner\"><\/span> Przetwarzanie...\n                            <\/span>\n                        <\/button>\n\n                        <div class=\"tf-secure-info\">\n                            <span class=\"tf-lock-icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#22c55e\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" fill=\"#22c55e\" stroke=\"none\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\" fill=\"none\" stroke=\"#22c55e\"\/><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" fill=\"none\" stroke=\"#16a34a\"\/><\/svg><\/span>\n                            <span>Bezpieczna p\u0142atno\u015b\u0107 obs\u0142ugiwana przez<\/span>\n                            <svg class=\"tf-payu-logo\" viewBox=\"0 0 80 26\" width=\"80\" height=\"26\"><rect width=\"80\" height=\"26\" rx=\"4\" fill=\"#a6c307\"\/><text x=\"9\" y=\"19\" font-size=\"16\" font-weight=\"800\" font-family=\"Arial,sans-serif\" fill=\"#fff\">pay<\/text><rect x=\"49\" y=\"3\" width=\"24\" height=\"20\" rx=\"3\" fill=\"#d2232a\"\/><text x=\"54\" y=\"19\" font-size=\"16\" font-weight=\"800\" font-family=\"Arial,sans-serif\" fill=\"#fff\">U<\/text><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"tf-messages\" style=\"display: none;\"><\/div>\n            <\/form>\n        <\/div>\n            <\/div><!-- \/.tf-desktop-form -->\n            \n            <!-- FORMULARZ MOBILE - Bottom Sheet (widoczny tylko na mobile <=1366px) -->\n            <div class=\"tf-mobile-form\" id=\"tf-form-1-mobile-bottomsheet\">\n                <!-- Overlay tla (do zamykania po kliknieciu) -->\n                <div class=\"tf-bottomsheet-overlay\" id=\"tf-form-1-bottomsheet-overlay\"><\/div>\n\n                <!-- Kontener bottom sheet -->\n                <div class=\"tf-bottomsheet-container\">\n                    <!-- Uchwyt do rozwijania -->\n                    <div class=\"tf-bottomsheet-handle\" id=\"tf-form-1-bottomsheet-handle\">\n                        <div class=\"tf-handle-bar\"><\/div>\n                        <div class=\"tf-handle-text\">\n                            <span class=\"tf-handle-icon\">\ud83d\udc46<\/span>\n                            <span class=\"tf-handle-label\">Wp\u0142a\u0107 darowizn\u0119<\/span>\n                            <span class=\"tf-handle-arrow\">\u2192<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Zawartosc formularza -->\n                    <div class=\"tf-bottomsheet-content\">\n                                        <div class=\"tfm-form-container\" id=\"tf-form-1-m-donation-form\">\n            <form method=\"post\" action=\"https:\/\/sparku.pl\/wp-admin\/admin-ajax.php\" class=\"tfm-form tf-form\" novalidate>\n                <input type=\"hidden\" id=\"tf_donation_nonce\" name=\"tf_donation_nonce\" value=\"f612abb3c0\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/2\" \/>                <input type=\"hidden\" name=\"action\" value=\"tf_process_donation\">\n                <input type=\"hidden\" name=\"form_name\" value=\"\">\n                <input type=\"hidden\" name=\"amount\" id=\"tf-form-1-m-amount\" value=\"\">\n\n                <!-- Pola UTM - wypelniane przez JavaScript -->\n                <input type=\"hidden\" name=\"utm_source\" id=\"tf-form-1-m-utm-source\" value=\"\">\n                <input type=\"hidden\" name=\"utm_medium\" id=\"tf-form-1-m-utm-medium\" value=\"\">\n                <input type=\"hidden\" name=\"utm_campaign\" id=\"tf-form-1-m-utm-campaign\" value=\"\">\n                <input type=\"hidden\" name=\"utm_campaign_id\" id=\"tf-form-1-m-utm-campaign-id\" value=\"\">\n                <input type=\"hidden\" name=\"utm_content\" id=\"tf-form-1-m-utm-content\" value=\"\">\n                <input type=\"hidden\" name=\"utm_term\" id=\"tf-form-1-m-utm-term\" value=\"\">\n                <input type=\"hidden\" name=\"autm_1\" id=\"tf-form-1-m-autm-1\" value=\"\">\n                <input type=\"hidden\" name=\"autm_2\" id=\"tf-form-1-m-autm-2\" value=\"\">\n                <input type=\"hidden\" name=\"autm_3\" id=\"tf-form-1-m-autm-3\" value=\"\">\n                <input type=\"hidden\" name=\"preset_amounts\" value=\"100,50,25\">\n                <input type=\"hidden\" name=\"payment_type\" class=\"tfm-payment-type-input\" value=\"one_time\">\n\n                <!-- SEKCJA: Wyb\u00f3r kwoty -->\n                <div class=\"tfm-section tfm-amounts-section\">\n                                        <!-- Prze\u0142\u0105cznik: jednorazowa \/ miesi\u0119czna (mobile) -->\n                    <div class=\"tfm-payment-type-toggle\">\n                        <button type=\"button\" class=\"tfm-type-btn active\" data-type=\"one_time\">Wspieram jednorazowo<\/button>\n                        <button type=\"button\" class=\"tfm-type-btn\" data-type=\"recurring\">Wspieram co miesi\u0105c<\/button>\n                    <\/div>\n                    \n                    <h3 class=\"tfm-section-title\">\n                        Wybierz kwot\u0119 wsparcia                    <\/h3>\n                    \n                    <div class=\"tfm-tiles\">\n                                                <button type=\"button\" class=\"tfm-tile\" data-amount=\"100\">\n                            <div class=\"tfm-tile-icon\">\n                                                                <span class=\"tfm-tile-icon-placeholder\">&#128153;<\/span>\n                                                            <\/div>\n                            <div class=\"tfm-tile-amount\">100 z\u0142<\/div>\n                            <div class=\"tfm-tile-desc\">\n                                                                                            <\/div>\n                        <\/button>\n                                                <button type=\"button\" class=\"tfm-tile\" data-amount=\"50\">\n                            <div class=\"tfm-tile-icon\">\n                                                                <span class=\"tfm-tile-icon-placeholder\">&#128153;<\/span>\n                                                            <\/div>\n                            <div class=\"tfm-tile-amount\">50 z\u0142<\/div>\n                            <div class=\"tfm-tile-desc\">\n                                                                                            <\/div>\n                        <\/button>\n                                                <button type=\"button\" class=\"tfm-tile\" data-amount=\"25\">\n                            <div class=\"tfm-tile-icon\">\n                                                                <span class=\"tfm-tile-icon-placeholder\">&#128153;<\/span>\n                                                            <\/div>\n                            <div class=\"tfm-tile-amount\">25 z\u0142<\/div>\n                            <div class=\"tfm-tile-desc\">\n                                                                                            <\/div>\n                        <\/button>\n                                                \n                        <!-- Kafelek wlasna kwota -->\n                                                <div class=\"tfm-tile tfm-tile-custom\" data-custom=\"true\">\n                            <div class=\"tfm-tile-icon\">\n                                                                <span class=\"tfm-tile-icon-placeholder\">+<\/span>\n                                                            <\/div>\n                            <div class=\"tfm-custom-input-wrap\">\n                                <input type=\"text\" \n                                       id=\"tf-form-1-m-custom-input\"\n                                       class=\"tfm-custom-input\"\n                                       placeholder=\"wpisz\"\n                                       pattern=\"[0-9]*\"\n                                       inputmode=\"numeric\"\n                                       autocomplete=\"off\">\n                                <span class=\"tfm-currency\">z\u0142<\/span>\n                            <\/div>\n                            <div class=\"tfm-tile-desc tfm-custom-label\">\n                                <span class=\"tfm-tile-line1\">Inna kwota<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"tfm-field-error\" data-field=\"amount\"><\/div>\n                <\/div>\n                \n                <!-- Podsumowanie darowizny (mobile) -->\n                <div class=\"tfm-section tfm-donation-summary-section\">\n                    <p class=\"tfm-donation-summary\">\n                        Wp\u0142acasz <span class=\"tfm-summary-cycle\">jednorazowo<\/span> <span class=\"tfm-summary-amount\">0<\/span> z\u0142\n                    <\/p>\n                <\/div>\n\n                <!-- SEKCJA: Dane -->\n                <div class=\"tfm-section tfm-data-section\">\n                    <h3 class=\"tfm-section-title\">Podaj swoje dane<\/h3>\n                    \n                                        <div class=\"tfm-field\">\n                        <label for=\"tf-form-1-m-first-name\">\n                            Imi\u0119\n                                                    <\/label>\n                        <input type=\"text\" \n                               id=\"tf-form-1-m-first-name\"\n                               name=\"first_name\" \n                               class=\"tfm-input\"\n                                                              autocomplete=\"given-name\">\n                        <div class=\"tfm-field-error\" data-field=\"first_name\"><\/div>\n                    <\/div>\n                                        \n                                        <div class=\"tfm-field\">\n                        <label for=\"tf-form-1-m-last-name\">\n                            Nazwisko\n                                                    <\/label>\n                        <input type=\"text\" \n                               id=\"tf-form-1-m-last-name\"\n                               name=\"last_name\" \n                               class=\"tfm-input\"\n                                                              autocomplete=\"family-name\">\n                        <div class=\"tfm-field-error\" data-field=\"last_name\"><\/div>\n                    <\/div>\n                                        \n                    <div class=\"tfm-field\">\n                        <label for=\"tf-form-1-m-email\">Email <span class=\"tfm-required\">*<\/span><\/label>\n                        <input type=\"email\" \n                               id=\"tf-form-1-m-email\"\n                               name=\"email\" \n                               class=\"tfm-input\" \n                               data-required=\"true\"\n                               autocomplete=\"email\">\n                        <div class=\"tfm-field-error\" data-field=\"email\"><\/div>\n                    <\/div>\n                    \n                                        <div class=\"tfm-field\">\n                        <label for=\"tf-form-1-m-phone\">\n                            Telefon\n                                                    <\/label>\n                        <input type=\"tel\" \n                               id=\"tf-form-1-m-phone\"\n                               name=\"phone\" \n                               class=\"tfm-input\"\n                                                              pattern=\"[0-9]*\"\n                               inputmode=\"numeric\"\n                               autocomplete=\"tel\">\n                        <div class=\"tfm-field-error\" data-field=\"phone\"><\/div>\n                    <\/div>\n                                    <\/div>\n                \n                                <!-- SEKCJA: Metoda p\u0142atno\u015bci -->\n                <div class=\"tfm-section tfm-payment-method-section\">\n                    <h3 class=\"tfm-section-title tfm-payment-method-title\">Wybierz metod\u0119 p\u0142atno\u015bci<\/h3>\n                    <div class=\"tfm-payment-methods\">\n                        <button type=\"button\" class=\"tfm-method-btn\" data-method=\"blik\">\n                            <svg class=\"tfm-method-icon\" viewBox=\"0 0 50 24\" width=\"50\" height=\"24\"><rect width=\"50\" height=\"24\" rx=\"4\" fill=\"#000\"\/><text x=\"25\" y=\"17\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"13\" font-weight=\"700\" font-family=\"Arial,sans-serif\">BLIK<\/text><\/svg>\n                            <span class=\"tfm-method-label\">Blik<\/span>\n                        <\/button>\n                        <button type=\"button\" class=\"tfm-method-btn\" data-method=\"card\">\n                            <span class=\"tfm-method-icons-row\">\n                                <svg class=\"tfm-method-icon\" viewBox=\"0 0 38 24\" width=\"38\" height=\"24\"><rect width=\"38\" height=\"24\" rx=\"4\" fill=\"#1A1F71\"\/><text x=\"19\" y=\"16\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"9\" font-weight=\"700\" font-family=\"Arial,sans-serif\">VISA<\/text><\/svg>\n                                <svg class=\"tfm-method-icon\" viewBox=\"0 0 38 24\" width=\"38\" height=\"24\"><rect width=\"38\" height=\"24\" rx=\"4\" fill=\"#f5f5f5\"\/><circle cx=\"15\" cy=\"12\" r=\"8\" fill=\"#EB001B\"\/><circle cx=\"23\" cy=\"12\" r=\"8\" fill=\"#F79E1B\"\/><path d=\"M19 6.4a8 8 0 010 11.2 8 8 0 000-11.2z\" fill=\"#FF5F00\"\/><\/svg>\n                            <\/span>\n                            <span class=\"tfm-method-label\">Karta<\/span>\n                        <\/button>\n                        <button type=\"button\" class=\"tfm-method-btn\" data-method=\"transfer\">\n                            <svg class=\"tfm-method-icon\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M2 8h20M6 12h4M6 15h2\"\/><\/svg>\n                            <span class=\"tfm-method-label\">Przelew online<\/span>\n                        <\/button>\n                    <\/div>\n                    <input type=\"hidden\" name=\"payment_method\" class=\"tfm-payment-method-input\" value=\"\">\n\n                    <!-- Panel BLIK -->\n                    <div class=\"tfm-method-panel tfm-blik-panel\" style=\"display:none;\">\n                        <div class=\"tfm-blik-input-wrapper\" style=\"text-align: center;\">\n                            <label class=\"tfm-blik-label\">Wpisz 6-cyfrowy kod BLIK<\/label>\n                            <input type=\"text\" name=\"blik_code\" class=\"tfm-blik-code-input\" maxlength=\"6\" pattern=\"[0-9]{6}\" inputmode=\"numeric\" autocomplete=\"off\" placeholder=\"------\">\n                        <\/div>\n                    <\/div>\n\n                    <!-- Panel Karta (Secure Form) -->\n                    <div class=\"tfm-method-panel tfm-card-panel\" style=\"display:none;\">\n                        <h4 class=\"tfm-card-title\">Podaj dane karty p\u0142atniczej (bezpieczne p\u0142atno\u015bci PayU)<\/h4>\n                        <div class=\"tfm-secure-form-container\">\n                            <div class=\"tfm-secure-form-row\">\n                                <label class=\"tfm-secure-form-label\">Numer karty<\/label>\n                                <div class=\"tfm-secure-form-field\" id=\"payu-card-number-mobile\"><\/div>\n                            <\/div>\n                            <div class=\"tfm-secure-form-row tfm-secure-form-row-half\">\n                                <div class=\"tfm-secure-form-col\">\n                                    <label class=\"tfm-secure-form-label\">Data wa\u017cno\u015bci<\/label>\n                                    <div class=\"tfm-secure-form-field\" id=\"payu-card-date-mobile\"><\/div>\n                                <\/div>\n                                <div class=\"tfm-secure-form-col\">\n                                    <label class=\"tfm-secure-form-label\">CVV<\/label>\n                                    <div class=\"tfm-secure-form-field\" id=\"payu-card-cvv-mobile\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"tfm-secure-form-error\" style=\"display:none;\"><\/div>\n                        <\/div>\n                        <input type=\"hidden\" name=\"card_token\" class=\"tfm-card-token-input\" value=\"\">\n                    <\/div>\n\n                    <!-- Panel Przelew (pay-by-links) -->\n                    <div class=\"tfm-method-panel tfm-transfer-panel\" style=\"display:none;\">\n                        <div class=\"tfm-bank-list-container\">\n                            <div class=\"tfm-bank-grid\"><\/div>\n                            <p class=\"tfm-bank-loading\">\u0141adowanie metod p\u0142atno\u015bci...<\/p>\n                            <p class=\"tfm-bank-error\" style=\"display:none;\">Nie uda\u0142o si\u0119 za\u0142adowa\u0107 listy bank\u00f3w. Spr\u00f3buj ponownie.<\/p>\n                        <\/div>\n                        <input type=\"hidden\" name=\"bank_value\" class=\"tfm-bank-value-input\" value=\"\">\n                    <\/div>\n\n                <\/div>\n\n                <!-- SEKCJA: Zgody (mobile, po metodzie p\u0142atno\u015bci) -->\n                <div class=\"tfm-section tfm-consents-section\">\n                    <h3 class=\"tfm-section-title\">\n                        Zatwierd\u017a niezb\u0119dne o\u015bwiadczenia                    <\/h3>\n\n                    \n                    \n                                        <div class=\"tfm-consent\">\n                        <label class=\"tfm-consent-label\">\n                            <input type=\"checkbox\"\n                                   name=\"consent_donation_terms\"\n                                   value=\"1\"\n                                   class=\"tfm-checkbox tfm-consent-checkbox\"\n                                   data-required=\"true\">\n                            <span class=\"tfm-checkbox-custom\"><\/span>\n                            <span class=\"tfm-consent-text\">\n                                o\u015bwiadczenie                                                                 <span class=\"tfm-required\">*<\/span>\n                                                            <\/span>\n                        <\/label>\n                        <div class=\"tfm-field-error\" data-field=\"consent_donation_terms\"><\/div>\n                    <\/div>\n                    \n                                    <\/div>\n\n                <!-- SEKCJA: Submit -->\n                <div class=\"tfm-section tfm-submit-section\">\n                    <button type=\"submit\" class=\"tfm-submit-btn\">\n                        <span class=\"tfm-submit-text\">Wplac darowizne<\/span>\n                        <span class=\"tfm-submit-loader\" style=\"display: none;\">Przetwarzanie...<\/span>\n                    <\/button>\n\n                    <div class=\"tfm-secure\">\n                        <span class=\"tfm-lock\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"#22c55e\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" fill=\"#22c55e\" stroke=\"none\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\" fill=\"none\" stroke=\"#22c55e\"\/><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" fill=\"none\" stroke=\"#16a34a\"\/><\/svg><\/span>\n                        <span>Bezpieczna p\u0142atno\u015b\u0107 przez<\/span>\n                        <svg class=\"tfm-payu-logo\" viewBox=\"0 0 80 26\" width=\"80\" height=\"26\"><rect width=\"80\" height=\"26\" rx=\"4\" fill=\"#a6c307\"\/><text x=\"9\" y=\"19\" font-size=\"16\" font-weight=\"800\" font-family=\"Arial,sans-serif\" fill=\"#fff\">pay<\/text><rect x=\"49\" y=\"3\" width=\"24\" height=\"20\" rx=\"3\" fill=\"#d2232a\"\/><text x=\"54\" y=\"19\" font-size=\"16\" font-weight=\"800\" font-family=\"Arial,sans-serif\" fill=\"#fff\">U<\/text><\/svg>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"tfm-messages\" style=\"display: none;\"><\/div>\n            <\/form>\n        <\/div>\n                            <\/div>\n                <\/div>\n            <\/div><!-- \/.tf-mobile-form -->\n        \n        <!-- Modal przekierowania (wsp\u00f3lny dla desktop i mobile) -->\n        <div class=\"tf-redirect-modal\" id=\"tf-form-1-redirect-modal\" style=\"display: none;\">\n            <div class=\"tf-redirect-modal-overlay\"><\/div>\n            <div class=\"tf-redirect-modal-content\">\n                                                <img decoding=\"async\" src=\"\" class=\"tf-redirect-logo\" id=\"tf-form-1-redirect-logo\" alt=\"Logo\" style=\"display: none;\">\n                                <h2 class=\"tf-redirect-title\">Przekierowujemy Ci\u0119 do bezpiecznej p\u0142atno\u015bci w PayU<\/h2>\n                <p class=\"tf-redirect-text\">Nie wy\u0142\u0105czaj tej strony.<\/p>\n                <div class=\"tf-redirect-spinner\">\n                    <svg class=\"tf-spinner-svg\" viewBox=\"0 0 50 50\">\n                        <circle class=\"tf-spinner-circle\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke-width=\"4\"><\/circle>\n                    <\/svg>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- JavaScript obslugi Bottom Sheet -->\n        <script>\n        (function() {\n            \/\/ Bottom Sheet - obsluga otwierania\/zamykania\n            var bottomSheet = document.getElementById('tf-form-1-mobile-bottomsheet');\n            var handle = document.getElementById('tf-form-1-bottomsheet-handle');\n            var overlay = document.getElementById('tf-form-1-bottomsheet-overlay');\n            \n            if (!bottomSheet || !handle) return;\n            \n            \/\/ Funkcja toggle\n            function toggleSheet() {\n                bottomSheet.classList.toggle('tf-sheet-open');\n                \/\/ Blokuj scroll body gdy otwarty\n                if (bottomSheet.classList.contains('tf-sheet-open')) {\n                    document.body.style.overflow = 'hidden';\n                } else {\n                    document.body.style.overflow = '';\n                }\n            }\n            \n            \/\/ Funkcja zamknij\n            function closeSheet() {\n                bottomSheet.classList.remove('tf-sheet-open');\n                document.body.style.overflow = '';\n            }\n            \n            \/\/ Klikniecie w uchwyt - toggle\n            handle.addEventListener('click', function(e) {\n                e.preventDefault();\n                toggleSheet();\n            });\n            \n            \/\/ Klikniecie w overlay - zamknij\n            if (overlay) {\n                overlay.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    closeSheet();\n                });\n            }\n            \n            \/\/ Obsluga swipe down (prosty)\n            var startY = 0;\n            var content = bottomSheet.querySelector('.tf-bottomsheet-content');\n            \n            if (content) {\n                content.addEventListener('touchstart', function(e) {\n                    if (content.scrollTop === 0) {\n                        startY = e.touches[0].clientY;\n                    }\n                }, { passive: true });\n                \n                content.addEventListener('touchmove', function(e) {\n                    if (content.scrollTop === 0 && e.touches[0].clientY - startY > 80) {\n                        closeSheet();\n                    }\n                }, { passive: true });\n            }\n            \n            \/\/ Zewnetrzna funkcja do otwierania z landingu\n            window.tfOpenDonationSheet = function() {\n                if (bottomSheet && window.innerWidth <= 1366) {\n                    bottomSheet.classList.add('tf-sheet-open');\n                    document.body.style.overflow = 'hidden';\n                }\n            };\n            \n            \/\/ Zewnetrzna funkcja do zamykania\n            window.tfCloseDonationSheet = function() {\n                closeSheet();\n            };\n        })();\n        <\/script>\n        \n        <\/div><!-- \/.tf-donation-wrapper -->\n        \n        <style id=\"tf-custom-styles\">.tf-donation-form { \n            width: 100% !important;\n            max-width: 600px !important; \n            margin: 0 auto !important;\n            font-family: inherit !important;\n            box-sizing: border-box !important;\n        }.tf-donation-form,\n                 .tf-donation-form * {\n            font-family: inherit !important;\n        }.tf-donation-form .tf-form-section { \n            background: #f9fafb !important; \n            border: 1px solid #e5e7eb !important;\n            border-radius: 8px !important;\n            padding: 12px 15px 12px 15px !important;\n            margin-bottom: 20px !important;\n            transition: all 0.3s ease !important;\n            box-shadow: none !important;\n            box-sizing: border-box !important;\n            overflow: visible !important;\n        }.tf-donation-form .tf-form-section .tf-section-title,\n                 .tf-donation-form .tf-form-section h3.tf-section-title,\n                 .tf-donation-form .tf-card-title,\n                 .tf-donation-form .tfm-card-title {\n            font-size: 18px !important;\n            color: #111827 !important;\n            margin: 0 0 12px 0 !important;\n            padding: 0 !important;\n            border: none !important;\n            background: none !important;\n            font-weight: 600 !important;\n            text-transform: none !important;\n            letter-spacing: normal !important;\n            line-height: 1.4 !important;\n            font-family: inherit !important;\n        }.tf-donation-form .tf-form-group label {\n            display: block !important;\n            font-size: 14px !important;\n            color: #374151 !important;\n            margin-bottom: 4px !important;\n            font-weight: 500 !important;\n        }.tf-donation-form .tf-input {\n            width: 100% !important;\n            height: 42px !important;\n            padding: 0 12px !important;\n            font-size: 16px !important;\n            font-weight: 400 !important;\n            background: #ffffff !important;\n            color: #1f2937 !important;\n            border: 1px solid #d1d5db !important;\n            border-radius: 6px !important;\n            outline: none !important;\n            box-shadow: none !important;\n            box-sizing: border-box !important;\n            transition: border-color 0.2s ease, box-shadow 0.2s ease !important;\n            -webkit-appearance: none !important;\n            -moz-appearance: none !important;\n            appearance: none !important;\n            font-family: inherit !important;\n        }.tf-donation-form .tf-input::placeholder {\n            color: #9ca3af !important;\n            opacity: 1 !important;\n        }.tf-donation-form .tf-input:hover {\n            border-color: #374151 !important;\n        }.tf-donation-form .tf-input:focus {\n            border-color: #2563eb !important;\n            box-shadow: 0 0 0 3px rgba(37,99,235,0.15) !important;\n            outline: none !important;\n        }.tf-donation-form .tf-input:-webkit-autofill,\n                 .tf-donation-form .tf-input:-webkit-autofill:hover,\n                 .tf-donation-form .tf-input:-webkit-autofill:focus {\n            -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;\n            -webkit-text-fill-color: #1f2937 !important;\n            transition: background-color 5000s ease-in-out 0s !important;\n        }.tf-donation-form .tf-input.tf-error {\n            border-color: #ef4444 !important;\n            background: #fef2f2 !important;\n        }.tf-donation-form .tf-input.tf-error:focus {\n            box-shadow: 0 0 0 3px rgba(239,68,68,0.15) !important;\n        }.tf-preset-amounts {\n            display: grid !important;\n            grid-template-columns: repeat(4, 1fr) !important;\n            gap: 10px !important;\n            align-items: center !important;\n            margin-bottom: 8px !important;\n        }.tf-donation-form .tf-amount-btn {\n            background: #ffffff !important;\n            color: #374151 !important;\n            border: 1px solid #d1d5db !important;\n            border-radius: 8px !important;\n            height: 60px !important;\n            font-size: 20px !important;\n            font-weight: 500 !important;\n            cursor: pointer !important;\n            padding: 0 12px !important;\n            outline: none !important;\n            box-shadow: none !important;\n            transition: all 0.2s ease !important;\n            text-align: center !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            font-family: inherit !important;\n        }.tf-donation-form .tf-amount-btn:hover {\n            background: #eff6ff !important;\n            border-color: #2563eb !important;\n            transform: translateY(-1px) !important;\n        }.tf-donation-form .tf-amount-btn:focus {\n            outline: none !important;\n            box-shadow: 0 0 0 3px rgba(37,99,235,0.2) !important;\n        }.tf-donation-form .tf-amount-btn.selected {\n            background: #2563eb !important;\n            color: #ffffff !important;\n            border-color: #2563eb !important;\n        }.tf-donation-form .tf-custom-btn-input .tf-custom-amount-input {\n            color: inherit !important;\n            font-size: 20px !important;\n            font-weight: 500 !important;\n            font-family: inherit !important;\n            background: transparent !important;\n            border: none !important;\n            box-shadow: none !important;\n            height: auto !important;\n            width: auto !important;\n            min-width: 50px !important;\n            max-width: 80px !important;\n        }.tf-donation-form .tf-custom-btn-input .tf-custom-amount-input::placeholder {\n            color: inherit !important;\n            opacity: 0.7 !important;\n        }.tf-donation-form .tf-custom-btn-input .tf-currency-suffix {\n            color: inherit !important;\n            font-family: inherit !important;\n        }.tf-amount-info {\n            display: none !important;\n            width: 100% !important;\n            margin-top: 8px !important;\n            padding: 4px 0 !important;\n            background: transparent !important;\n            border: none !important;\n            box-sizing: border-box !important;\n            text-align: center !important;\n        }.tf-amount-info.tf-visible {\n            display: block !important;\n        }.tf-amount-info-content {\n            display: inline-flex !important;\n            align-items: center !important;\n            gap: 12px !important;\n            text-align: left !important;\n            max-width: 90% !important;\n        }.tf-amount-info-text {\n            font-size: 14px !important;\n            font-weight: normal !important;\n            color: #6b7280 !important;\n            line-height: 1.5 !important;\n            text-align: center !important;\n        }.tf-amount-info-content.tf-with-icon .tf-amount-info-text {\n            text-align: left !important;\n            max-width: 350px !important;\n        }.tf-amount-info-icon {\n            display: none;\n            width: 40px !important;\n            height: 40px !important;\n            object-fit: contain !important;\n            flex-shrink: 0 !important;\n        }.tf-info-heart {\n            color: #f97316 !important;\n            display: inline-block !important;\n            animation: tf-heart-pulse 1.2s ease-in-out infinite !important;\n        }.tf-heart-before {\n            margin-right: 8px !important;\n        }.tf-heart-after {\n            margin-left: 8px !important;\n            animation-delay: 0.6s !important;\n        }@keyframes tf-heart-pulse {\n            0%, 100% {\n                transform: scale(1);\n                opacity: 1;\n            }\n            50% {\n                transform: scale(1.3);\n                opacity: 0.8;\n            }\n        }.tf-consent-item {\n            margin-bottom: 15px !important;\n        }.tf-checkbox-label {\n            display: flex !important;\n            align-items: flex-start !important;\n            cursor: pointer !important;\n        }.tf-donation-form .tf-checkbox {\n            -webkit-appearance: none !important;\n            -moz-appearance: none !important;\n            appearance: none !important;\n            width: 18px !important;\n            height: 18px !important;\n            min-width: 18px !important;\n            margin: 2px 10px 0 0 !important;\n            padding: 0 !important;\n            background: #ffffff !important;\n            border: 1px solid #d1d5db !important;\n            border-radius: 4px !important;\n            cursor: pointer !important;\n            position: relative !important;\n            flex-shrink: 0 !important;\n            transition: all 0.2s ease !important;\n        }.tf-donation-form .tf-checkbox:hover {\n            border-color: #2563eb !important;\n        }.tf-donation-form .tf-checkbox:focus {\n            outline: none !important;\n            box-shadow: 0 0 0 3px rgba(37,99,235,0.2) !important;\n        }.tf-donation-form .tf-checkbox:checked {\n            background: #2563eb !important;\n            border-color: #2563eb !important;\n        }.tf-donation-form .tf-checkbox:checked::after {\n            content: \"\" !important;\n            position: absolute !important;\n            left: 5px !important;\n            top: 1px !important;\n            width: 5px !important;\n            height: 10px !important;\n            border: solid #ffffff !important;\n            border-width: 0 2px 2px 0 !important;\n            transform: rotate(45deg) !important;\n        }.tf-donation-form .tf-checkbox.tf-error {\n            border-color: #ef4444 !important;\n        }.tf-consent-text {\n            font-size: 14px !important;\n            line-height: 1.5 !important;\n            color: #4b5563 !important;\n            flex: 1 !important;\n        }.tf-form-row {\n            display: flex !important;\n            gap: 15px !important;\n            margin-bottom: 15px !important;\n        }.tf-form-group {\n            margin-bottom: 15px !important;\n        }.tf-form-group.tf-half {\n            flex: 1 !important;\n        }.tf-form-group.tf-full {\n            flex: 1 !important;\n        }.tf-field-error {\n            color: #ef4444 !important;\n            font-size: 13px !important;\n            font-weight: 400 !important;\n            margin-top: 4px !important;\n            line-height: 1.4 !important;\n        }.tf-field-error[data-field=\"amount\"] {\n            text-align: center !important;\n            padding: 8px 12px !important;\n            margin-top: 12px !important;\n            background: rgba(220, 38, 38, 0.1) !important;\n            border-radius: 6px !important;\n        }.tf-consent-item .tf-field-error {\n            margin-left: 28px !important;\n            font-size: 12px !important;\n        }.tf-select-all-wrapper {\n            margin-bottom: 12px !important;\n            padding-bottom: 0 !important;\n            border-bottom: none !important;\n        }.tf-select-all-checkbox {\n            width: 22px !important;\n            height: 22px !important;\n            min-width: 22px !important;\n        }.tf-select-all-text {\n            font-weight: 500 !important;\n            font-size: 15px !important;\n            color: #374151 !important;\n        }.tf-select-all-label {\n            display: flex !important;\n            align-items: center !important;\n            gap: 12px !important;\n            cursor: pointer !important;\n        }.tf-consent-item:not(.tf-select-all-wrapper) {\n            padding-left: 10px !important;\n        }.tf-required {\n            color: #ef4444 !important;\n        }.tf-consent-info-text {\n            padding: 12px 16px !important;\n            margin-bottom: 16px !important;\n            background: rgba(59, 130, 246, 0.05) !important;\n            border-left: 3px solid #3b82f6 !important;\n            border-radius: 0 6px 6px 0 !important;\n            font-size: 14px !important;\n            line-height: 1.5 !important;\n            color: #4b5563 !important;\n        }.tf-consent-info-text a {\n            color: #3b82f6 !important;\n            text-decoration: underline !important;\n        }.tf-consent-info-text a:hover {\n            text-decoration: none !important;\n        }.tf-donation-form .tf-submit-btn {\n            width: 100% !important;\n            height: 48px !important;\n            background: #2563eb !important;\n            color: #ffffff !important;\n            border: 0px solid #2563eb !important;\n            border-radius: 8px !important;\n            font-size: 18px !important;\n            font-weight: 600 !important;\n            cursor: pointer !important;\n            outline: none !important;\n            transition: all 0.3s ease !important;\n            font-family: inherit !important;\n        }.tf-donation-form .tf-submit-btn:hover {\n            background: #1d4ed8 !important;\n            border-color: #1d4ed8 !important;\n            transform: translateY(-2px) !important;\n            box-shadow: 0 4px 12px rgba(37,99,235,0.3) !important;\n        }.tf-donation-form .tf-submit-btn:focus {\n            outline: none !important;\n            box-shadow: 0 0 0 3px rgba(37,99,235,0.3) !important;\n        }.tf-donation-form .tf-submit-btn:disabled {\n            opacity: 0.6 !important;\n            cursor: not-allowed !important;\n            transform: none !important;\n        }.tf-mode-collapsed .tf-expandable-sections {\n            max-height: 0 !important;\n            opacity: 0 !important;\n            overflow: hidden !important;\n            transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease-out !important;\n        }.tf-mode-collapsed.tf-expanded .tf-expandable-sections {\n            max-height: 3000px !important;\n            opacity: 1 !important;\n        }.tf-spinner {\n            display: inline-block !important;\n            width: 16px !important;\n            height: 16px !important;\n            border: 2px solid rgba(255,255,255,0.3) !important;\n            border-top-color: white !important;\n            border-radius: 50% !important;\n            animation: tf-spin 0.8s linear infinite !important;\n        }@keyframes tf-spin { to { transform: rotate(360deg); } }.tf-secure-info {\n            margin-top: 10px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            gap: 6px !important;\n            color: #6b7280 !important;\n            font-size: 14px !important;\n        }.tf-secure-info .tf-lock-icon,\n                 .tfm-secure .tfm-lock {\n            display: flex !important;\n            align-items: center !important;\n        }.tf-secure-info .tf-payu-logo,\n                 .tfm-secure .tfm-payu-logo {\n            vertical-align: middle !important;\n            flex-shrink: 0 !important;\n        }.tf-messages {\n            margin-top: 10px !important;\n            padding: 12px !important;\n            border-radius: 6px !important;\n            font-size: 14px !important;\n        }.tf-messages.error {\n            background: #fee2e2 !important;\n            color: #991b1b !important;\n            border: 1px solid #fecaca !important;\n        }.tf-messages.success {\n            background: #d1fae5 !important;\n            color: #065f46 !important;\n            border: 1px solid #a7f3d0 !important;\n        }.tf-donation-form.tf-mode-collapsed:not(.tf-expanded) .tf-amounts-section {\n            padding-bottom: 12px !important;\n        }.tf-donation-form.tf-expanded .tf-submit-section,\n                 .tf-donation-form.tf-mode-expanded .tf-submit-section {\n            padding-bottom: 12px !important;\n        }.tf-donation-form.tf-compact.tf-mode-collapsed:not(.tf-expanded) .tf-amounts-section {\n                border-radius: 8px !important;\n            }.tf-donation-form.tf-compact.tf-expanded .tf-expandable-sections,\n                     .tf-donation-form.tf-compact.tf-mode-expanded .tf-expandable-sections {\n                margin: 0 !important;\n                padding: 0 !important;\n                gap: 0 !important;\n            }.tf-donation-form.tf-compact.tf-expanded .tf-form-section,\n                     .tf-donation-form.tf-compact.tf-mode-expanded .tf-form-section {\n                margin-bottom: 0 !important;\n                border-radius: 0 !important;\n                border-left: 1px solid #e5e7eb !important;\n                border-right: 1px solid #e5e7eb !important;\n                border-top: none !important;\n                border-bottom: none !important;\n            }.tf-donation-form.tf-compact.tf-expanded .tf-amounts-section,\n                     .tf-donation-form.tf-compact.tf-mode-expanded .tf-amounts-section {\n                border-top-left-radius: 8px !important;\n                border-top-right-radius: 8px !important;\n                border-bottom-left-radius: 0 !important;\n                border-bottom-right-radius: 0 !important;\n                border-top: 1px solid #e5e7eb !important;\n                border-left: 1px solid #e5e7eb !important;\n                border-right: 1px solid #e5e7eb !important;\n                border-bottom: none !important;\n                margin-bottom: 0 !important;\n            }.tf-donation-form.tf-compact.tf-expanded .tf-expandable-sections .tf-form-section,\n                     .tf-donation-form.tf-compact.tf-mode-expanded .tf-expandable-sections .tf-form-section {\n                border-radius: 0 !important;\n                border-top: none !important;\n            }.tf-donation-form.tf-compact.tf-expanded .tf-donor-section,\n                     .tf-donation-form.tf-compact.tf-mode-expanded .tf-donor-section,\n                     .tf-donation-form.tf-compact.tf-expanded .tf-payment-method-section,\n                     .tf-donation-form.tf-compact.tf-mode-expanded .tf-payment-method-section,\n                     .tf-donation-form.tf-compact.tf-expanded .tf-consents-section,\n                     .tf-donation-form.tf-compact.tf-mode-expanded .tf-consents-section {\n                padding-top: 4px !important;\n                border-top: 1px solid #e5e7eb !important;\n            }.tf-donation-form.tf-compact.tf-expanded .tf-donation-summary-section,\n                     .tf-donation-form.tf-compact.tf-mode-expanded .tf-donation-summary-section {\n                padding-top: 4px !important;\n                padding-bottom: 4px !important;\n                border-top: 1px solid #e5e7eb !important;\n            }.tf-donation-form.tf-compact.tf-expanded .tf-form-section,\n                     .tf-donation-form.tf-compact.tf-mode-expanded .tf-form-section {\n                padding-bottom: 8px !important;\n            }.tf-donation-form.tf-compact.tf-expanded .tf-expandable-sections .tf-submit-section,\n                     .tf-donation-form.tf-compact.tf-mode-expanded .tf-expandable-sections .tf-submit-section {\n                border-bottom-left-radius: 8px !important;\n                border-bottom-right-radius: 8px !important;\n                border-bottom: 1px solid #e5e7eb !important;\n                border-top: none !important;\n                padding-top: 4px !important;\n            }.tf-donation-form.tf-compact.tf-mode-collapsed:not(.tf-expanded) .tf-amounts-section {\n                padding-bottom: 12px !important;\n            }.tf-donation-form.tf-compact.tf-expanded .tf-submit-section,\n                     .tf-donation-form.tf-compact.tf-mode-expanded .tf-submit-section {\n                padding-bottom: 12px !important;\n            }@media (max-width: 1920px) and (min-width: 1367px) {\n            .tf-donation-form { max-width: 100% !important; padding: 0 20px !important; }\n        }@media (max-width: 1366px) {\n            .tf-donation-form {\n                max-width: 100% !important;\n                width: 100% !important;\n                margin: 0 !important;\n                padding: 0 !important;\n                border-radius: 0 !important;\n                border: none !important;\n                box-shadow: none !important;\n                filter: none !important;\n            }\n            \n            .tf-donation-form .tf-form-section {\n                border-radius: 0 !important;\n                padding: 16px !important;\n                margin-bottom: 0 !important;\n                border-left: none !important;\n                border-right: none !important;\n                border-top: none !important;\n                border-bottom: 1px solid #e5e7eb !important;\n                box-shadow: none !important;\n            }\n            \n            .tf-expandable-sections { margin: 0 !important; padding: 0 !important; }\n            \n            \/* MOBILE FIX: Wy\u0142\u0105cz animacj\u0119 rozwijania - zapobiega skakaniu *\/\n            .tf-mode-collapsed .tf-expandable-sections {\n                transition: none !important;\n            }\n            .tf-mode-collapsed.tf-expanded .tf-expandable-sections {\n                max-height: none !important;\n                transition: none !important;\n            }\n            \n            \/* MOBILE FIX: Zawsze pokazuj rozwiniety formularz na mobile *\/\n            \/* Nadpisuje inline style=\"display: none\" ustawione przez PHP *\/\n            .tf-expandable-sections {\n                display: block !important;\n                max-height: none !important;\n                opacity: 1 !important;\n                overflow: visible !important;\n            }\n            \n            \/* Wymus klase tf-expanded na urzadzeniach mobilnych *\/\n            .tf-mode-collapsed {\n                \/* Zachowuj sie jak rozwiniety *\/\n            }\n            .tf-mode-collapsed .tf-expandable-sections {\n                display: block !important;\n                max-height: none !important;\n                opacity: 1 !important;\n            }\n            \n            .tf-amounts-section { border-top: none !important; }\n            .tf-submit-section { border-bottom: none !important; }\n            \n            .tf-donation-form .tf-section-title { font-size: 16px !important; margin-bottom: 16px !important; }\n            \n            .tf-preset-amounts { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }\n            .tf-donation-form .tf-amount-btn { height: 44px !important; font-size: 15px !important; }\n            \n            .tf-form-row { flex-direction: column !important; gap: 0 !important; }\n            .tf-form-group.tf-half { flex: none !important; width: 100% !important; }\n            .tf-donation-form .tf-input { font-size: 16px !important; height: 44px !important; }\n            \n            .tf-donation-form .tf-checkbox { min-width: 20px !important; width: 20px !important; height: 20px !important; }\n            .tf-consent-text { font-size: 13px !important; }\n            \n            .tf-donation-form .tf-submit-btn { height: 50px !important; font-size: 16px !important; }\n        }@media (max-width: 375px) {\n            .tf-donation-form .tf-form-section { padding: 14px 12px !important; }\n            .tf-preset-amounts { gap: 6px !important; }\n            .tf-donation-form .tf-amount-btn { font-size: 14px !important; }\n        }@media (min-width: 768px) and (max-width: 1366px) {\n            \/* Placeholder - g\u0142\u00f3wne style tabletu s\u0105 na ko\u0144cu pliku *\/\n        }\n        .tf-tiles-grid {\n            display: grid !important;\n            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n            gap: 8px !important;\n            margin-bottom: 8px !important;\n            padding-top: 20px !important;\n            box-sizing: border-box !important;\n        }\n        \n        \/* Wrapper dla kafelk\u00f3w - potrzebny dla badge *\/\n        .tf-tile-wrapper {\n            position: relative !important;\n            display: flex !important;\n            flex-direction: column !important;\n            aspect-ratio: 1 !important; \/* Kwadratowe kafle *\/\n            min-width: 0 !important; \/* Pozwala na kurczenie si\u0119 w gridzie *\/\n            max-width: 100% !important;\n        }\n        \n        \/* Badge \"Najpopularniejsza\" - nachodzi na kafelek od g\u00f3ry (tile mode) *\/\n        .tf-tile-wrapper .tf-popular-badge {\n            position: absolute !important;\n            top: -8px !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            z-index: 10 !important;\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n        }\n\n        \/* Badge \"Najpopularniejsza\" - button mode (pod przyciskiem) *\/\n        .tf-btn-popular .tf-popular-badge {\n            position: absolute !important;\n            bottom: -12px !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            z-index: 10 !important;\n            pointer-events: none !important;\n            white-space: nowrap !important;\n        }\n        \n        .tf-badge-content {\n            background: linear-gradient(135deg, #ef4444 0%, #f97316 100%) !important;\n            color: #ffffff !important;\n            padding: 4px 10px !important;\n            border-radius: 20px !important;\n            font-size: 10px !important;\n            font-weight: 600 !important;\n            white-space: nowrap !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 4px !important;\n            box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4) !important;\n            animation: tf-badge-content-pulse 2s ease-in-out 1s infinite !important;\n        }\n        \n        @keyframes tf-badge-content-pulse {\n            0%, 100% {\n                transform: scale(1);\n                box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4);\n            }\n            50% {\n                transform: scale(1.05);\n                box-shadow: 0 4px 12px rgba(239, 68, 68, 0.6);\n            }\n        }\n        \n        .tf-badge-icon {\n            font-size: 10px !important;\n            line-height: 1 !important;\n        }\n        \n        .tf-badge-text {\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n        }\n        \n        .tf-amount-tile {\n            width: 100% !important;\n            height: 100% !important;\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n            justify-content: center !important;\n            padding: 8px !important;\n            background: #ffffff !important;\n            border: 1px solid #d1d5db !important;\n            border-radius: 8px !important;\n            cursor: pointer !important;\n            transition: all 0.2s ease !important;\n            text-align: center !important;\n            box-sizing: border-box !important;\n            -webkit-tap-highlight-color: transparent !important;\n            touch-action: manipulation !important;\n        }\n        \n        \/* MOBILE FIX: Elementy wewnetrzne kafelka nie przechwytuja klikniec *\/\n        .tf-tile-icon,\n        .tf-tile-icon img,\n        .tf-tile-icon-placeholder,\n        .tf-tile-amount,\n        .tf-tile-desc,\n        .tf-tile-line1,\n        .tf-tile-line2 {\n            pointer-events: none !important;\n        }\n        \n        \/* Badge tez nie przechwytuje klikniec *\/\n        .tf-popular-badge,\n        .tf-badge-content,\n        .tf-badge-icon,\n        .tf-badge-text {\n            pointer-events: none !important;\n        }\n        \n        .tf-amount-tile:hover {\n            border-color: #2563eb !important;\n            transform: translateY(-2px) !important;\n        }\n        \n        .tf-amount-tile.selected {\n            background: #2563eb !important;\n            border-color: #2563eb !important;\n            color: #ffffff !important;\n        }\n        \n        .tf-amount-tile.selected .tf-tile-amount,\n        .tf-amount-tile.selected .tf-tile-desc,\n        .tf-amount-tile.selected .tf-tile-line1,\n        .tf-amount-tile.selected .tf-tile-line2 {\n            color: #ffffff !important;\n        }\n        \n        .tf-tile-icon {\n            width: 60px !important;\n            height: 60px !important;\n            margin-bottom: 2px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n        }\n        \n        .tf-tile-icon img {\n            max-width: 100% !important;\n            max-height: 100% !important;\n            object-fit: contain !important;\n            filter: invert(1) !important;\n        }\n        \n        .tf-amount-tile.selected .tf-tile-icon img {\n            filter: invert(0) !important;\n        }\n        \n        .tf-tile-icon-placeholder {\n            background: #f3f4f6 !important;\n            border-radius: 8px !important;\n        }\n        \n        .tf-amount-tile.selected .tf-tile-icon-placeholder {\n            background: rgba(255,255,255,0.2) !important;\n        }\n        \n        .tf-tile-amount {\n            font-size: 30px !important;\n            font-weight: 700 !important;\n            color: #1f2937 !important;\n            margin-bottom: 2px !important;\n            line-height: 1.1 !important;\n        }\n        \n        .tf-tile-desc {\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n            font-size: 16px !important;\n            color: #1f2937 !important;\n            line-height: 1.2 !important;\n        }\n        \n        .tf-tile-line1,\n        .tf-tile-line2 {\n            display: block !important;\n            font-weight: 600 !important;\n            color: #1f2937 !important;\n        }\n        \n        \/* Kafelek Wlasna kwota *\/\n        .tf-tile-custom {\n            position: relative !important;\n        }\n        \n        .tf-tile-custom .tf-tile-amount {\n            font-size: 22px !important;\n            margin-bottom: 4px !important;\n        }\n        \n        .tf-tile-input-wrapper {\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            gap: 4px !important;\n            margin-top: 2px !important;\n        }\n        \n        .tf-tile-custom-input {\n            width: 70px !important;\n            padding: 5px 8px !important;\n            border: 1px solid #d1d5db !important;\n            border-radius: 4px !important;\n            font-size: 18px !important;\n            font-weight: 600 !important;\n            text-align: center !important;\n            background: #fff !important;\n            line-height: 1 !important;\n        }\n        \n        .tf-tile-custom-input::placeholder {\n            font-size: 14px !important;\n            font-weight: 500 !important;\n            color: #6b7280 !important;\n            text-align: center !important;\n            line-height: 1 !important;\n        }\n        \n        .tf-tile-custom.selected .tf-tile-custom-input {\n            border-color: rgba(255,255,255,0.5) !important;\n            background: rgba(255,255,255,0.95) !important;\n            color: #1f2937 !important;\n        }\n        \n        .tf-tile-custom.selected .tf-tile-custom-input::placeholder {\n            color: #9ca3af !important;\n        }\n        \n        .tf-tile-currency {\n            font-size: 18px !important;\n            font-weight: 600 !important;\n            color: #1f2937 !important;\n        }\n        \n        .tf-tile-custom.selected .tf-tile-currency {\n            color: #ffffff !important;\n        }\n        \n        \/* Komunikat o minimalnej kwocie *\/\n        \/* Komunikat o minimalnej kwocie *\/\n        .tf-tile-min-error {\n            margin-top: 6px !important;\n            padding: 0 !important;\n            background: transparent !important;\n            border: none !important;\n            color: #dc2626 !important;\n            font-size: 14px !important;\n            font-weight: 500 !important;\n            text-align: right !important;\n        }\n        @media (max-width: 1366px) {\n            .tf-tiles-grid {\n                grid-template-columns: repeat(2, 1fr) !important;\n                gap: 8px !important;\n            }\n            \n            .tf-tile-icon {\n                width: 48px !important;\n                height: 48px !important;\n            }\n            \n            .tf-tile-amount {\n                font-size: 24px !important;\n            }\n            \n            .tf-tile-desc {\n                font-size: 13px !important;\n            }\n            \n            .tf-tile-custom .tf-tile-amount {\n                font-size: 16px !important;\n            }\n            \n            .tf-tile-custom-input {\n                width: 60px !important;\n                font-size: 14px !important;\n                padding: 4px 6px !important;\n            }\n            \n            .tf-tile-currency {\n                font-size: 14px !important;\n            }\n            \n            \/* Badge na mobile *\/\n            .tf-tiles-grid {\n                padding-top: 25px !important;\n            }\n\n            .tf-tile-wrapper .tf-popular-badge {\n                top: -8px !important;\n            }\n            \n            .tf-badge-content {\n                font-size: 8px !important;\n                padding: 3px 8px !important;\n            }\n            \n            .tf-badge-icon {\n                font-size: 8px !important;\n            }\n            \n            \/* Serduszka na mobile *\/\n            .tf-heart-before {\n                margin-right: 6px !important;\n            }\n            \n            .tf-heart-after {\n                margin-left: 6px !important;\n            }\n        }.tf-redirect-modal { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 999999 !important; display: none; }.tf-redirect-modal.tf-modal-visible { display: flex !important; align-items: center !important; justify-content: center !important; }.tf-redirect-modal-overlay { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: rgba(0,0,0,1) !important; }.tf-redirect-modal-content { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; text-align: center !important; padding: 40px !important; max-width: 90% !important; width: 500px !important; z-index: 1 !important; }.tf-redirect-logo { max-width: 200px !important; max-height: 80px !important; margin-bottom: 30px !important; }.tf-redirect-title { color: #ffffff !important; font-size: 24px !important; font-weight: 600 !important; margin: 0 0 15px 0 !important; }.tf-redirect-text { color: #ffffff !important; font-size: 16px !important; opacity: 0.9 !important; margin: 0 0 30px 0 !important; }.tf-redirect-spinner { display: flex !important; justify-content: center !important; }.tf-spinner-svg { width: 50px !important; height: 50px !important; animation: tf-spinner-rotate 2s linear infinite !important; }.tf-spinner-circle { stroke: #ffffff !important; stroke-linecap: round !important; animation: tf-spinner-dash 1.5s ease-in-out infinite !important; }@keyframes tf-spinner-rotate { 100% { transform: rotate(360deg); } }@keyframes tf-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } }\n        .tf-donation-wrapper { width: 100%; max-width: 600px; margin: 0 auto; }\n        @media (min-width: 1367px) {\n            .tf-desktop-form { display: block; }\n            .tf-mobile-form { display: none !important; }\n        }\n        @media (max-width: 1366px) {\n            .tf-desktop-form { display: none !important; }\n            .tf-mobile-form { display: block; }\n            .tf-donation-wrapper { max-width: 100%; }\n        }\n        \n        \/* Bottom Sheet - ukryty na desktop *\/\n        @media (min-width: 1367px) {\n            .tf-bottomsheet-overlay,\n            .tf-bottomsheet-handle { display: none !important; }\n        }\n        \n        \/* Bottom Sheet - style mobile *\/\n        @media (max-width: 1366px) {\n            \/* Kontener glowny - fixed na dole *\/\n            .tf-mobile-form {\n                position: fixed !important;\n                bottom: 0 !important;\n                left: 0 !important;\n                right: 0 !important;\n                top: auto !important;\n                z-index: 99999 !important;\n                pointer-events: none;\n            }\n            \n            \/* Overlay - tlo przyciemniajace *\/\n            .tf-bottomsheet-overlay {\n                position: fixed;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background: rgba(0, 0, 0, 0);\n                z-index: -1;\n                pointer-events: none;\n                transition: background 0.3s ease;\n            }\n            .tf-mobile-form.tf-sheet-open .tf-bottomsheet-overlay {\n                background: rgba(0, 0, 0, 0.5);\n                pointer-events: auto;\n            }\n            \n            \/* Kontener bottom sheet *\/\n            .tf-bottomsheet-container {\n                background: #f3f4f6;\n                border-radius: 20px 20px 0 0;\n                box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);\n                max-height: 92vh;\n                overflow: hidden;\n                display: flex;\n                flex-direction: column;\n                transform: translateY(calc(100% - 70px));\n                transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n                pointer-events: auto;\n            }\n            .tf-mobile-form.tf-sheet-open .tf-bottomsheet-container {\n                transform: translateY(8vh);\n            }\n            \n            \/* Uchwyt - zawsze widoczny *\/\n            .tf-bottomsheet-handle {\n                padding: 12px 20px 16px;\n                cursor: pointer;\n                user-select: none;\n                -webkit-tap-highlight-color: transparent;\n                flex-shrink: 0;\n            }\n            .tf-handle-bar {\n                width: 40px;\n                height: 4px;\n                background: #d1d5db;\n                border-radius: 2px;\n                margin: 0 auto 12px;\n            }\n            .tf-handle-text {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 8px;\n                font-size: 16px;\n                font-weight: 600;\n                color: #1f2937;\n            }\n            .tf-handle-icon {\n                font-size: 20px;\n            }\n            .tf-handle-arrow {\n                font-size: 12px;\n                color: #9ca3af;\n                transition: transform 0.3s ease;\n            }\n            .tf-mobile-form.tf-sheet-open .tf-handle-arrow {\n                transform: rotate(180deg);\n            }\n            .tf-mobile-form.tf-sheet-open .tf-handle-text .tf-handle-label {\n                display: none;\n            }\n            .tf-mobile-form.tf-sheet-open .tf-handle-text::after {\n                content: \"Zwin\";\n                color: #6b7280;\n                font-weight: 500;\n            }\n            \n            \/* Zawartosc - scrollowalna *\/\n            .tf-bottomsheet-content {\n                flex: 1;\n                overflow-y: auto;\n                -webkit-overflow-scrolling: touch;\n                overscroll-behavior: contain;\n                overflow-anchor: none;\n                scroll-behavior: auto;\n            }\n            \n            \/* Zapobiegaj scroll anchor na wszystkich elementach wewnatrz *\/\n            .tf-bottomsheet-content * {\n                overflow-anchor: none;\n            }\n            \n            \/* Dostosowanie formularza wewnatrz bottom sheet *\/\n            .tf-bottomsheet-content .tfm-form-container {\n                padding-bottom: 30px;\n            }\n        }\n        \n        \/* ========== MOBILE FORM STYLES ========== *\/\n        .tfm-form-container {\n            font-family: inherit;\n            padding: 16px 0 0 0;\n            background: #f3f4f6;\n        }\n        .tfm-section {\n            padding: 14px 16px;\n            background: #f3f4f6;\n            margin-bottom: 6px;\n        }\n        .tfm-section-title {\n            font-size: 22px !important;\n            font-weight: 700 !important;\n            color: #f97316 !important;\n            margin: 0 0 14px 0 !important;\n            text-transform: none !important;\n            letter-spacing: normal !important;\n        }\n        \n        \/* KAFELKI MOBILE - LAYOUT 3-KOLUMNOWY *\/\n        .tfm-tiles {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n        .tfm-tile {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: flex-start;\n            padding: 12px 14px;\n            background: #ffffff;\n            border: 1px solid #d1d5db;\n            border-radius: 8px;\n            cursor: pointer;\n            width: 100%;\n            -webkit-tap-highlight-color: transparent;\n            -webkit-appearance: none;\n            appearance: none;\n            gap: 16px;\n        }\n        \/* Stan aktywny (podczas klikania) - pomara\u0144czowe t\u0142o, czarne teksty *\/\n        .tfm-tile:active {\n            background: #f97316;\n            border-color: #f97316;\n        }\n        .tfm-tile:active .tfm-tile-amount,\n        .tfm-tile:active .tfm-tile-line1,\n        .tfm-tile:active .tfm-tile-line2,\n        .tfm-tile:active .tfm-currency {\n            color: #1f2937;\n        }\n        \/* Stan zaznaczony - czerwone t\u0142o, bia\u0142e teksty *\/\n        .tfm-tile.selected {\n            background: #2563eb;\n            border-color: #2563eb;\n        }\n        .tfm-tile.selected .tfm-tile-amount,\n        .tfm-tile.selected .tfm-tile-line1,\n        .tfm-tile.selected .tfm-tile-line2,\n        .tfm-tile.selected .tfm-currency {\n            color: #ffffff;\n        }\n        .tfm-tile.selected .tfm-tile-icon img {\n            filter: brightness(0) invert(1);\n        }\n        .tfm-tile.selected .tfm-tile-icon-placeholder {\n            filter: brightness(0) invert(1);\n        }\n        .tfm-tile-icon {\n            width: 48px;\n            min-width: 48px;\n            height: 48px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n        .tfm-tile-icon img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain;\n        }\n        .tfm-tile-icon-placeholder {\n            font-size: 28px;\n        }\n        .tfm-tile-amount {\n            font-size: 30px;\n            font-weight: 700;\n            color: #374151;\n            white-space: nowrap;\n            width: 100px;\n            min-width: 100px;\n            text-align: center;\n            flex-shrink: 0;\n        }\n        .tfm-tile-desc {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            flex: 1;\n            gap: 2px;\n            text-align: left;\n        }\n        .tfm-tile-line1,\n        .tfm-tile-line2 {\n            font-size: 13px;\n            font-weight: 500;\n            color: #374151;\n            line-height: 1.3;\n        }\n        \n        \/* Kafelek w\u0142asna kwota *\/\n        .tfm-tile-custom {\n            padding: 12px 14px;\n        }\n        .tfm-tile-custom .tfm-tile-desc {\n            flex: 1;\n        }\n        .tfm-tile-custom .tfm-tile-line1 {\n            font-size: 24px;\n            font-weight: 700;\n        }\n        .tfm-custom-input-wrap {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 4px;\n            width: 100px;\n            min-width: 100px;\n            flex-shrink: 0;\n        }\n        .tfm-custom-input {\n            width: 70px;\n            height: 44px;\n            padding: 8px 8px;\n            border: 2px solid #d1d5db;\n            border-radius: 6px;\n            font-size: 20px;\n            font-weight: 600;\n            text-align: center;\n            outline: none;\n            -webkit-appearance: none;\n            background: #ffffff;\n        }\n        .tfm-custom-input::placeholder {\n            font-size: 14px;\n            font-weight: 400;\n            color: #9ca3af;\n        }\n        .tfm-custom-input:focus {\n            border-color: #2563eb;\n        }\n        .tfm-currency {\n            font-size: 18px;\n            font-weight: 600;\n            color: #374151;\n        }\n        .tfm-tile-custom.selected .tfm-currency {\n            color: #ffffff;\n        }\n        \n        \/* POLA FORMULARZA MOBILE *\/\n        .tfm-field {\n            margin-bottom: 10px;\n        }\n        .tfm-field label {\n            display: block;\n            font-size: 13px;\n            font-weight: 600;\n            color: #1f2937;\n            margin-bottom: 4px;\n        }\n        .tfm-input {\n            width: 100%;\n            height: 50px;\n            padding: 12px 16px;\n            border: 2px solid #e5e7eb;\n            border-radius: 10px;\n            font-size: 16px;\n            background: #ffffff;\n            color: #1f2937;\n            outline: none;\n            -webkit-appearance: none;\n            box-sizing: border-box;\n        }\n        .tfm-input:focus {\n            border-color: #2563eb;\n        }\n        .tfm-required {\n            color: #dc2626;\n        }\n        .tfm-field-error {\n            color: #dc2626;\n            font-size: 11px;\n            margin-top: 2px;\n            min-height: 0;\n        }\n        .tfm-field-error:empty {\n            display: none;\n        }\n        \n        \/* ZGODY MOBILE *\/\n        .tfm-consent {\n            margin-bottom: 8px;\n        }\n        .tfm-consent:last-child {\n            margin-bottom: 0;\n        }\n        \/* Checkbox \"Zaznacz wszystkie\" - mobile *\/\n        .tfm-select-all-wrapper {\n            margin-bottom: 8px !important;\n            padding-bottom: 0 !important;\n            border-bottom: none !important;\n        }\n        .tfm-select-all-checkbox + .tfm-checkbox-custom {\n            width: 22px !important;\n            height: 22px !important;\n            min-width: 22px !important;\n        }\n        .tfm-select-all-text {\n            font-weight: 500 !important;\n            font-size: 15px !important;\n        }\n        \/* Wci\u0119cie dla pozosta\u0142ych o\u015bwiadcze\u0144 na mobile *\/\n        .tfm-consent:not(.tfm-select-all-wrapper) {\n            padding-left: 10px !important;\n        }\n        .tfm-consent-label {\n            display: flex;\n            align-items: flex-start;\n            gap: 10px;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        .tfm-checkbox {\n            position: absolute;\n            opacity: 0;\n            width: 0;\n            height: 0;\n            \/* Zapobiegaj scroll na focus - przenosimy checkbox POZA ekran *\/\n            position: fixed !important;\n            left: -9999px !important;\n            top: -9999px !important;\n            opacity: 0;\n            pointer-events: none;\n        }\n        .tfm-consent-label {\n            \/* Checkbox jest obs\u0142ugiwany przez klikni\u0119cie w label *\/\n            cursor: pointer;\n            position: relative;\n        }\n        .tfm-consent-label input[type=\"checkbox\"] {\n            \/* Ukryty checkbox - FIXED poza ekranem zapobiega scroll *\/\n            position: fixed !important;\n            left: -9999px !important;\n            top: -9999px !important;\n            opacity: 0;\n            pointer-events: none;\n        }\n        .tfm-checkbox-custom {\n            width: 18px;\n            height: 18px;\n            min-width: 18px;\n            border: 2px solid #9ca3af;\n            border-radius: 4px;\n            background: #ffffff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            margin-top: 1px;\n            transition: all 0.15s ease;\n        }\n        .tfm-checkbox:checked + .tfm-checkbox-custom {\n            background: #2563eb;\n            border-color: #2563eb;\n        }\n        .tfm-checkbox:checked + .tfm-checkbox-custom::after {\n            content: \"\";\n            color: #ffffff;\n            font-size: 14px;\n            font-weight: bold;\n        }\n        .tfm-consent-text {\n            font-size: 14px;\n            line-height: 1.5;\n            color: #4b5563;\n        }\n        .tfm-consent-text a {\n            color: #3b82f6;\n            text-decoration: underline;\n        }\n        .tfm-consent-info-text {\n            padding: 12px 14px;\n            margin-bottom: 14px;\n            background: rgba(59, 130, 246, 0.05);\n            border-left: 3px solid #3b82f6;\n            border-radius: 0 8px 8px 0;\n            font-size: 14px;\n            line-height: 1.5;\n            color: #4b5563;\n        }\n        .tfm-consent-info-text a {\n            color: #3b82f6;\n            text-decoration: underline;\n        }\n        \n        \/* SUBMIT MOBILE *\/\n        .tfm-submit-section {\n            padding-bottom: 40px;\n        }\n        .tfm-submit-btn {\n            width: 100%;\n            height: 56px;\n            background: #2563eb;\n            color: #ffffff;\n            border: none;\n            border-radius: 12px;\n            font-size: 18px;\n            font-weight: 600;\n            cursor: pointer;\n            -webkit-tap-highlight-color: transparent;\n        }\n        .tfm-submit-btn:active {\n            opacity: 0.9;\n            transform: scale(0.99);\n        }\n        .tfm-submit-loader {\n            display: none;\n        }\n        .tfm-secure {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 16px;\n            color: #6b7280;\n            font-size: 14px;\n        }\n        .tfm-messages {\n            margin: 16px;\n            padding: 12px 16px;\n            border-radius: 8px;\n            font-size: 14px;\n        }\n        .tfm-messages.error {\n            background: #fee2e2;\n            color: #991b1b;\n            border: 1px solid #fecaca;\n        }\n        .tfm-messages.success {\n            background: #d1fae5;\n            color: #065f46;\n            border: 1px solid #a7f3d0;\n        }\n        \n        @media (min-width: 768px) and (max-width: 1366px) {\n            \/* 1. Tytu\u0142y sekcji - 2x wi\u0119ksze (44px) *\/\n            .tfm-section-title {\n                font-size: 44px !important;\n                margin-bottom: 28px !important;\n                line-height: 1.1 !important;\n                word-wrap: break-word !important;\n            }\n            \n            \/* 2. Tytu\u0142 pierwszej sekcji - wyr\u00f3wnany padding, +20% padding g\u00f3rny *\/\n            .tfm-amounts-section {\n                padding-left: 80px !important;\n                padding-right: 80px !important;\n                padding-top: 29px !important;\n            }\n            .tfm-amounts-section .tfm-section-title {\n                margin-left: 0 !important;\n                padding-left: 0 !important;\n            }\n            \n            \/* Sekcje - wi\u0119kszy padding L\/R *\/\n            .tfm-section {\n                padding: 24px 80px !important;\n                margin-bottom: 4px !important;\n            }\n            \n            \/* 3. Ikony na przyciskach - wi\u0119ksze *\/\n            .tfm-tile-icon {\n                width: 72px !important;\n                min-width: 72px !important;\n                height: 72px !important;\n            }\n            .tfm-tile-icon img {\n                max-width: 100% !important;\n                max-height: 100% !important;\n            }\n            .tfm-tile-icon-placeholder {\n                font-size: 48px !important;\n            }\n            \n            \/* 4. Kafelki - wi\u0119ksze odst\u0119py mi\u0119dzy elementami, wi\u0119kszy gap *\/\n            .tfm-tiles {\n                padding: 0 !important;\n                gap: 16px !important;\n            }\n            .tfm-tile {\n                padding: 24px 32px 24px 32px !important;\n                gap: 32px !important;\n            }\n            \n            \/* Cyfry na kaflach - sta\u0142a szeroko\u015b\u0107 jak na mobile, wyr\u00f3wnanie *\/\n            .tfm-tile-amount {\n                font-size: 48px !important;\n                font-weight: 700 !important;\n                width: 180px !important;\n                min-width: 180px !important;\n                text-align: center !important;\n                flex-shrink: 0 !important;\n                white-space: nowrap !important;\n            }\n            \n            \/* 5. Opisy na przyciskach - uk\u0142ad kolumnowy jak na mobile *\/\n            .tfm-tile-desc {\n                display: flex !important;\n                flex-direction: column !important;\n                align-items: flex-start !important;\n                flex: 1 !important;\n                gap: 6px !important;\n                text-align: left !important;\n                margin-top: 0 !important;\n            }\n            .tfm-tile-line1, \n            .tfm-tile-line2 {\n                font-size: 26px !important;\n                font-weight: 600 !important;\n                line-height: 1.3 !important;\n            }\n            \n            \/* Inna kwota - wyr\u00f3wnana jak inne opisy *\/\n            .tfm-custom-label,\n            .tfm-tile-custom .tfm-tile-desc {\n                display: flex !important;\n                flex-direction: column !important;\n                align-items: flex-start !important;\n                justify-content: center !important;\n                flex: 1 !important;\n                text-align: left !important;\n            }\n            .tfm-custom-label .tfm-tile-line1,\n            .tfm-tile-custom .tfm-tile-line1 {\n                font-size: 48px !important;\n                font-weight: 700 !important;\n                text-align: left !important;\n            }\n            \n            \/* Input w\u0142asnej kwoty - wi\u0119kszy i lepiej wyr\u00f3wnany na tablecie *\/\n            .tfm-custom-input-wrap {\n                width: 180px !important;\n                min-width: 180px !important;\n                flex-shrink: 0 !important;\n                display: flex !important;\n                align-items: center !important;\n                justify-content: center !important;\n            }\n            .tfm-custom-input {\n                font-size: 28px !important;\n                height: 52px !important;\n                width: 100px !important;\n                padding: 8px 12px !important;\n                text-align: center !important;\n            }\n            \n            \/* Waluta z\u0142 - odst\u0119p *\/\n            .tfm-currency {\n                margin-left: 4px !important;\n                font-size: 36px !important;\n            }\n            \n            \/* 6. Mniejszy odst\u0119p mi\u0119dzy sekcj\u0105 danych a o\u015bwiadczeniami *\/\n            .tfm-data-section {\n                margin-bottom: 2px !important;\n                padding-bottom: 20px !important;\n            }\n            .tfm-consents-section {\n                padding-top: 16px !important;\n                margin-bottom: 2px !important;\n            }\n            \n            \/* 7. Bezpieczna p\u0142atno\u015b\u0107 - bli\u017cej przycisku, padding pod spodem 3x wi\u0119kszy *\/\n            .tfm-secure {\n                font-size: 16px !important;\n                padding: 12px 24px !important;\n                margin-top: 8px !important;\n                margin-bottom: 120px !important;\n            }\n            \n            \/* Przycisk submit - 1.5x wy\u017cszy, tekst 2x wi\u0119kszy *\/\n            .tfm-submit-section {\n                padding-top: 12px !important;\n                padding-bottom: 16px !important;\n            }\n            .tfm-submit-btn {\n                height: 96px !important;\n                font-size: 44px !important;\n                font-weight: 700 !important;\n                padding: 24px 56px !important;\n                margin-bottom: 8px !important;\n            }\n            \n            \/* 8. Wi\u0119ksze litery w nazwach p\u00f3l (Imi\u0119, Nazwisko, Email, Telefon) *\/\n            .tfm-field label {\n                font-size: 24px !important;\n                font-weight: 600 !important;\n                margin-bottom: 8px !important;\n            }\n            \n            \/* 9. Komunikaty b\u0142\u0119d\u00f3w - 3x wi\u0119ksze, wyr\u00f3wnane pod kaflami *\/\n            .tfm-field-error {\n                font-size: 21px !important;\n                margin-top: 8px !important;\n                padding-left: 0 !important;\n                margin-left: 0 !important;\n                text-align: left !important;\n            }\n            .tfm-amounts-section .tfm-field-error {\n                margin-left: 0 !important;\n                padding-left: 0 !important;\n            }\n            \n            \/* Inputy - wy\u017csze, wi\u0119ksze litery (2x) *\/\n            .tfm-input {\n                font-size: 40px !important;\n                height: 80px !important;\n                padding: 20px 24px !important;\n            }\n            \n            \/* Wi\u0119ksze checkboxy i ich tekst *\/\n            .tfm-checkbox {\n                width: 26px !important;\n                height: 26px !important;\n            }\n            .tfm-consent-text {\n                font-size: 17px !important;\n                line-height: 1.5 !important;\n            }\n            \n            \/* Tekst informacyjny w sekcji zg\u00f3d - CZARNY kolor, ten sam styl *\/\n            .tfm-consent-info-text {\n                font-size: 17px !important;\n                line-height: 1.5 !important;\n                color: #1f2937 !important;\n            }\n            \n            \/* Padding dolny formularza *\/\n            .tfm-form-container {\n                padding-bottom: 48px !important;\n            }\n        }\n        <\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sparku.pl\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sparku.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sparku.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sparku.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sparku.pl\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":13,"href":"https:\/\/sparku.pl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/sparku.pl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/sparku.pl\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}