{"id":151051,"date":"2026-05-25T11:03:43","date_gmt":"2026-05-25T10:03:43","guid":{"rendered":"https:\/\/www.sosve.tn\/?page_id=151051"},"modified":"2026-06-01T16:43:44","modified_gmt":"2026-06-01T15:43:44","slug":"matrice-rse","status":"publish","type":"page","link":"https:\/\/www.sosve.tn\/fr\/matrice-rse\/","title":{"rendered":"Matrice RSE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"151051\" class=\"elementor elementor-151051\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56184ec4 e-flex e-con-boxed e-con e-parent\" data-id=\"56184ec4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65c58cca elementor-widget elementor-widget-text-editor\" data-id=\"65c58cca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n                <div class=\"smr-fullwidth\" id=\"smr-app\">\n                                                <div class=\"smr-hero smr-hero-compact\">\n                                <div class=\"smr-hero-inner smr-hero-inner-compact\">\n                                        <div class=\"smr-hero-content\">\n                                                <div class=\"smr-hero-inner-wrap\">\n                                                        <h1 class=\"smr-hero-title\">La <span>Carte de l&#8217;Espoir<\/span><\/h1>\n                                                        <p class=\"smr-hero-sub\">Chaque engagement est une vie qui change. \u00c0 vous de jouer.<\/p>\n                                                                                                        <\/div>\n                                                                                        <\/div>\n                                                                                <div class=\"smr-hero-image\">\n                                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/02\/icon-logo-sosve-blanc.png\" alt=\"\" loading=\"eager\">\n                                        <\/div>\n                                                                        <\/div>\n                        <\/div>\n\n                        <div class=\"smr-section\">\n                                \n                                                                <div class=\"smr-grid\" id=\"smr-grid\">\n                                                        <article class=\"smr-card\" data-cats=\"economique environnemental societal\">\n                                                <div class=\"smr-card-img\">\n                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/06\/img-projet-siliana-7-768x581.png\" alt=\"Reconstruction du Village SOS de Siliana\" loading=\"lazy\">\n                        <\/div>\n                                                <div class=\"smr-card-body\">\n                                <div class=\"smr-card-header\">\n                                                                                                                        <span class=\"smr-card-badge smr-badge-open\">Disponible<\/span>\n                                                                        <\/div>\n                                <h3 class=\"smr-card-title\"><a href=\"https:\/\/www.sosve.tn\/fr\/projet\/renovation-maison-familiale\/\" style=\"color:inherit;text-decoration:none\">Reconstruction du Village SOS de Siliana<\/a><\/h3>\n                                <div class=\"smr-card-loc\">\ud83d\udccd Siliana<\/div>\n                        <div class=\"smr-card-raised\">\n                                                                                <div class=\"smr-cr-col\"><span class=\"smr-cr-label\">Collect\u00e9<\/span><span class=\"smr-cr-amount\">3 039 531 TND<\/span><\/div>\n                                                                                <div class=\"smr-cr-col smr-cr-col-right\"><span class=\"smr-cr-label\">Besoin de financement<\/span><span class=\"smr-cr-amount smr-cr-goal\">10 000 000 TND<\/span><\/div>\n                                <\/div>\n\n                                <div class=\"smr-card-progress\">\n                                        <div class=\"smr-cp-track\" style=\"background-size:30% 100%\"><\/div>\n                                                                                <span class=\"smr-cp-text\">30%<\/span>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-card-actions\">\n                                                                                <button class=\"smr-btn-engage\" data-id=\"151042\" data-title=\"Reconstruction du Village SOS de Siliana\" type=\"button\">Je m&#039;engage<\/button>\n                                                                                <a href=\"https:\/\/www.sosve.tn\/fr\/projet\/renovation-maison-familiale\/\" class=\"smr-btn-detail\">Voir le d\u00e9tail \u2192<\/a>\n                                <\/div>\n                        <\/div>\n                <\/article>\n                                <article class=\"smr-card\" data-cats=\"environnemental societal\">\n                                                <div class=\"smr-card-img\">\n                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/06\/equipements-photovoltaiques-768x419.jpeg\" alt=\"\u00c9quipements Photovolta\u00efques 100 maisons autonomes en \u00e9nergie solaire\" loading=\"lazy\">\n                        <\/div>\n                                                <div class=\"smr-card-body\">\n                                <div class=\"smr-card-header\">\n                                                                                                                        <span class=\"smr-card-badge smr-badge-open\">Disponible<\/span>\n                                                                        <\/div>\n                                <h3 class=\"smr-card-title\"><a href=\"https:\/\/www.sosve.tn\/fr\/projet\/espace-pedagogique\/\" style=\"color:inherit;text-decoration:none\">\u00c9quipements Photovolta\u00efques 100 maisons autonomes en \u00e9nergie solaire<\/a><\/h3>\n                                <div class=\"smr-card-loc\">\ud83d\udccd Hassi Farid \u00b7 El Alaa \u00b7 Sidi Bouzid<\/div>\n                        <div class=\"smr-card-raised\">\n                                                                                <div class=\"smr-cr-col smr-cr-col-right\"><span class=\"smr-cr-label\">Objectif<\/span><span class=\"smr-cr-amount smr-cr-goal\">100 maisons \/ 1 650 000 TND<\/span><\/div>\n                                <\/div>\n\n                                <div class=\"smr-card-progress\">\n                                        <div class=\"smr-cp-track\" style=\"background-size:0% 100%\"><\/div>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-card-actions\">\n                                                                                <button class=\"smr-btn-engage\" data-id=\"151044\" data-title=\"\u00c9quipements Photovolta\u00efques 100 maisons autonomes en \u00e9nergie solaire\" type=\"button\">Je m&#039;engage<\/button>\n                                                                                <a href=\"https:\/\/www.sosve.tn\/fr\/projet\/espace-pedagogique\/\" class=\"smr-btn-detail\">Voir le d\u00e9tail \u2192<\/a>\n                                <\/div>\n                        <\/div>\n                <\/article>\n                                <article class=\"smr-card\" data-cats=\"societal\">\n                                                <div class=\"smr-card-img\">\n                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-16-at-22.32.23-768x768.jpeg\" alt=\"\u0642\u0644\u0628\u0643 \u0627\u0644\u0643\u0628\u064a\u0631... \u0646\u0628\u0636 \u0644\u0642\u0644\u0628 \u0635\u063a\u064a\u0631 \u2014 Chaque battement compte\" loading=\"lazy\">\n                        <\/div>\n                                                <div class=\"smr-card-body\">\n                                <div class=\"smr-card-header\">\n                                                                                                                        <span class=\"smr-card-badge smr-badge-open\">Disponible<\/span>\n                                                                        <\/div>\n                                <h3 class=\"smr-card-title\"><a href=\"https:\/\/www.sosve.tn\/fr\/projet\/hopital-universitaire-hedi-chaker-chaque-battement-compte\/\" style=\"color:inherit;text-decoration:none\">\u0642\u0644\u0628\u0643 \u0627\u0644\u0643\u0628\u064a\u0631&#8230; \u0646\u0628\u0636 \u0644\u0642\u0644\u0628 \u0635\u063a\u064a\u0631 \u2014 Chaque battement compte<\/a><\/h3>\n                                <div class=\"smr-card-loc\">\ud83d\udccd H\u00f4pital universitaire H\u00e9di Chaker \u00b7 Sfax<\/div>\n                        <div class=\"smr-card-raised\">\n                                                                                <div class=\"smr-cr-col\"><span class=\"smr-cr-label\">Collect\u00e9<\/span><span class=\"smr-cr-amount\">290 535 TND<\/span><\/div>\n                                                                                <div class=\"smr-cr-col smr-cr-col-right\"><span class=\"smr-cr-label\">Besoin de financement<\/span><span class=\"smr-cr-amount smr-cr-goal\">500 000 TND<\/span><\/div>\n                                <\/div>\n\n                                <div class=\"smr-card-progress\">\n                                        <div class=\"smr-cp-track\" style=\"background-size:58% 100%\"><\/div>\n                                                                                <span class=\"smr-cp-text\">58%<\/span>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-card-actions\">\n                                                                                <button class=\"smr-btn-engage\" data-id=\"161409\" data-title=\"\u0642\u0644\u0628\u0643 \u0627\u0644\u0643\u0628\u064a\u0631... \u0646\u0628\u0636 \u0644\u0642\u0644\u0628 \u0635\u063a\u064a\u0631 \u2014 Chaque battement compte\" type=\"button\">Je m&#039;engage<\/button>\n                                                                                <a href=\"https:\/\/www.sosve.tn\/fr\/projet\/hopital-universitaire-hedi-chaker-chaque-battement-compte\/\" class=\"smr-btn-detail\">Voir le d\u00e9tail \u2192<\/a>\n                                <\/div>\n                        <\/div>\n                <\/article>\n                                <article class=\"smr-card\" data-cats=\"\">\n                                                <div class=\"smr-card-img\">\n                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-25-at-12.39.59-768x768.jpeg\" alt=\"Forage de puits d&#039;eau potable\" loading=\"lazy\">\n                        <\/div>\n                                                <div class=\"smr-card-body\">\n                                <div class=\"smr-card-header\">\n                                                                                                                        <span class=\"smr-card-badge smr-badge-open\">Disponible<\/span>\n                                                                        <\/div>\n                                <h3 class=\"smr-card-title\"><a href=\"https:\/\/www.sosve.tn\/fr\/projet\/forage-de-puits-deau-potable\/\" style=\"color:inherit;text-decoration:none\">Forage de puits d&#039;eau potable<\/a><\/h3>\n                                <div class=\"smr-card-loc\">\ud83d\udccd El Mahrouka, Agareb \u00b7 Sfax<\/div>\n                        <div class=\"smr-card-raised\">\n                                                                                <div class=\"smr-cr-col smr-cr-col-right\"><span class=\"smr-cr-label\">Objectif<\/span><span class=\"smr-cr-amount smr-cr-goal\">Forage de puits d&#039;eau potable<\/span><\/div>\n                                <\/div>\n\n                                <div class=\"smr-card-progress\">\n                                        <div class=\"smr-cp-track\" style=\"background-size:0% 100%\"><\/div>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-card-actions\">\n                                                                                <button class=\"smr-btn-engage\" data-id=\"181305\" data-title=\"Forage de puits d&#039;eau potable\" type=\"button\">Je m&#039;engage<\/button>\n                                                                                <a href=\"https:\/\/www.sosve.tn\/fr\/projet\/forage-de-puits-deau-potable\/\" class=\"smr-btn-detail\">Voir le d\u00e9tail \u2192<\/a>\n                                <\/div>\n                        <\/div>\n                <\/article>\n                                <article class=\"smr-card\" data-cats=\"economique societal\">\n                                                <div class=\"smr-card-img\">\n                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/06\/dossier-rse-sos-1.pptx-3_page-0001-2-768x432.jpg\" alt=\"R\u00e9habilitation des Maisons Un cadre sain pour 600 enfants\" loading=\"lazy\">\n                        <\/div>\n                                                <div class=\"smr-card-body\">\n                                <div class=\"smr-card-header\">\n                                                                                                                        <span class=\"smr-card-badge smr-badge-open\">Disponible<\/span>\n                                                                        <\/div>\n                                <h3 class=\"smr-card-title\"><a href=\"https:\/\/www.sosve.tn\/fr\/projet\/programme-alimentation\/\" style=\"color:inherit;text-decoration:none\">R\u00e9habilitation des Maisons Un cadre sain pour 600 enfants<\/a><\/h3>\n                                <div class=\"smr-card-loc\">\ud83d\udccd Grand Tunis \u00b7 Sidi Bouzid \u00b7 Mednin \u00b7 Siliana \u00b7 Akouda \u00b7 Sfax \u00b7 Hassi Farid \u00b7 Jendouba \u00b7 El Alaa<\/div>\n                        <div class=\"smr-card-raised\">\n                                                                                <div class=\"smr-cr-col\"><span class=\"smr-cr-label\">Collect\u00e9<\/span><span class=\"smr-cr-amount\">50 TND<\/span><\/div>\n                                                                                <div class=\"smr-cr-col smr-cr-col-right\"><span class=\"smr-cr-label\">Objectif<\/span><span class=\"smr-cr-amount smr-cr-goal\">120 Maisons r\u00e9habilit\u00e9es<\/span><\/div>\n                                <\/div>\n\n                                <div class=\"smr-card-progress\">\n                                        <div class=\"smr-cp-track\" style=\"background-size:0% 100%\"><\/div>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-card-actions\">\n                                                                                <button class=\"smr-btn-engage\" data-id=\"151043\" data-title=\"R\u00e9habilitation des Maisons Un cadre sain pour 600 enfants\" type=\"button\">Je m&#039;engage<\/button>\n                                                                                <a href=\"https:\/\/www.sosve.tn\/fr\/projet\/programme-alimentation\/\" class=\"smr-btn-detail\">Voir le d\u00e9tail \u2192<\/a>\n                                <\/div>\n                        <\/div>\n                <\/article>\n                                <article class=\"smr-card\" data-cats=\"environnemental societal\">\n                                                <div class=\"smr-card-img\">\n                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/06\/transport-vers-la-reussite-768x429.jpeg\" alt=\"Transport vers la R\u00e9ussite de 500 enfants et jeunes\" loading=\"lazy\">\n                        <\/div>\n                                                <div class=\"smr-card-body\">\n                                <div class=\"smr-card-header\">\n                                                                                                                        <span class=\"smr-card-badge smr-badge-open\">Disponible<\/span>\n                                                                        <\/div>\n                                <h3 class=\"smr-card-title\"><a href=\"https:\/\/www.sosve.tn\/fr\/projet\/accompagnement-familles\/\" style=\"color:inherit;text-decoration:none\">Transport vers la R\u00e9ussite de 500 enfants et jeunes<\/a><\/h3>\n                                <div class=\"smr-card-loc\">\ud83d\udccd Hassi al Farid \u00b7 Safha \u00b7 El Alaa<\/div>\n                        <div class=\"smr-card-raised\">\n                                                                                <div class=\"smr-cr-col\"><span class=\"smr-cr-label\">Collect\u00e9<\/span><span class=\"smr-cr-amount\">1 035 TND<\/span><\/div>\n                                                                                <div class=\"smr-cr-col smr-cr-col-right\"><span class=\"smr-cr-label\">Objectif<\/span><span class=\"smr-cr-amount smr-cr-goal\">300000 TND \/Ann\u00e9e Scolaire<\/span><\/div>\n                                <\/div>\n\n                                <div class=\"smr-card-progress\">\n                                        <div class=\"smr-cp-track\" style=\"background-size:0% 100%\"><\/div>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-card-actions\">\n                                                                                <button class=\"smr-btn-engage\" data-id=\"151045\" data-title=\"Transport vers la R\u00e9ussite de 500 enfants et jeunes\" type=\"button\">Je m&#039;engage<\/button>\n                                                                                <a href=\"https:\/\/www.sosve.tn\/fr\/projet\/accompagnement-familles\/\" class=\"smr-btn-detail\">Voir le d\u00e9tail \u2192<\/a>\n                                <\/div>\n                        <\/div>\n                <\/article>\n                                <article class=\"smr-card\" data-cats=\"environnemental societal\">\n                                                <div class=\"smr-card-img\">\n                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/06\/sanitaire-pour-la-dignite-768x419.jpeg\" alt=\"Sanitaires pour la Dignit\u00e9 pour 400 familles\" loading=\"lazy\">\n                        <\/div>\n                                                <div class=\"smr-card-body\">\n                                <div class=\"smr-card-header\">\n                                                                                                                        <span class=\"smr-card-badge smr-badge-open\">Disponible<\/span>\n                                                                        <\/div>\n                                <h3 class=\"smr-card-title\"><a href=\"https:\/\/www.sosve.tn\/fr\/projet\/formation-parentale\/\" style=\"color:inherit;text-decoration:none\">Sanitaires pour la Dignit\u00e9 pour 400 familles<\/a><\/h3>\n                                <div class=\"smr-card-loc\">\ud83d\udccd Hassi Ferid \u00b7 El Alaa<\/div>\n                        <div class=\"smr-card-raised\">\n                                                                                <div class=\"smr-cr-col\"><span class=\"smr-cr-label\">Collect\u00e9<\/span><span class=\"smr-cr-amount\">2 780 TND<\/span><\/div>\n                                                                                <div class=\"smr-cr-col smr-cr-col-right\"><span class=\"smr-cr-label\">Besoin de financement<\/span><span class=\"smr-cr-amount smr-cr-goal\">4 000 000 TND<\/span><\/div>\n                                <\/div>\n\n                                <div class=\"smr-card-progress\">\n                                        <div class=\"smr-cp-track\" style=\"background-size:0% 100%\"><\/div>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-card-actions\">\n                                                                                <button class=\"smr-btn-engage\" data-id=\"151046\" data-title=\"Sanitaires pour la Dignit\u00e9 pour 400 familles\" type=\"button\">Je m&#039;engage<\/button>\n                                                                                <a href=\"https:\/\/www.sosve.tn\/fr\/projet\/formation-parentale\/\" class=\"smr-btn-detail\">Voir le d\u00e9tail \u2192<\/a>\n                                <\/div>\n                        <\/div>\n                <\/article>\n                                <article class=\"smr-card\" data-cats=\"societal\">\n                                                <div class=\"smr-card-img\">\n                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/06\/projet-blocs-sanitaires-en-milieu-scolaire-768x419.jpeg\" alt=\"40 Blocs Sanitaires en Milieu Scolaire\" loading=\"lazy\">\n                        <\/div>\n                                                <div class=\"smr-card-body\">\n                                <div class=\"smr-card-header\">\n                                                                                                                        <span class=\"smr-card-badge smr-badge-open\">Disponible<\/span>\n                                                                        <\/div>\n                                <h3 class=\"smr-card-title\"><a href=\"https:\/\/www.sosve.tn\/fr\/projet\/insertion-professionnelle\/\" style=\"color:inherit;text-decoration:none\">40 Blocs Sanitaires en Milieu Scolaire<\/a><\/h3>\n                                <div class=\"smr-card-loc\">\ud83d\udccd Gaafour \u00b7 Le Krib \u00b7 El Alla \u00b7 Sidi Bouzid \u00b7 Jendouba \u00b7 Hassi El Frid<\/div>\n                        <div class=\"smr-card-raised\">\n                                                                                <div class=\"smr-cr-col\"><span class=\"smr-cr-label\">Collect\u00e9<\/span><span class=\"smr-cr-amount\">1 255 TND<\/span><\/div>\n                                                                                <div class=\"smr-cr-col smr-cr-col-right\"><span class=\"smr-cr-label\">Besoin de financement<\/span><span class=\"smr-cr-amount smr-cr-goal\">200 000 TND<\/span><\/div>\n                                <\/div>\n\n                                <div class=\"smr-card-progress\">\n                                        <div class=\"smr-cp-track\" style=\"background-size:1% 100%\"><\/div>\n                                                                                <span class=\"smr-cp-text\">1%<\/span>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-card-actions\">\n                                                                                <button class=\"smr-btn-engage\" data-id=\"151048\" data-title=\"40 Blocs Sanitaires en Milieu Scolaire\" type=\"button\">Je m&#039;engage<\/button>\n                                                                                <a href=\"https:\/\/www.sosve.tn\/fr\/projet\/insertion-professionnelle\/\" class=\"smr-btn-detail\">Voir le d\u00e9tail \u2192<\/a>\n                                <\/div>\n                        <\/div>\n                <\/article>\n                                <article class=\"smr-card\" data-cats=\"economique\">\n                                                <div class=\"smr-card-img\">\n                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/06\/projet-distillerie-dhuiles-1-768x419.jpeg\" alt=\"Unit\u00e9s de Distillation d\u2019Huiles Essentielles\" loading=\"lazy\">\n                        <\/div>\n                                                <div class=\"smr-card-body\">\n                                <div class=\"smr-card-header\">\n                                                                                                                        <span class=\"smr-card-badge smr-badge-open\">Disponible<\/span>\n                                                                        <\/div>\n                                <h3 class=\"smr-card-title\"><a href=\"https:\/\/www.sosve.tn\/fr\/projet\/ateliers-numeriques\/\" style=\"color:inherit;text-decoration:none\">Unit\u00e9s de Distillation d\u2019Huiles Essentielles<\/a><\/h3>\n                                <div class=\"smr-card-loc\">\ud83d\udccd SAFHA (pr\u00e8s d\u2019Enfidha) \u00b7 Sousse<\/div>\n                        <div class=\"smr-card-raised\">\n                                                                                <div class=\"smr-cr-col smr-cr-col-right\"><span class=\"smr-cr-label\">Besoin de financement<\/span><span class=\"smr-cr-amount smr-cr-goal\">120 000 TND<\/span><\/div>\n                                <\/div>\n\n                                <div class=\"smr-card-progress\">\n                                        <div class=\"smr-cp-track\" style=\"background-size:0% 100%\"><\/div>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-card-actions\">\n                                                                                <button class=\"smr-btn-engage\" data-id=\"151049\" data-title=\"Unit\u00e9s de Distillation d\u2019Huiles Essentielles\" type=\"button\">Je m&#039;engage<\/button>\n                                                                                <a href=\"https:\/\/www.sosve.tn\/fr\/projet\/ateliers-numeriques\/\" class=\"smr-btn-detail\">Voir le d\u00e9tail \u2192<\/a>\n                                <\/div>\n                        <\/div>\n                <\/article>\n                                <article class=\"smr-card\" data-cats=\"environnemental\">\n                                                <div class=\"smr-card-img\">\n                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/06\/projet-four-pour-la-poterie-768x419.jpeg\" alt=\"Valorisation du savoir-faire potier \u00e0 Siliana\" loading=\"lazy\">\n                        <\/div>\n                                                <div class=\"smr-card-body\">\n                                <div class=\"smr-card-header\">\n                                                                                                                        <span class=\"smr-card-badge smr-badge-open\">Disponible<\/span>\n                                                                        <\/div>\n                                <h3 class=\"smr-card-title\"><a href=\"https:\/\/www.sosve.tn\/fr\/projet\/sport-bien-etre\/\" style=\"color:inherit;text-decoration:none\">Valorisation du savoir-faire potier \u00e0 Siliana<\/a><\/h3>\n                                <div class=\"smr-card-loc\">\ud83d\udccd [] \u00b7 Siliana<\/div>\n                        <div class=\"smr-card-raised\">\n                                                                                <div class=\"smr-cr-col smr-cr-col-right\"><span class=\"smr-cr-label\">Besoin de financement<\/span><span class=\"smr-cr-amount smr-cr-goal\">50 000 TND<\/span><\/div>\n                                <\/div>\n\n                                <div class=\"smr-card-progress\">\n                                        <div class=\"smr-cp-track\" style=\"background-size:0% 100%\"><\/div>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-card-actions\">\n                                                                                <button class=\"smr-btn-engage\" data-id=\"151050\" data-title=\"Valorisation du savoir-faire potier \u00e0 Siliana\" type=\"button\">Je m&#039;engage<\/button>\n                                                                                <a href=\"https:\/\/www.sosve.tn\/fr\/projet\/sport-bien-etre\/\" class=\"smr-btn-detail\">Voir le d\u00e9tail \u2192<\/a>\n                                <\/div>\n                        <\/div>\n                <\/article>\n                                <article class=\"smr-card\" data-cats=\"economique societal\">\n                                                <div class=\"smr-card-img\">\n                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/06\/knowledge-creator-organization-768x953.jpeg\" alt=\"Knowledge Creator Organization\" loading=\"lazy\">\n                        <\/div>\n                                                <div class=\"smr-card-body\">\n                                <div class=\"smr-card-header\">\n                                                                                                                        <span class=\"smr-card-badge smr-badge-open\">Disponible<\/span>\n                                                                        <\/div>\n                                <h3 class=\"smr-card-title\"><a href=\"https:\/\/www.sosve.tn\/fr\/projet\/knowledge-creator-organization\/\" style=\"color:inherit;text-decoration:none\">Knowledge Creator Organization<\/a><\/h3>\n                                <div class=\"smr-card-loc\">\ud83d\udccd Tunisie<\/div>\n                        <div class=\"smr-card-raised\">\n                                                                                <div class=\"smr-cr-col smr-cr-col-right\"><span class=\"smr-cr-label\">Besoin de financement<\/span><span class=\"smr-cr-amount smr-cr-goal\">450 000 TND<\/span><\/div>\n                                <\/div>\n\n                                <div class=\"smr-card-progress\">\n                                        <div class=\"smr-cp-track\" style=\"background-size:0% 100%\"><\/div>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-card-actions\">\n                                                                                <button class=\"smr-btn-engage\" data-id=\"157289\" data-title=\"Knowledge Creator Organization\" type=\"button\">Je m&#039;engage<\/button>\n                                                                                <a href=\"https:\/\/www.sosve.tn\/fr\/projet\/knowledge-creator-organization\/\" class=\"smr-btn-detail\">Voir le d\u00e9tail \u2192<\/a>\n                                <\/div>\n                        <\/div>\n                <\/article>\n                                <article class=\"smr-card\" data-cats=\"societal\">\n                                                <div class=\"smr-card-img\">\n                                <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/06\/future-skills-academy-768x641.jpg\" alt=\"Future Skills Academy\" loading=\"lazy\">\n                        <\/div>\n                                                <div class=\"smr-card-body\">\n                                <div class=\"smr-card-header\">\n                                                                                                                        <span class=\"smr-card-badge smr-badge-open\">Disponible<\/span>\n                                                                        <\/div>\n                                <h3 class=\"smr-card-title\"><a href=\"https:\/\/www.sosve.tn\/fr\/projet\/future-skills-academy\/\" style=\"color:inherit;text-decoration:none\">Future Skills Academy<\/a><\/h3>\n                                <div class=\"smr-card-loc\">\ud83d\udccd Tunisie<\/div>\n                        <div class=\"smr-card-raised\">\n                                                                                <div class=\"smr-cr-col\"><span class=\"smr-cr-label\">Collect\u00e9<\/span><span class=\"smr-cr-amount\">5 TND<\/span><\/div>\n                                                                                <div class=\"smr-cr-col smr-cr-col-right\"><span class=\"smr-cr-label\">Besoin de financement<\/span><span class=\"smr-cr-amount smr-cr-goal\">750 000 TND<\/span><\/div>\n                                <\/div>\n\n                                <div class=\"smr-card-progress\">\n                                        <div class=\"smr-cp-track\" style=\"background-size:0% 100%\"><\/div>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-card-actions\">\n                                                                                <button class=\"smr-btn-engage\" data-id=\"157290\" data-title=\"Future Skills Academy\" type=\"button\">Je m&#039;engage<\/button>\n                                                                                <a href=\"https:\/\/www.sosve.tn\/fr\/projet\/future-skills-academy\/\" class=\"smr-btn-detail\">Voir le d\u00e9tail \u2192<\/a>\n                                <\/div>\n                        <\/div>\n                <\/article>\n                                                <\/div>\n\n                                <div class=\"smr-pagination\" id=\"smr-pagination\">\n                                                                                <span class=\"smr-page-btn smr-page-prev smr-page-disabled\">\u2039<\/span>\n                                                                                                                        <a class=\"smr-page-btn smr-page-active\" href=\"\/fr\/wp-json\/wp\/v2\/pages\/151051?spage=1\">1<\/a>\n                                                                                <a class=\"smr-page-btn\" href=\"\/fr\/wp-json\/wp\/v2\/pages\/151051?spage=2\">2<\/a>\n                                                                                                                        <a class=\"smr-page-btn smr-page-next\" href=\"\/fr\/wp-json\/wp\/v2\/pages\/151051?spage=2\">\u203a<\/a>\n                                                                        <\/div>\n\n                                \n                                <div class=\"smr-custom-card\" id=\"smr-custom-card\" tabindex=\"0\" role=\"button\" aria-label=\"Proposer un projet sur mesure\"><div class=\"smr-custom-card-icon\">\ud83d\udca1<\/div><div class=\"smr-custom-card-body\"><div class=\"smr-custom-card-title\">Projet sur mesure ?<\/div><div class=\"smr-custom-card-sub\">Vous avez une id\u00e9e de projet RSE personnalis\u00e9 ? Cliquez ici pour nous la proposer.<\/div><\/div><div class=\"smr-custom-card-arrow\" aria-hidden=\"true\">\u2192<\/div><\/div>                        <\/div>\n                <\/div>\n\n                                        <div id=\"smr-don-forms-pool\" style=\"display:none\" aria-hidden=\"true\">\n                                                                                <div class=\"smr-don-pool-item\" data-project-id=\"151042\" id=\"smr-don-pool-151042\">\n                                                        \n        <style>\n        .df99073 {\n            --brand-blue: #00abec;\n            --brand-red: #de5a6c;\n            --brand-navy: #1c325d;\n            --brand-light: #e8f7fe;\n            --brand-border: #d1ecfb;\n            max-width: 520px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        }\n        .df99073 * { box-sizing: border-box; }\n\n        .df99073-card {\n            background: #fff;\n            border-radius: 14px;\n            padding: 26px 22px;\n            box-shadow: 0 4px 22px rgba(28,50,93,.08);\n            border: 1px solid #e8ecf3;\n        }\n\n        \/* Title *\/\n        .df99073-title {\n            text-align: center;\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            margin: 0 0 4px;\n            letter-spacing: -0.3px;\n        }\n        .df99073-subtitle {\n            text-align: center;\n            font-size: 12px;\n            color: #64748b;\n            margin: 0 0 18px;\n        }\n\n        \/* Amount buttons *\/\n        .df99073-amounts {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 14px;\n        }\n        .df99073-amt-btn {\n            flex: 1;\n            min-width: 56px;\n            padding: 11px 4px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            background: #fff;\n            font-size: 17px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            cursor: pointer;\n            transition: all .2s;\n            text-align: center;\n            line-height: 1.1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .df99073-amt-btn:hover {\n            border-color: var(--brand-blue);\n            background: var(--brand-light);\n            color: var(--brand-navy);\n        }\n        .df99073-amt-btn.active {\n            border-color: var(--brand-blue);\n            background: var(--brand-blue);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0,171,236,.25);\n        }\n        .df99073-amt-btn small {\n            display: block;\n            font-size: 9px;\n            font-weight: 600;\n            opacity: .6;\n            margin-top: 2px;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n        }\n        .df99073-amt-custom {\n            display: none;\n            margin-bottom: 14px;\n        }\n        .df99073-amt-custom.show { display: block; }\n        .df99073-amt-custom input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--brand-navy);\n            outline: none;\n            transition: border-color .2s;\n        }\n        .df99073-amt-custom input:focus { border-color: var(--brand-blue); }\n\n        \/* Form grid *\/\n        .df99073-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n        @media (max-width: 520px) {\n            .df99073-grid { grid-template-columns: 1fr; }\n            .df99073-amt-btn { min-width: 56px; font-size: 15px; padding: 10px 4px; }\n            .df99073-card { padding: 20px 14px; }\n        }\n\n        \/* Input fields (floating label) *\/\n        .df99073-field { position: relative; }\n        .df99073-field.full { grid-column: 1 \/ -1; }\n        .df99073-input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #0f172a;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s, padding .15s;\n            font-family: inherit;\n        }\n        .df99073-input:focus,\n        .df99073-input:not(:placeholder-shown) {\n            padding: 16px 14px 6px;\n            border-color: var(--brand-blue);\n            box-shadow: 0 0 0 3px rgba(0,171,236,.1);\n        }\n        .df99073-input::placeholder { color: transparent; }\n        .df99073-float-label {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 14px;\n            color: #94a3b8;\n            pointer-events: none;\n            transition: all .15s ease;\n            font-weight: 500;\n        }\n        .df99073-input:focus ~ .df99073-float-label,\n        .df99073-input:not(:placeholder-shown) ~ .df99073-float-label {\n            top: 7px;\n            transform: translateY(0);\n            font-size: 10px;\n            color: var(--brand-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .4px;\n        }\n\n        \/* Checkboxes *\/\n        .df99073-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding: 12px 14px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 1px solid #e8ecf3;\n        }\n        .df99073-check {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            cursor: pointer;\n            font-size: 13px;\n            color: #334155;\n            line-height: 1.45;\n        }\n        .df99073-check input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: var(--brand-blue);\n            margin-top: 1px;\n            flex-shrink: 0;\n            cursor: pointer;\n        }\n        .df99073-check strong { color: var(--brand-navy); }\n\n        \/* Submit button *\/\n        .df99073-btn {\n            width: 100%;\n            padding: 14px;\n            border: none;\n            border-radius: 8px;\n            background: linear-gradient(135deg, var(--brand-blue), #0096cc);\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all .2s;\n            letter-spacing: .3px;\n            box-shadow: 0 6px 18px rgba(0,171,236,.2);\n        }\n        .df99073-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(0,171,236,.3);\n        }\n        .df99073-btn:active { transform: translateY(0); }\n        .df99073-btn:disabled { opacity: .6; cursor: default; }\n\n        \/* Result messages *\/\n        .df99073-result {\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-bottom: 14px;\n            font-size: 13px;\n            font-weight: 500;\n            animation: df99073-fade .3s ease;\n        }\n        @keyframes df99073-fade {\n            from { opacity: 0; transform: translateY(-6px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .df99073-result.success {\n            background: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            color: #065f46;\n        }\n        .df99073-result.error {\n            background: #fef2f2;\n            border: 1px solid #fecaca;\n            color: #991b1b;\n        }\n        .df99073-result a {\n            display: inline-block;\n            margin-top: 8px;\n            padding: 10px 22px;\n            background: var(--brand-navy);\n            color: #fff;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            transition: opacity .2s;\n        }\n        .df99073-result a:hover { opacity: .85; }\n\n        \/* Trust badge *\/\n        .df99073-trust {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 11px;\n            color: #94a3b8;\n        }\n        .df99073-trust svg {\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        \/* Redirect overlay (smart) *\/\n        .df99073-redirect {\n            text-align: center;\n            padding: 28px 10px 22px;\n        }\n        .df99073-spinner {\n            width: 42px;\n            height: 42px;\n            border: 4px solid #e2e8f0;\n            border-top-color: var(--brand-blue);\n            border-radius: 50%;\n            margin: 0 auto 14px;\n            animation: df99073-spin .8s linear infinite;\n        }\n        @keyframes df99073-spin { to { transform: rotate(360deg); } }\n        .df99073-redirect p {\n            margin: 0;\n            font-size: 14px;\n            color: #64748b;\n            font-weight: 600;\n        }\n        .df99073-redirect small {\n            display: block;\n            margin-top: 4px;\n            font-size: 11px;\n            color: #94a3b8;\n            font-weight: 500;\n        }\n        <\/style>\n\n        <div class=\"df99073\">\n            <div class=\"df99073-card\">\n                \n                \n                <form method=\"post\" enctype=\"multipart\/form-data\" id=\"df99073-form\">\n                    <input type=\"hidden\" id=\"sosdon_df_nonce\" name=\"sosdon_df_nonce\" value=\"7f7b96696d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/151051\" \/>\n                    <!-- Amount selector -->\n                    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;\">\n                        <span style=\"font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;\">Votre don<\/span>\n                        <a href=\"javascript:void(0)\" id=\"df99073-reset\" onclick=\"df99073_reset()\" style=\"font-size:11px;color:#de5a6c;text-decoration:none;font-weight:600;display:none;\">\u21ba R\u00e9initialiser<\/a>\n                    <\/div>\n                    <div class=\"df99073-amounts\" id=\"df99073-amounts\">\n                                                    <button type=\"button\" class=\"df99073-amt-btn\"\n                                    data-amount=\"100\"\n                                    onclick=\"df99073_selectAmount(this, 100)\">\n                                100<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df99073-amt-btn\"\n                                    data-amount=\"200\"\n                                    onclick=\"df99073_selectAmount(this, 200)\">\n                                200<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df99073-amt-btn\"\n                                    data-amount=\"500\"\n                                    onclick=\"df99073_selectAmount(this, 500)\">\n                                500<small>DT<\/small>\n                            <\/button>\n                                                <button type=\"button\" class=\"df99073-amt-btn\" onclick=\"df99073_showCustom(this)\">\n                            Autre<small>montant<\/small>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Custom amount input -->\n                    <div class=\"df99073-amt-custom\" id=\"df99073-custom-wrap\">\n                        <input type=\"number\" id=\"df99073-custom\" placeholder=\"Montant personnalis\u00e9 (min. 5 DT)\"\n                               min=\"5\" step=\"0.001\" oninput=\"df99073_setCustom()\" \/>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"sosdon_df_amount\" id=\"df99073-hidden-amount\" value=\"0\" \/>\n\n                    <!-- Donor info grid (floating labels) -->\n                    <div class=\"df99073-grid\">\n                        <div class=\"df99073-field\">\n                            <input type=\"text\" name=\"sosdon_df_name\" id=\"df99073-name\" class=\"df99073-input\" placeholder=\" \" required \/>\n                            <label for=\"df99073-name\" class=\"df99073-float-label\">Nom &#038; Pr\u00e9nom *<\/label>\n                        <\/div>\n                        <div class=\"df99073-field\">\n                            <input type=\"tel\" name=\"sosdon_df_phone\" id=\"df99073-phone\" class=\"df99073-input\" placeholder=\" \" required \/>\n                            <label for=\"df99073-phone\" class=\"df99073-float-label\">T\u00e9l\u00e9phone *<\/label>\n                        <\/div>\n                        <div class=\"df99073-field full\">\n                            <input type=\"email\" name=\"sosdon_email\" id=\"df99073-email\" class=\"df99073-input\" placeholder=\" \" required \/>\n                            <label for=\"df99073-email\" class=\"df99073-float-label\">Email *<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Checkboxes -->\n                    <div class=\"df99073-checks\">\n                                                <label class=\"df99073-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_monthly\" value=\"yes\" checked \/>\n                            <span><strong>Rappel mensuel<\/strong> \u2014 Recevoir un rappel SMS\/Email chaque mois pour renouveler mon don<\/span>\n                        <\/label>\n                                                <label class=\"df99073-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_zakat\" value=\"yes\" \/>\n                            <span><strong>Zakat<\/strong> \u2014 Ce don est une Zakat<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"df99073-btn\" id=\"df99073-submit\">Je fais mon don \u2192<\/button>\n\n                    <div class=\"df99073-trust\">\n                        <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        Paiement 100% s\u00e9curis\u00e9 via Mastercard\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script>\n        var df99073_total = 0;\n        var df99073_lastClicked = 0;\n        var df99073_btnText = 'Je fais mon don';\n\n        function df99073_updateButton() {\n            document.getElementById('df99073-hidden-amount').value = df99073_total;\n            var btn = document.getElementById('df99073-submit');\n            if (df99073_total > 0) {\n                var display = df99073_total.toFixed(3).replace(\/\\.?0+$\/, '');\n                btn.innerHTML = df99073_btnText + ' \u2014 <strong>' + display + ' DT<\/strong> \u2192';\n            } else {\n                btn.innerHTML = df99073_btnText + ' \u2192';\n            }\n            \/\/ Show\/hide reset link\n            var reset = document.getElementById('df99073-reset');\n            if (reset) reset.style.display = df99073_total > 0 ? 'inline-block' : 'none';\n        }\n\n        function df99073_selectAmount(btn, amt) {\n            \/\/ Same amount clicked \u2192 ADD to running sum\n            \/\/ Different amount clicked \u2192 RESET total to this amount (start new sum)\n            if (df99073_lastClicked === amt) {\n                df99073_total += amt;\n            } else {\n                df99073_total = amt;\n                df99073_lastClicked = amt;\n            }\n            var wrap = document.getElementById('df99073-amounts');\n            wrap.querySelectorAll('.df99073-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df99073-custom-wrap').classList.remove('show');\n            df99073_updateButton();\n        }\n\n        function df99073_showCustom(btn) {\n            var wrap = document.getElementById('df99073-amounts');\n            wrap.querySelectorAll('.df99073-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df99073-custom-wrap').classList.add('show');\n            document.getElementById('df99073-custom').focus();\n        }\n\n        function df99073_setCustom() {\n            var val = parseFloat(document.getElementById('df99073-custom').value) || 0;\n            if (val < 5) {\n                document.getElementById('df99073-custom').value = '';\n                df99073_customError('Le montant minimum est de 5 DT');\n                return;\n            }\n            df99073_total = val;\n            df99073_updateButton();\n        }\n\n        function df99073_customError(msg) {\n            var wrap = document.getElementById('df99073-custom-wrap');\n            var existing = document.getElementById('df99073-custom-err');\n            if (existing) existing.remove();\n            var el = document.createElement('div');\n            el.id = 'df99073-custom-err';\n            el.style.cssText = 'color:#de5a6c;font-size:12px;margin-top:6px;font-weight:600';\n            el.textContent = msg;\n            wrap.appendChild(el);\n            setTimeout(function() { if (el.parentNode) el.remove(); }, 3000);\n        }\n\n        function df99073_reset() {\n            df99073_total = 0;\n            df99073_lastClicked = 0;\n            var wrap = document.getElementById('df99073-amounts');\n            wrap.querySelectorAll('.df99073-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            document.getElementById('df99073-custom-wrap').classList.remove('show');\n            document.getElementById('df99073-custom').value = '';\n            df99073_updateButton();\n        }\n\n        \/\/ Initial button update\n        df99073_updateButton();\n        <\/script>\n                                                        <\/div>\n                                                                                                <div class=\"smr-don-pool-item\" data-project-id=\"151044\" id=\"smr-don-pool-151044\">\n                                                        \n        <style>\n        .df73519 {\n            --brand-blue: #00abec;\n            --brand-red: #de5a6c;\n            --brand-navy: #1c325d;\n            --brand-light: #e8f7fe;\n            --brand-border: #d1ecfb;\n            max-width: 520px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        }\n        .df73519 * { box-sizing: border-box; }\n\n        .df73519-card {\n            background: #fff;\n            border-radius: 14px;\n            padding: 26px 22px;\n            box-shadow: 0 4px 22px rgba(28,50,93,.08);\n            border: 1px solid #e8ecf3;\n        }\n\n        \/* Title *\/\n        .df73519-title {\n            text-align: center;\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            margin: 0 0 4px;\n            letter-spacing: -0.3px;\n        }\n        .df73519-subtitle {\n            text-align: center;\n            font-size: 12px;\n            color: #64748b;\n            margin: 0 0 18px;\n        }\n\n        \/* Amount buttons *\/\n        .df73519-amounts {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 14px;\n        }\n        .df73519-amt-btn {\n            flex: 1;\n            min-width: 56px;\n            padding: 11px 4px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            background: #fff;\n            font-size: 17px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            cursor: pointer;\n            transition: all .2s;\n            text-align: center;\n            line-height: 1.1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .df73519-amt-btn:hover {\n            border-color: var(--brand-blue);\n            background: var(--brand-light);\n            color: var(--brand-navy);\n        }\n        .df73519-amt-btn.active {\n            border-color: var(--brand-blue);\n            background: var(--brand-blue);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0,171,236,.25);\n        }\n        .df73519-amt-btn small {\n            display: block;\n            font-size: 9px;\n            font-weight: 600;\n            opacity: .6;\n            margin-top: 2px;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n        }\n        .df73519-amt-custom {\n            display: none;\n            margin-bottom: 14px;\n        }\n        .df73519-amt-custom.show { display: block; }\n        .df73519-amt-custom input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--brand-navy);\n            outline: none;\n            transition: border-color .2s;\n        }\n        .df73519-amt-custom input:focus { border-color: var(--brand-blue); }\n\n        \/* Form grid *\/\n        .df73519-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n        @media (max-width: 520px) {\n            .df73519-grid { grid-template-columns: 1fr; }\n            .df73519-amt-btn { min-width: 56px; font-size: 15px; padding: 10px 4px; }\n            .df73519-card { padding: 20px 14px; }\n        }\n\n        \/* Input fields (floating label) *\/\n        .df73519-field { position: relative; }\n        .df73519-field.full { grid-column: 1 \/ -1; }\n        .df73519-input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #0f172a;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s, padding .15s;\n            font-family: inherit;\n        }\n        .df73519-input:focus,\n        .df73519-input:not(:placeholder-shown) {\n            padding: 16px 14px 6px;\n            border-color: var(--brand-blue);\n            box-shadow: 0 0 0 3px rgba(0,171,236,.1);\n        }\n        .df73519-input::placeholder { color: transparent; }\n        .df73519-float-label {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 14px;\n            color: #94a3b8;\n            pointer-events: none;\n            transition: all .15s ease;\n            font-weight: 500;\n        }\n        .df73519-input:focus ~ .df73519-float-label,\n        .df73519-input:not(:placeholder-shown) ~ .df73519-float-label {\n            top: 7px;\n            transform: translateY(0);\n            font-size: 10px;\n            color: var(--brand-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .4px;\n        }\n\n        \/* Checkboxes *\/\n        .df73519-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding: 12px 14px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 1px solid #e8ecf3;\n        }\n        .df73519-check {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            cursor: pointer;\n            font-size: 13px;\n            color: #334155;\n            line-height: 1.45;\n        }\n        .df73519-check input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: var(--brand-blue);\n            margin-top: 1px;\n            flex-shrink: 0;\n            cursor: pointer;\n        }\n        .df73519-check strong { color: var(--brand-navy); }\n\n        \/* Submit button *\/\n        .df73519-btn {\n            width: 100%;\n            padding: 14px;\n            border: none;\n            border-radius: 8px;\n            background: linear-gradient(135deg, var(--brand-blue), #0096cc);\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all .2s;\n            letter-spacing: .3px;\n            box-shadow: 0 6px 18px rgba(0,171,236,.2);\n        }\n        .df73519-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(0,171,236,.3);\n        }\n        .df73519-btn:active { transform: translateY(0); }\n        .df73519-btn:disabled { opacity: .6; cursor: default; }\n\n        \/* Result messages *\/\n        .df73519-result {\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-bottom: 14px;\n            font-size: 13px;\n            font-weight: 500;\n            animation: df73519-fade .3s ease;\n        }\n        @keyframes df73519-fade {\n            from { opacity: 0; transform: translateY(-6px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .df73519-result.success {\n            background: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            color: #065f46;\n        }\n        .df73519-result.error {\n            background: #fef2f2;\n            border: 1px solid #fecaca;\n            color: #991b1b;\n        }\n        .df73519-result a {\n            display: inline-block;\n            margin-top: 8px;\n            padding: 10px 22px;\n            background: var(--brand-navy);\n            color: #fff;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            transition: opacity .2s;\n        }\n        .df73519-result a:hover { opacity: .85; }\n\n        \/* Trust badge *\/\n        .df73519-trust {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 11px;\n            color: #94a3b8;\n        }\n        .df73519-trust svg {\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        \/* Redirect overlay (smart) *\/\n        .df73519-redirect {\n            text-align: center;\n            padding: 28px 10px 22px;\n        }\n        .df73519-spinner {\n            width: 42px;\n            height: 42px;\n            border: 4px solid #e2e8f0;\n            border-top-color: var(--brand-blue);\n            border-radius: 50%;\n            margin: 0 auto 14px;\n            animation: df73519-spin .8s linear infinite;\n        }\n        @keyframes df73519-spin { to { transform: rotate(360deg); } }\n        .df73519-redirect p {\n            margin: 0;\n            font-size: 14px;\n            color: #64748b;\n            font-weight: 600;\n        }\n        .df73519-redirect small {\n            display: block;\n            margin-top: 4px;\n            font-size: 11px;\n            color: #94a3b8;\n            font-weight: 500;\n        }\n        <\/style>\n\n        <div class=\"df73519\">\n            <div class=\"df73519-card\">\n                \n                \n                <form method=\"post\" enctype=\"multipart\/form-data\" id=\"df73519-form\">\n                    <input type=\"hidden\" id=\"sosdon_df_nonce\" name=\"sosdon_df_nonce\" value=\"7f7b96696d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/151051\" \/>\n                    <!-- Amount selector -->\n                    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;\">\n                        <span style=\"font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;\">Votre don<\/span>\n                        <a href=\"javascript:void(0)\" id=\"df73519-reset\" onclick=\"df73519_reset()\" style=\"font-size:11px;color:#de5a6c;text-decoration:none;font-weight:600;display:none;\">\u21ba R\u00e9initialiser<\/a>\n                    <\/div>\n                    <div class=\"df73519-amounts\" id=\"df73519-amounts\">\n                                                    <button type=\"button\" class=\"df73519-amt-btn\"\n                                    data-amount=\"100\"\n                                    onclick=\"df73519_selectAmount(this, 100)\">\n                                100<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df73519-amt-btn\"\n                                    data-amount=\"200\"\n                                    onclick=\"df73519_selectAmount(this, 200)\">\n                                200<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df73519-amt-btn\"\n                                    data-amount=\"500\"\n                                    onclick=\"df73519_selectAmount(this, 500)\">\n                                500<small>DT<\/small>\n                            <\/button>\n                                                <button type=\"button\" class=\"df73519-amt-btn\" onclick=\"df73519_showCustom(this)\">\n                            Autre<small>montant<\/small>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Custom amount input -->\n                    <div class=\"df73519-amt-custom\" id=\"df73519-custom-wrap\">\n                        <input type=\"number\" id=\"df73519-custom\" placeholder=\"Montant personnalis\u00e9 (min. 5 DT)\"\n                               min=\"5\" step=\"0.001\" oninput=\"df73519_setCustom()\" \/>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"sosdon_df_amount\" id=\"df73519-hidden-amount\" value=\"0\" \/>\n\n                    <!-- Donor info grid (floating labels) -->\n                    <div class=\"df73519-grid\">\n                        <div class=\"df73519-field\">\n                            <input type=\"text\" name=\"sosdon_df_name\" id=\"df73519-name\" class=\"df73519-input\" placeholder=\" \" required \/>\n                            <label for=\"df73519-name\" class=\"df73519-float-label\">Nom & Pr\u00e9nom *<\/label>\n                        <\/div>\n                        <div class=\"df73519-field\">\n                            <input type=\"tel\" name=\"sosdon_df_phone\" id=\"df73519-phone\" class=\"df73519-input\" placeholder=\" \" required \/>\n                            <label for=\"df73519-phone\" class=\"df73519-float-label\">T\u00e9l\u00e9phone *<\/label>\n                        <\/div>\n                        <div class=\"df73519-field full\">\n                            <input type=\"email\" name=\"sosdon_email\" id=\"df73519-email\" class=\"df73519-input\" placeholder=\" \" required \/>\n                            <label for=\"df73519-email\" class=\"df73519-float-label\">Email *<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Checkboxes -->\n                    <div class=\"df73519-checks\">\n                                                <label class=\"df73519-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_monthly\" value=\"yes\" checked \/>\n                            <span><strong>Rappel mensuel<\/strong> \u2014 Recevoir un rappel SMS\/Email chaque mois pour renouveler mon don<\/span>\n                        <\/label>\n                                                <label class=\"df73519-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_zakat\" value=\"yes\" \/>\n                            <span><strong>Zakat<\/strong> \u2014 Ce don est une Zakat<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"df73519-btn\" id=\"df73519-submit\">Je fais mon don \u2192<\/button>\n\n                    <div class=\"df73519-trust\">\n                        <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        Paiement 100% s\u00e9curis\u00e9 via Mastercard\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script>\n        var df73519_total = 0;\n        var df73519_lastClicked = 0;\n        var df73519_btnText = 'Je fais mon don';\n\n        function df73519_updateButton() {\n            document.getElementById('df73519-hidden-amount').value = df73519_total;\n            var btn = document.getElementById('df73519-submit');\n            if (df73519_total > 0) {\n                var display = df73519_total.toFixed(3).replace(\/\\.?0+$\/, '');\n                btn.innerHTML = df73519_btnText + ' \u2014 <strong>' + display + ' DT<\/strong> \u2192';\n            } else {\n                btn.innerHTML = df73519_btnText + ' \u2192';\n            }\n            \/\/ Show\/hide reset link\n            var reset = document.getElementById('df73519-reset');\n            if (reset) reset.style.display = df73519_total > 0 ? 'inline-block' : 'none';\n        }\n\n        function df73519_selectAmount(btn, amt) {\n            \/\/ Same amount clicked \u2192 ADD to running sum\n            \/\/ Different amount clicked \u2192 RESET total to this amount (start new sum)\n            if (df73519_lastClicked === amt) {\n                df73519_total += amt;\n            } else {\n                df73519_total = amt;\n                df73519_lastClicked = amt;\n            }\n            var wrap = document.getElementById('df73519-amounts');\n            wrap.querySelectorAll('.df73519-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df73519-custom-wrap').classList.remove('show');\n            df73519_updateButton();\n        }\n\n        function df73519_showCustom(btn) {\n            var wrap = document.getElementById('df73519-amounts');\n            wrap.querySelectorAll('.df73519-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df73519-custom-wrap').classList.add('show');\n            document.getElementById('df73519-custom').focus();\n        }\n\n        function df73519_setCustom() {\n            var val = parseFloat(document.getElementById('df73519-custom').value) || 0;\n            if (val < 5) {\n                document.getElementById('df73519-custom').value = '';\n                df73519_customError('Le montant minimum est de 5 DT');\n                return;\n            }\n            df73519_total = val;\n            df73519_updateButton();\n        }\n\n        function df73519_customError(msg) {\n            var wrap = document.getElementById('df73519-custom-wrap');\n            var existing = document.getElementById('df73519-custom-err');\n            if (existing) existing.remove();\n            var el = document.createElement('div');\n            el.id = 'df73519-custom-err';\n            el.style.cssText = 'color:#de5a6c;font-size:12px;margin-top:6px;font-weight:600';\n            el.textContent = msg;\n            wrap.appendChild(el);\n            setTimeout(function() { if (el.parentNode) el.remove(); }, 3000);\n        }\n\n        function df73519_reset() {\n            df73519_total = 0;\n            df73519_lastClicked = 0;\n            var wrap = document.getElementById('df73519-amounts');\n            wrap.querySelectorAll('.df73519-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            document.getElementById('df73519-custom-wrap').classList.remove('show');\n            document.getElementById('df73519-custom').value = '';\n            df73519_updateButton();\n        }\n\n        \/\/ Initial button update\n        df73519_updateButton();\n        <\/script>\n                                                        <\/div>\n                                                                                                <div class=\"smr-don-pool-item\" data-project-id=\"161409\" id=\"smr-don-pool-161409\">\n                                                        \n        <style>\n        .df74163 {\n            --brand-blue: #00abec;\n            --brand-red: #de5a6c;\n            --brand-navy: #1c325d;\n            --brand-light: #e8f7fe;\n            --brand-border: #d1ecfb;\n            max-width: 520px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        }\n        .df74163 * { box-sizing: border-box; }\n\n        .df74163-card {\n            background: #fff;\n            border-radius: 14px;\n            padding: 26px 22px;\n            box-shadow: 0 4px 22px rgba(28,50,93,.08);\n            border: 1px solid #e8ecf3;\n        }\n\n        \/* Title *\/\n        .df74163-title {\n            text-align: center;\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            margin: 0 0 4px;\n            letter-spacing: -0.3px;\n        }\n        .df74163-subtitle {\n            text-align: center;\n            font-size: 12px;\n            color: #64748b;\n            margin: 0 0 18px;\n        }\n\n        \/* Amount buttons *\/\n        .df74163-amounts {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 14px;\n        }\n        .df74163-amt-btn {\n            flex: 1;\n            min-width: 56px;\n            padding: 11px 4px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            background: #fff;\n            font-size: 17px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            cursor: pointer;\n            transition: all .2s;\n            text-align: center;\n            line-height: 1.1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .df74163-amt-btn:hover {\n            border-color: var(--brand-blue);\n            background: var(--brand-light);\n            color: var(--brand-navy);\n        }\n        .df74163-amt-btn.active {\n            border-color: var(--brand-blue);\n            background: var(--brand-blue);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0,171,236,.25);\n        }\n        .df74163-amt-btn small {\n            display: block;\n            font-size: 9px;\n            font-weight: 600;\n            opacity: .6;\n            margin-top: 2px;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n        }\n        .df74163-amt-custom {\n            display: none;\n            margin-bottom: 14px;\n        }\n        .df74163-amt-custom.show { display: block; }\n        .df74163-amt-custom input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--brand-navy);\n            outline: none;\n            transition: border-color .2s;\n        }\n        .df74163-amt-custom input:focus { border-color: var(--brand-blue); }\n\n        \/* Form grid *\/\n        .df74163-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n        @media (max-width: 520px) {\n            .df74163-grid { grid-template-columns: 1fr; }\n            .df74163-amt-btn { min-width: 56px; font-size: 15px; padding: 10px 4px; }\n            .df74163-card { padding: 20px 14px; }\n        }\n\n        \/* Input fields (floating label) *\/\n        .df74163-field { position: relative; }\n        .df74163-field.full { grid-column: 1 \/ -1; }\n        .df74163-input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #0f172a;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s, padding .15s;\n            font-family: inherit;\n        }\n        .df74163-input:focus,\n        .df74163-input:not(:placeholder-shown) {\n            padding: 16px 14px 6px;\n            border-color: var(--brand-blue);\n            box-shadow: 0 0 0 3px rgba(0,171,236,.1);\n        }\n        .df74163-input::placeholder { color: transparent; }\n        .df74163-float-label {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 14px;\n            color: #94a3b8;\n            pointer-events: none;\n            transition: all .15s ease;\n            font-weight: 500;\n        }\n        .df74163-input:focus ~ .df74163-float-label,\n        .df74163-input:not(:placeholder-shown) ~ .df74163-float-label {\n            top: 7px;\n            transform: translateY(0);\n            font-size: 10px;\n            color: var(--brand-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .4px;\n        }\n\n        \/* Checkboxes *\/\n        .df74163-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding: 12px 14px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 1px solid #e8ecf3;\n        }\n        .df74163-check {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            cursor: pointer;\n            font-size: 13px;\n            color: #334155;\n            line-height: 1.45;\n        }\n        .df74163-check input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: var(--brand-blue);\n            margin-top: 1px;\n            flex-shrink: 0;\n            cursor: pointer;\n        }\n        .df74163-check strong { color: var(--brand-navy); }\n\n        \/* Submit button *\/\n        .df74163-btn {\n            width: 100%;\n            padding: 14px;\n            border: none;\n            border-radius: 8px;\n            background: linear-gradient(135deg, var(--brand-blue), #0096cc);\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all .2s;\n            letter-spacing: .3px;\n            box-shadow: 0 6px 18px rgba(0,171,236,.2);\n        }\n        .df74163-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(0,171,236,.3);\n        }\n        .df74163-btn:active { transform: translateY(0); }\n        .df74163-btn:disabled { opacity: .6; cursor: default; }\n\n        \/* Result messages *\/\n        .df74163-result {\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-bottom: 14px;\n            font-size: 13px;\n            font-weight: 500;\n            animation: df74163-fade .3s ease;\n        }\n        @keyframes df74163-fade {\n            from { opacity: 0; transform: translateY(-6px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .df74163-result.success {\n            background: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            color: #065f46;\n        }\n        .df74163-result.error {\n            background: #fef2f2;\n            border: 1px solid #fecaca;\n            color: #991b1b;\n        }\n        .df74163-result a {\n            display: inline-block;\n            margin-top: 8px;\n            padding: 10px 22px;\n            background: var(--brand-navy);\n            color: #fff;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            transition: opacity .2s;\n        }\n        .df74163-result a:hover { opacity: .85; }\n\n        \/* Trust badge *\/\n        .df74163-trust {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 11px;\n            color: #94a3b8;\n        }\n        .df74163-trust svg {\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        \/* Redirect overlay (smart) *\/\n        .df74163-redirect {\n            text-align: center;\n            padding: 28px 10px 22px;\n        }\n        .df74163-spinner {\n            width: 42px;\n            height: 42px;\n            border: 4px solid #e2e8f0;\n            border-top-color: var(--brand-blue);\n            border-radius: 50%;\n            margin: 0 auto 14px;\n            animation: df74163-spin .8s linear infinite;\n        }\n        @keyframes df74163-spin { to { transform: rotate(360deg); } }\n        .df74163-redirect p {\n            margin: 0;\n            font-size: 14px;\n            color: #64748b;\n            font-weight: 600;\n        }\n        .df74163-redirect small {\n            display: block;\n            margin-top: 4px;\n            font-size: 11px;\n            color: #94a3b8;\n            font-weight: 500;\n        }\n        <\/style>\n\n        <div class=\"df74163\">\n            <div class=\"df74163-card\">\n                \n                \n                <form method=\"post\" enctype=\"multipart\/form-data\" id=\"df74163-form\">\n                    <input type=\"hidden\" id=\"sosdon_df_nonce\" name=\"sosdon_df_nonce\" value=\"7f7b96696d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/151051\" \/>\n                    <!-- Amount selector -->\n                    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;\">\n                        <span style=\"font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;\">Votre don<\/span>\n                        <a href=\"javascript:void(0)\" id=\"df74163-reset\" onclick=\"df74163_reset()\" style=\"font-size:11px;color:#de5a6c;text-decoration:none;font-weight:600;display:none;\">\u21ba R\u00e9initialiser<\/a>\n                    <\/div>\n                    <div class=\"df74163-amounts\" id=\"df74163-amounts\">\n                                                    <button type=\"button\" class=\"df74163-amt-btn\"\n                                    data-amount=\"100\"\n                                    onclick=\"df74163_selectAmount(this, 100)\">\n                                100<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df74163-amt-btn\"\n                                    data-amount=\"200\"\n                                    onclick=\"df74163_selectAmount(this, 200)\">\n                                200<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df74163-amt-btn\"\n                                    data-amount=\"500\"\n                                    onclick=\"df74163_selectAmount(this, 500)\">\n                                500<small>DT<\/small>\n                            <\/button>\n                                                <button type=\"button\" class=\"df74163-amt-btn\" onclick=\"df74163_showCustom(this)\">\n                            Autre<small>montant<\/small>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Custom amount input -->\n                    <div class=\"df74163-amt-custom\" id=\"df74163-custom-wrap\">\n                        <input type=\"number\" id=\"df74163-custom\" placeholder=\"Montant personnalis\u00e9 (min. 5 DT)\"\n                               min=\"5\" step=\"0.001\" oninput=\"df74163_setCustom()\" \/>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"sosdon_df_amount\" id=\"df74163-hidden-amount\" value=\"0\" \/>\n\n                    <!-- Donor info grid (floating labels) -->\n                    <div class=\"df74163-grid\">\n                        <div class=\"df74163-field\">\n                            <input type=\"text\" name=\"sosdon_df_name\" id=\"df74163-name\" class=\"df74163-input\" placeholder=\" \" required \/>\n                            <label for=\"df74163-name\" class=\"df74163-float-label\">Nom & Pr\u00e9nom *<\/label>\n                        <\/div>\n                        <div class=\"df74163-field\">\n                            <input type=\"tel\" name=\"sosdon_df_phone\" id=\"df74163-phone\" class=\"df74163-input\" placeholder=\" \" required \/>\n                            <label for=\"df74163-phone\" class=\"df74163-float-label\">T\u00e9l\u00e9phone *<\/label>\n                        <\/div>\n                        <div class=\"df74163-field full\">\n                            <input type=\"email\" name=\"sosdon_email\" id=\"df74163-email\" class=\"df74163-input\" placeholder=\" \" required \/>\n                            <label for=\"df74163-email\" class=\"df74163-float-label\">Email *<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Checkboxes -->\n                    <div class=\"df74163-checks\">\n                                                <label class=\"df74163-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_monthly\" value=\"yes\" checked \/>\n                            <span><strong>Rappel mensuel<\/strong> \u2014 Recevoir un rappel SMS\/Email chaque mois pour renouveler mon don<\/span>\n                        <\/label>\n                                                <label class=\"df74163-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_zakat\" value=\"yes\" \/>\n                            <span><strong>Zakat<\/strong> \u2014 Ce don est une Zakat<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"df74163-btn\" id=\"df74163-submit\">Je fais mon don \u2192<\/button>\n\n                    <div class=\"df74163-trust\">\n                        <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        Paiement 100% s\u00e9curis\u00e9 via Mastercard\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script>\n        var df74163_total = 0;\n        var df74163_lastClicked = 0;\n        var df74163_btnText = 'Je fais mon don';\n\n        function df74163_updateButton() {\n            document.getElementById('df74163-hidden-amount').value = df74163_total;\n            var btn = document.getElementById('df74163-submit');\n            if (df74163_total > 0) {\n                var display = df74163_total.toFixed(3).replace(\/\\.?0+$\/, '');\n                btn.innerHTML = df74163_btnText + ' \u2014 <strong>' + display + ' DT<\/strong> \u2192';\n            } else {\n                btn.innerHTML = df74163_btnText + ' \u2192';\n            }\n            \/\/ Show\/hide reset link\n            var reset = document.getElementById('df74163-reset');\n            if (reset) reset.style.display = df74163_total > 0 ? 'inline-block' : 'none';\n        }\n\n        function df74163_selectAmount(btn, amt) {\n            \/\/ Same amount clicked \u2192 ADD to running sum\n            \/\/ Different amount clicked \u2192 RESET total to this amount (start new sum)\n            if (df74163_lastClicked === amt) {\n                df74163_total += amt;\n            } else {\n                df74163_total = amt;\n                df74163_lastClicked = amt;\n            }\n            var wrap = document.getElementById('df74163-amounts');\n            wrap.querySelectorAll('.df74163-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df74163-custom-wrap').classList.remove('show');\n            df74163_updateButton();\n        }\n\n        function df74163_showCustom(btn) {\n            var wrap = document.getElementById('df74163-amounts');\n            wrap.querySelectorAll('.df74163-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df74163-custom-wrap').classList.add('show');\n            document.getElementById('df74163-custom').focus();\n        }\n\n        function df74163_setCustom() {\n            var val = parseFloat(document.getElementById('df74163-custom').value) || 0;\n            if (val < 5) {\n                document.getElementById('df74163-custom').value = '';\n                df74163_customError('Le montant minimum est de 5 DT');\n                return;\n            }\n            df74163_total = val;\n            df74163_updateButton();\n        }\n\n        function df74163_customError(msg) {\n            var wrap = document.getElementById('df74163-custom-wrap');\n            var existing = document.getElementById('df74163-custom-err');\n            if (existing) existing.remove();\n            var el = document.createElement('div');\n            el.id = 'df74163-custom-err';\n            el.style.cssText = 'color:#de5a6c;font-size:12px;margin-top:6px;font-weight:600';\n            el.textContent = msg;\n            wrap.appendChild(el);\n            setTimeout(function() { if (el.parentNode) el.remove(); }, 3000);\n        }\n\n        function df74163_reset() {\n            df74163_total = 0;\n            df74163_lastClicked = 0;\n            var wrap = document.getElementById('df74163-amounts');\n            wrap.querySelectorAll('.df74163-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            document.getElementById('df74163-custom-wrap').classList.remove('show');\n            document.getElementById('df74163-custom').value = '';\n            df74163_updateButton();\n        }\n\n        \/\/ Initial button update\n        df74163_updateButton();\n        <\/script>\n                                                        <\/div>\n                                                                                                <div class=\"smr-don-pool-item\" data-project-id=\"181305\" id=\"smr-don-pool-181305\">\n                                                        \n        <style>\n        .df48413 {\n            --brand-blue: #00abec;\n            --brand-red: #de5a6c;\n            --brand-navy: #1c325d;\n            --brand-light: #e8f7fe;\n            --brand-border: #d1ecfb;\n            max-width: 520px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        }\n        .df48413 * { box-sizing: border-box; }\n\n        .df48413-card {\n            background: #fff;\n            border-radius: 14px;\n            padding: 26px 22px;\n            box-shadow: 0 4px 22px rgba(28,50,93,.08);\n            border: 1px solid #e8ecf3;\n        }\n\n        \/* Title *\/\n        .df48413-title {\n            text-align: center;\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            margin: 0 0 4px;\n            letter-spacing: -0.3px;\n        }\n        .df48413-subtitle {\n            text-align: center;\n            font-size: 12px;\n            color: #64748b;\n            margin: 0 0 18px;\n        }\n\n        \/* Amount buttons *\/\n        .df48413-amounts {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 14px;\n        }\n        .df48413-amt-btn {\n            flex: 1;\n            min-width: 56px;\n            padding: 11px 4px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            background: #fff;\n            font-size: 17px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            cursor: pointer;\n            transition: all .2s;\n            text-align: center;\n            line-height: 1.1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .df48413-amt-btn:hover {\n            border-color: var(--brand-blue);\n            background: var(--brand-light);\n            color: var(--brand-navy);\n        }\n        .df48413-amt-btn.active {\n            border-color: var(--brand-blue);\n            background: var(--brand-blue);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0,171,236,.25);\n        }\n        .df48413-amt-btn small {\n            display: block;\n            font-size: 9px;\n            font-weight: 600;\n            opacity: .6;\n            margin-top: 2px;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n        }\n        .df48413-amt-custom {\n            display: none;\n            margin-bottom: 14px;\n        }\n        .df48413-amt-custom.show { display: block; }\n        .df48413-amt-custom input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--brand-navy);\n            outline: none;\n            transition: border-color .2s;\n        }\n        .df48413-amt-custom input:focus { border-color: var(--brand-blue); }\n\n        \/* Form grid *\/\n        .df48413-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n        @media (max-width: 520px) {\n            .df48413-grid { grid-template-columns: 1fr; }\n            .df48413-amt-btn { min-width: 56px; font-size: 15px; padding: 10px 4px; }\n            .df48413-card { padding: 20px 14px; }\n        }\n\n        \/* Input fields (floating label) *\/\n        .df48413-field { position: relative; }\n        .df48413-field.full { grid-column: 1 \/ -1; }\n        .df48413-input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #0f172a;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s, padding .15s;\n            font-family: inherit;\n        }\n        .df48413-input:focus,\n        .df48413-input:not(:placeholder-shown) {\n            padding: 16px 14px 6px;\n            border-color: var(--brand-blue);\n            box-shadow: 0 0 0 3px rgba(0,171,236,.1);\n        }\n        .df48413-input::placeholder { color: transparent; }\n        .df48413-float-label {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 14px;\n            color: #94a3b8;\n            pointer-events: none;\n            transition: all .15s ease;\n            font-weight: 500;\n        }\n        .df48413-input:focus ~ .df48413-float-label,\n        .df48413-input:not(:placeholder-shown) ~ .df48413-float-label {\n            top: 7px;\n            transform: translateY(0);\n            font-size: 10px;\n            color: var(--brand-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .4px;\n        }\n\n        \/* Checkboxes *\/\n        .df48413-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding: 12px 14px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 1px solid #e8ecf3;\n        }\n        .df48413-check {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            cursor: pointer;\n            font-size: 13px;\n            color: #334155;\n            line-height: 1.45;\n        }\n        .df48413-check input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: var(--brand-blue);\n            margin-top: 1px;\n            flex-shrink: 0;\n            cursor: pointer;\n        }\n        .df48413-check strong { color: var(--brand-navy); }\n\n        \/* Submit button *\/\n        .df48413-btn {\n            width: 100%;\n            padding: 14px;\n            border: none;\n            border-radius: 8px;\n            background: linear-gradient(135deg, var(--brand-blue), #0096cc);\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all .2s;\n            letter-spacing: .3px;\n            box-shadow: 0 6px 18px rgba(0,171,236,.2);\n        }\n        .df48413-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(0,171,236,.3);\n        }\n        .df48413-btn:active { transform: translateY(0); }\n        .df48413-btn:disabled { opacity: .6; cursor: default; }\n\n        \/* Result messages *\/\n        .df48413-result {\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-bottom: 14px;\n            font-size: 13px;\n            font-weight: 500;\n            animation: df48413-fade .3s ease;\n        }\n        @keyframes df48413-fade {\n            from { opacity: 0; transform: translateY(-6px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .df48413-result.success {\n            background: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            color: #065f46;\n        }\n        .df48413-result.error {\n            background: #fef2f2;\n            border: 1px solid #fecaca;\n            color: #991b1b;\n        }\n        .df48413-result a {\n            display: inline-block;\n            margin-top: 8px;\n            padding: 10px 22px;\n            background: var(--brand-navy);\n            color: #fff;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            transition: opacity .2s;\n        }\n        .df48413-result a:hover { opacity: .85; }\n\n        \/* Trust badge *\/\n        .df48413-trust {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 11px;\n            color: #94a3b8;\n        }\n        .df48413-trust svg {\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        \/* Redirect overlay (smart) *\/\n        .df48413-redirect {\n            text-align: center;\n            padding: 28px 10px 22px;\n        }\n        .df48413-spinner {\n            width: 42px;\n            height: 42px;\n            border: 4px solid #e2e8f0;\n            border-top-color: var(--brand-blue);\n            border-radius: 50%;\n            margin: 0 auto 14px;\n            animation: df48413-spin .8s linear infinite;\n        }\n        @keyframes df48413-spin { to { transform: rotate(360deg); } }\n        .df48413-redirect p {\n            margin: 0;\n            font-size: 14px;\n            color: #64748b;\n            font-weight: 600;\n        }\n        .df48413-redirect small {\n            display: block;\n            margin-top: 4px;\n            font-size: 11px;\n            color: #94a3b8;\n            font-weight: 500;\n        }\n        <\/style>\n\n        <div class=\"df48413\">\n            <div class=\"df48413-card\">\n                \n                \n                <form method=\"post\" enctype=\"multipart\/form-data\" id=\"df48413-form\">\n                    <input type=\"hidden\" id=\"sosdon_df_nonce\" name=\"sosdon_df_nonce\" value=\"7f7b96696d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/151051\" \/>\n                    <!-- Amount selector -->\n                    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;\">\n                        <span style=\"font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;\">Votre don<\/span>\n                        <a href=\"javascript:void(0)\" id=\"df48413-reset\" onclick=\"df48413_reset()\" style=\"font-size:11px;color:#de5a6c;text-decoration:none;font-weight:600;display:none;\">\u21ba R\u00e9initialiser<\/a>\n                    <\/div>\n                    <div class=\"df48413-amounts\" id=\"df48413-amounts\">\n                                                    <button type=\"button\" class=\"df48413-amt-btn\"\n                                    data-amount=\"100\"\n                                    onclick=\"df48413_selectAmount(this, 100)\">\n                                100<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df48413-amt-btn\"\n                                    data-amount=\"200\"\n                                    onclick=\"df48413_selectAmount(this, 200)\">\n                                200<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df48413-amt-btn\"\n                                    data-amount=\"500\"\n                                    onclick=\"df48413_selectAmount(this, 500)\">\n                                500<small>DT<\/small>\n                            <\/button>\n                                                <button type=\"button\" class=\"df48413-amt-btn\" onclick=\"df48413_showCustom(this)\">\n                            Autre<small>montant<\/small>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Custom amount input -->\n                    <div class=\"df48413-amt-custom\" id=\"df48413-custom-wrap\">\n                        <input type=\"number\" id=\"df48413-custom\" placeholder=\"Montant personnalis\u00e9 (min. 5 DT)\"\n                               min=\"5\" step=\"0.001\" oninput=\"df48413_setCustom()\" \/>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"sosdon_df_amount\" id=\"df48413-hidden-amount\" value=\"0\" \/>\n\n                    <!-- Donor info grid (floating labels) -->\n                    <div class=\"df48413-grid\">\n                        <div class=\"df48413-field\">\n                            <input type=\"text\" name=\"sosdon_df_name\" id=\"df48413-name\" class=\"df48413-input\" placeholder=\" \" required \/>\n                            <label for=\"df48413-name\" class=\"df48413-float-label\">Nom & Pr\u00e9nom *<\/label>\n                        <\/div>\n                        <div class=\"df48413-field\">\n                            <input type=\"tel\" name=\"sosdon_df_phone\" id=\"df48413-phone\" class=\"df48413-input\" placeholder=\" \" required \/>\n                            <label for=\"df48413-phone\" class=\"df48413-float-label\">T\u00e9l\u00e9phone *<\/label>\n                        <\/div>\n                        <div class=\"df48413-field full\">\n                            <input type=\"email\" name=\"sosdon_email\" id=\"df48413-email\" class=\"df48413-input\" placeholder=\" \" required \/>\n                            <label for=\"df48413-email\" class=\"df48413-float-label\">Email *<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Checkboxes -->\n                    <div class=\"df48413-checks\">\n                                                <label class=\"df48413-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_monthly\" value=\"yes\" checked \/>\n                            <span><strong>Rappel mensuel<\/strong> \u2014 Recevoir un rappel SMS\/Email chaque mois pour renouveler mon don<\/span>\n                        <\/label>\n                                                <label class=\"df48413-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_zakat\" value=\"yes\" \/>\n                            <span><strong>Zakat<\/strong> \u2014 Ce don est une Zakat<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"df48413-btn\" id=\"df48413-submit\">Je fais mon don \u2192<\/button>\n\n                    <div class=\"df48413-trust\">\n                        <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        Paiement 100% s\u00e9curis\u00e9 via Mastercard\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script>\n        var df48413_total = 0;\n        var df48413_lastClicked = 0;\n        var df48413_btnText = 'Je fais mon don';\n\n        function df48413_updateButton() {\n            document.getElementById('df48413-hidden-amount').value = df48413_total;\n            var btn = document.getElementById('df48413-submit');\n            if (df48413_total > 0) {\n                var display = df48413_total.toFixed(3).replace(\/\\.?0+$\/, '');\n                btn.innerHTML = df48413_btnText + ' \u2014 <strong>' + display + ' DT<\/strong> \u2192';\n            } else {\n                btn.innerHTML = df48413_btnText + ' \u2192';\n            }\n            \/\/ Show\/hide reset link\n            var reset = document.getElementById('df48413-reset');\n            if (reset) reset.style.display = df48413_total > 0 ? 'inline-block' : 'none';\n        }\n\n        function df48413_selectAmount(btn, amt) {\n            \/\/ Same amount clicked \u2192 ADD to running sum\n            \/\/ Different amount clicked \u2192 RESET total to this amount (start new sum)\n            if (df48413_lastClicked === amt) {\n                df48413_total += amt;\n            } else {\n                df48413_total = amt;\n                df48413_lastClicked = amt;\n            }\n            var wrap = document.getElementById('df48413-amounts');\n            wrap.querySelectorAll('.df48413-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df48413-custom-wrap').classList.remove('show');\n            df48413_updateButton();\n        }\n\n        function df48413_showCustom(btn) {\n            var wrap = document.getElementById('df48413-amounts');\n            wrap.querySelectorAll('.df48413-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df48413-custom-wrap').classList.add('show');\n            document.getElementById('df48413-custom').focus();\n        }\n\n        function df48413_setCustom() {\n            var val = parseFloat(document.getElementById('df48413-custom').value) || 0;\n            if (val < 5) {\n                document.getElementById('df48413-custom').value = '';\n                df48413_customError('Le montant minimum est de 5 DT');\n                return;\n            }\n            df48413_total = val;\n            df48413_updateButton();\n        }\n\n        function df48413_customError(msg) {\n            var wrap = document.getElementById('df48413-custom-wrap');\n            var existing = document.getElementById('df48413-custom-err');\n            if (existing) existing.remove();\n            var el = document.createElement('div');\n            el.id = 'df48413-custom-err';\n            el.style.cssText = 'color:#de5a6c;font-size:12px;margin-top:6px;font-weight:600';\n            el.textContent = msg;\n            wrap.appendChild(el);\n            setTimeout(function() { if (el.parentNode) el.remove(); }, 3000);\n        }\n\n        function df48413_reset() {\n            df48413_total = 0;\n            df48413_lastClicked = 0;\n            var wrap = document.getElementById('df48413-amounts');\n            wrap.querySelectorAll('.df48413-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            document.getElementById('df48413-custom-wrap').classList.remove('show');\n            document.getElementById('df48413-custom').value = '';\n            df48413_updateButton();\n        }\n\n        \/\/ Initial button update\n        df48413_updateButton();\n        <\/script>\n                                                        <\/div>\n                                                                                                <div class=\"smr-don-pool-item\" data-project-id=\"151043\" id=\"smr-don-pool-151043\">\n                                                        \n        <style>\n        .df31883 {\n            --brand-blue: #00abec;\n            --brand-red: #de5a6c;\n            --brand-navy: #1c325d;\n            --brand-light: #e8f7fe;\n            --brand-border: #d1ecfb;\n            max-width: 520px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        }\n        .df31883 * { box-sizing: border-box; }\n\n        .df31883-card {\n            background: #fff;\n            border-radius: 14px;\n            padding: 26px 22px;\n            box-shadow: 0 4px 22px rgba(28,50,93,.08);\n            border: 1px solid #e8ecf3;\n        }\n\n        \/* Title *\/\n        .df31883-title {\n            text-align: center;\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            margin: 0 0 4px;\n            letter-spacing: -0.3px;\n        }\n        .df31883-subtitle {\n            text-align: center;\n            font-size: 12px;\n            color: #64748b;\n            margin: 0 0 18px;\n        }\n\n        \/* Amount buttons *\/\n        .df31883-amounts {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 14px;\n        }\n        .df31883-amt-btn {\n            flex: 1;\n            min-width: 56px;\n            padding: 11px 4px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            background: #fff;\n            font-size: 17px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            cursor: pointer;\n            transition: all .2s;\n            text-align: center;\n            line-height: 1.1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .df31883-amt-btn:hover {\n            border-color: var(--brand-blue);\n            background: var(--brand-light);\n            color: var(--brand-navy);\n        }\n        .df31883-amt-btn.active {\n            border-color: var(--brand-blue);\n            background: var(--brand-blue);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0,171,236,.25);\n        }\n        .df31883-amt-btn small {\n            display: block;\n            font-size: 9px;\n            font-weight: 600;\n            opacity: .6;\n            margin-top: 2px;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n        }\n        .df31883-amt-custom {\n            display: none;\n            margin-bottom: 14px;\n        }\n        .df31883-amt-custom.show { display: block; }\n        .df31883-amt-custom input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--brand-navy);\n            outline: none;\n            transition: border-color .2s;\n        }\n        .df31883-amt-custom input:focus { border-color: var(--brand-blue); }\n\n        \/* Form grid *\/\n        .df31883-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n        @media (max-width: 520px) {\n            .df31883-grid { grid-template-columns: 1fr; }\n            .df31883-amt-btn { min-width: 56px; font-size: 15px; padding: 10px 4px; }\n            .df31883-card { padding: 20px 14px; }\n        }\n\n        \/* Input fields (floating label) *\/\n        .df31883-field { position: relative; }\n        .df31883-field.full { grid-column: 1 \/ -1; }\n        .df31883-input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #0f172a;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s, padding .15s;\n            font-family: inherit;\n        }\n        .df31883-input:focus,\n        .df31883-input:not(:placeholder-shown) {\n            padding: 16px 14px 6px;\n            border-color: var(--brand-blue);\n            box-shadow: 0 0 0 3px rgba(0,171,236,.1);\n        }\n        .df31883-input::placeholder { color: transparent; }\n        .df31883-float-label {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 14px;\n            color: #94a3b8;\n            pointer-events: none;\n            transition: all .15s ease;\n            font-weight: 500;\n        }\n        .df31883-input:focus ~ .df31883-float-label,\n        .df31883-input:not(:placeholder-shown) ~ .df31883-float-label {\n            top: 7px;\n            transform: translateY(0);\n            font-size: 10px;\n            color: var(--brand-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .4px;\n        }\n\n        \/* Checkboxes *\/\n        .df31883-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding: 12px 14px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 1px solid #e8ecf3;\n        }\n        .df31883-check {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            cursor: pointer;\n            font-size: 13px;\n            color: #334155;\n            line-height: 1.45;\n        }\n        .df31883-check input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: var(--brand-blue);\n            margin-top: 1px;\n            flex-shrink: 0;\n            cursor: pointer;\n        }\n        .df31883-check strong { color: var(--brand-navy); }\n\n        \/* Submit button *\/\n        .df31883-btn {\n            width: 100%;\n            padding: 14px;\n            border: none;\n            border-radius: 8px;\n            background: linear-gradient(135deg, var(--brand-blue), #0096cc);\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all .2s;\n            letter-spacing: .3px;\n            box-shadow: 0 6px 18px rgba(0,171,236,.2);\n        }\n        .df31883-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(0,171,236,.3);\n        }\n        .df31883-btn:active { transform: translateY(0); }\n        .df31883-btn:disabled { opacity: .6; cursor: default; }\n\n        \/* Result messages *\/\n        .df31883-result {\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-bottom: 14px;\n            font-size: 13px;\n            font-weight: 500;\n            animation: df31883-fade .3s ease;\n        }\n        @keyframes df31883-fade {\n            from { opacity: 0; transform: translateY(-6px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .df31883-result.success {\n            background: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            color: #065f46;\n        }\n        .df31883-result.error {\n            background: #fef2f2;\n            border: 1px solid #fecaca;\n            color: #991b1b;\n        }\n        .df31883-result a {\n            display: inline-block;\n            margin-top: 8px;\n            padding: 10px 22px;\n            background: var(--brand-navy);\n            color: #fff;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            transition: opacity .2s;\n        }\n        .df31883-result a:hover { opacity: .85; }\n\n        \/* Trust badge *\/\n        .df31883-trust {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 11px;\n            color: #94a3b8;\n        }\n        .df31883-trust svg {\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        \/* Redirect overlay (smart) *\/\n        .df31883-redirect {\n            text-align: center;\n            padding: 28px 10px 22px;\n        }\n        .df31883-spinner {\n            width: 42px;\n            height: 42px;\n            border: 4px solid #e2e8f0;\n            border-top-color: var(--brand-blue);\n            border-radius: 50%;\n            margin: 0 auto 14px;\n            animation: df31883-spin .8s linear infinite;\n        }\n        @keyframes df31883-spin { to { transform: rotate(360deg); } }\n        .df31883-redirect p {\n            margin: 0;\n            font-size: 14px;\n            color: #64748b;\n            font-weight: 600;\n        }\n        .df31883-redirect small {\n            display: block;\n            margin-top: 4px;\n            font-size: 11px;\n            color: #94a3b8;\n            font-weight: 500;\n        }\n        <\/style>\n\n        <div class=\"df31883\">\n            <div class=\"df31883-card\">\n                \n                \n                <form method=\"post\" enctype=\"multipart\/form-data\" id=\"df31883-form\">\n                    <input type=\"hidden\" id=\"sosdon_df_nonce\" name=\"sosdon_df_nonce\" value=\"7f7b96696d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/151051\" \/>\n                    <!-- Amount selector -->\n                    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;\">\n                        <span style=\"font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;\">Votre don<\/span>\n                        <a href=\"javascript:void(0)\" id=\"df31883-reset\" onclick=\"df31883_reset()\" style=\"font-size:11px;color:#de5a6c;text-decoration:none;font-weight:600;display:none;\">\u21ba R\u00e9initialiser<\/a>\n                    <\/div>\n                    <div class=\"df31883-amounts\" id=\"df31883-amounts\">\n                                                    <button type=\"button\" class=\"df31883-amt-btn\"\n                                    data-amount=\"100\"\n                                    onclick=\"df31883_selectAmount(this, 100)\">\n                                100<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df31883-amt-btn\"\n                                    data-amount=\"200\"\n                                    onclick=\"df31883_selectAmount(this, 200)\">\n                                200<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df31883-amt-btn\"\n                                    data-amount=\"500\"\n                                    onclick=\"df31883_selectAmount(this, 500)\">\n                                500<small>DT<\/small>\n                            <\/button>\n                                                <button type=\"button\" class=\"df31883-amt-btn\" onclick=\"df31883_showCustom(this)\">\n                            Autre<small>montant<\/small>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Custom amount input -->\n                    <div class=\"df31883-amt-custom\" id=\"df31883-custom-wrap\">\n                        <input type=\"number\" id=\"df31883-custom\" placeholder=\"Montant personnalis\u00e9 (min. 5 DT)\"\n                               min=\"5\" step=\"0.001\" oninput=\"df31883_setCustom()\" \/>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"sosdon_df_amount\" id=\"df31883-hidden-amount\" value=\"0\" \/>\n\n                    <!-- Donor info grid (floating labels) -->\n                    <div class=\"df31883-grid\">\n                        <div class=\"df31883-field\">\n                            <input type=\"text\" name=\"sosdon_df_name\" id=\"df31883-name\" class=\"df31883-input\" placeholder=\" \" required \/>\n                            <label for=\"df31883-name\" class=\"df31883-float-label\">Nom & Pr\u00e9nom *<\/label>\n                        <\/div>\n                        <div class=\"df31883-field\">\n                            <input type=\"tel\" name=\"sosdon_df_phone\" id=\"df31883-phone\" class=\"df31883-input\" placeholder=\" \" required \/>\n                            <label for=\"df31883-phone\" class=\"df31883-float-label\">T\u00e9l\u00e9phone *<\/label>\n                        <\/div>\n                        <div class=\"df31883-field full\">\n                            <input type=\"email\" name=\"sosdon_email\" id=\"df31883-email\" class=\"df31883-input\" placeholder=\" \" required \/>\n                            <label for=\"df31883-email\" class=\"df31883-float-label\">Email *<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Checkboxes -->\n                    <div class=\"df31883-checks\">\n                                                <label class=\"df31883-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_monthly\" value=\"yes\" checked \/>\n                            <span><strong>Rappel mensuel<\/strong> \u2014 Recevoir un rappel SMS\/Email chaque mois pour renouveler mon don<\/span>\n                        <\/label>\n                                                <label class=\"df31883-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_zakat\" value=\"yes\" \/>\n                            <span><strong>Zakat<\/strong> \u2014 Ce don est une Zakat<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"df31883-btn\" id=\"df31883-submit\">Je fais mon don \u2192<\/button>\n\n                    <div class=\"df31883-trust\">\n                        <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        Paiement 100% s\u00e9curis\u00e9 via Mastercard\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script>\n        var df31883_total = 0;\n        var df31883_lastClicked = 0;\n        var df31883_btnText = 'Je fais mon don';\n\n        function df31883_updateButton() {\n            document.getElementById('df31883-hidden-amount').value = df31883_total;\n            var btn = document.getElementById('df31883-submit');\n            if (df31883_total > 0) {\n                var display = df31883_total.toFixed(3).replace(\/\\.?0+$\/, '');\n                btn.innerHTML = df31883_btnText + ' \u2014 <strong>' + display + ' DT<\/strong> \u2192';\n            } else {\n                btn.innerHTML = df31883_btnText + ' \u2192';\n            }\n            \/\/ Show\/hide reset link\n            var reset = document.getElementById('df31883-reset');\n            if (reset) reset.style.display = df31883_total > 0 ? 'inline-block' : 'none';\n        }\n\n        function df31883_selectAmount(btn, amt) {\n            \/\/ Same amount clicked \u2192 ADD to running sum\n            \/\/ Different amount clicked \u2192 RESET total to this amount (start new sum)\n            if (df31883_lastClicked === amt) {\n                df31883_total += amt;\n            } else {\n                df31883_total = amt;\n                df31883_lastClicked = amt;\n            }\n            var wrap = document.getElementById('df31883-amounts');\n            wrap.querySelectorAll('.df31883-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df31883-custom-wrap').classList.remove('show');\n            df31883_updateButton();\n        }\n\n        function df31883_showCustom(btn) {\n            var wrap = document.getElementById('df31883-amounts');\n            wrap.querySelectorAll('.df31883-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df31883-custom-wrap').classList.add('show');\n            document.getElementById('df31883-custom').focus();\n        }\n\n        function df31883_setCustom() {\n            var val = parseFloat(document.getElementById('df31883-custom').value) || 0;\n            if (val < 5) {\n                document.getElementById('df31883-custom').value = '';\n                df31883_customError('Le montant minimum est de 5 DT');\n                return;\n            }\n            df31883_total = val;\n            df31883_updateButton();\n        }\n\n        function df31883_customError(msg) {\n            var wrap = document.getElementById('df31883-custom-wrap');\n            var existing = document.getElementById('df31883-custom-err');\n            if (existing) existing.remove();\n            var el = document.createElement('div');\n            el.id = 'df31883-custom-err';\n            el.style.cssText = 'color:#de5a6c;font-size:12px;margin-top:6px;font-weight:600';\n            el.textContent = msg;\n            wrap.appendChild(el);\n            setTimeout(function() { if (el.parentNode) el.remove(); }, 3000);\n        }\n\n        function df31883_reset() {\n            df31883_total = 0;\n            df31883_lastClicked = 0;\n            var wrap = document.getElementById('df31883-amounts');\n            wrap.querySelectorAll('.df31883-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            document.getElementById('df31883-custom-wrap').classList.remove('show');\n            document.getElementById('df31883-custom').value = '';\n            df31883_updateButton();\n        }\n\n        \/\/ Initial button update\n        df31883_updateButton();\n        <\/script>\n                                                        <\/div>\n                                                                                                <div class=\"smr-don-pool-item\" data-project-id=\"151045\" id=\"smr-don-pool-151045\">\n                                                        \n        <style>\n        .df23275 {\n            --brand-blue: #00abec;\n            --brand-red: #de5a6c;\n            --brand-navy: #1c325d;\n            --brand-light: #e8f7fe;\n            --brand-border: #d1ecfb;\n            max-width: 520px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        }\n        .df23275 * { box-sizing: border-box; }\n\n        .df23275-card {\n            background: #fff;\n            border-radius: 14px;\n            padding: 26px 22px;\n            box-shadow: 0 4px 22px rgba(28,50,93,.08);\n            border: 1px solid #e8ecf3;\n        }\n\n        \/* Title *\/\n        .df23275-title {\n            text-align: center;\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            margin: 0 0 4px;\n            letter-spacing: -0.3px;\n        }\n        .df23275-subtitle {\n            text-align: center;\n            font-size: 12px;\n            color: #64748b;\n            margin: 0 0 18px;\n        }\n\n        \/* Amount buttons *\/\n        .df23275-amounts {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 14px;\n        }\n        .df23275-amt-btn {\n            flex: 1;\n            min-width: 56px;\n            padding: 11px 4px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            background: #fff;\n            font-size: 17px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            cursor: pointer;\n            transition: all .2s;\n            text-align: center;\n            line-height: 1.1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .df23275-amt-btn:hover {\n            border-color: var(--brand-blue);\n            background: var(--brand-light);\n            color: var(--brand-navy);\n        }\n        .df23275-amt-btn.active {\n            border-color: var(--brand-blue);\n            background: var(--brand-blue);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0,171,236,.25);\n        }\n        .df23275-amt-btn small {\n            display: block;\n            font-size: 9px;\n            font-weight: 600;\n            opacity: .6;\n            margin-top: 2px;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n        }\n        .df23275-amt-custom {\n            display: none;\n            margin-bottom: 14px;\n        }\n        .df23275-amt-custom.show { display: block; }\n        .df23275-amt-custom input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--brand-navy);\n            outline: none;\n            transition: border-color .2s;\n        }\n        .df23275-amt-custom input:focus { border-color: var(--brand-blue); }\n\n        \/* Form grid *\/\n        .df23275-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n        @media (max-width: 520px) {\n            .df23275-grid { grid-template-columns: 1fr; }\n            .df23275-amt-btn { min-width: 56px; font-size: 15px; padding: 10px 4px; }\n            .df23275-card { padding: 20px 14px; }\n        }\n\n        \/* Input fields (floating label) *\/\n        .df23275-field { position: relative; }\n        .df23275-field.full { grid-column: 1 \/ -1; }\n        .df23275-input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #0f172a;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s, padding .15s;\n            font-family: inherit;\n        }\n        .df23275-input:focus,\n        .df23275-input:not(:placeholder-shown) {\n            padding: 16px 14px 6px;\n            border-color: var(--brand-blue);\n            box-shadow: 0 0 0 3px rgba(0,171,236,.1);\n        }\n        .df23275-input::placeholder { color: transparent; }\n        .df23275-float-label {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 14px;\n            color: #94a3b8;\n            pointer-events: none;\n            transition: all .15s ease;\n            font-weight: 500;\n        }\n        .df23275-input:focus ~ .df23275-float-label,\n        .df23275-input:not(:placeholder-shown) ~ .df23275-float-label {\n            top: 7px;\n            transform: translateY(0);\n            font-size: 10px;\n            color: var(--brand-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .4px;\n        }\n\n        \/* Checkboxes *\/\n        .df23275-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding: 12px 14px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 1px solid #e8ecf3;\n        }\n        .df23275-check {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            cursor: pointer;\n            font-size: 13px;\n            color: #334155;\n            line-height: 1.45;\n        }\n        .df23275-check input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: var(--brand-blue);\n            margin-top: 1px;\n            flex-shrink: 0;\n            cursor: pointer;\n        }\n        .df23275-check strong { color: var(--brand-navy); }\n\n        \/* Submit button *\/\n        .df23275-btn {\n            width: 100%;\n            padding: 14px;\n            border: none;\n            border-radius: 8px;\n            background: linear-gradient(135deg, var(--brand-blue), #0096cc);\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all .2s;\n            letter-spacing: .3px;\n            box-shadow: 0 6px 18px rgba(0,171,236,.2);\n        }\n        .df23275-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(0,171,236,.3);\n        }\n        .df23275-btn:active { transform: translateY(0); }\n        .df23275-btn:disabled { opacity: .6; cursor: default; }\n\n        \/* Result messages *\/\n        .df23275-result {\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-bottom: 14px;\n            font-size: 13px;\n            font-weight: 500;\n            animation: df23275-fade .3s ease;\n        }\n        @keyframes df23275-fade {\n            from { opacity: 0; transform: translateY(-6px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .df23275-result.success {\n            background: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            color: #065f46;\n        }\n        .df23275-result.error {\n            background: #fef2f2;\n            border: 1px solid #fecaca;\n            color: #991b1b;\n        }\n        .df23275-result a {\n            display: inline-block;\n            margin-top: 8px;\n            padding: 10px 22px;\n            background: var(--brand-navy);\n            color: #fff;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            transition: opacity .2s;\n        }\n        .df23275-result a:hover { opacity: .85; }\n\n        \/* Trust badge *\/\n        .df23275-trust {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 11px;\n            color: #94a3b8;\n        }\n        .df23275-trust svg {\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        \/* Redirect overlay (smart) *\/\n        .df23275-redirect {\n            text-align: center;\n            padding: 28px 10px 22px;\n        }\n        .df23275-spinner {\n            width: 42px;\n            height: 42px;\n            border: 4px solid #e2e8f0;\n            border-top-color: var(--brand-blue);\n            border-radius: 50%;\n            margin: 0 auto 14px;\n            animation: df23275-spin .8s linear infinite;\n        }\n        @keyframes df23275-spin { to { transform: rotate(360deg); } }\n        .df23275-redirect p {\n            margin: 0;\n            font-size: 14px;\n            color: #64748b;\n            font-weight: 600;\n        }\n        .df23275-redirect small {\n            display: block;\n            margin-top: 4px;\n            font-size: 11px;\n            color: #94a3b8;\n            font-weight: 500;\n        }\n        <\/style>\n\n        <div class=\"df23275\">\n            <div class=\"df23275-card\">\n                \n                \n                <form method=\"post\" enctype=\"multipart\/form-data\" id=\"df23275-form\">\n                    <input type=\"hidden\" id=\"sosdon_df_nonce\" name=\"sosdon_df_nonce\" value=\"7f7b96696d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/151051\" \/>\n                    <!-- Amount selector -->\n                    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;\">\n                        <span style=\"font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;\">Votre don<\/span>\n                        <a href=\"javascript:void(0)\" id=\"df23275-reset\" onclick=\"df23275_reset()\" style=\"font-size:11px;color:#de5a6c;text-decoration:none;font-weight:600;display:none;\">\u21ba R\u00e9initialiser<\/a>\n                    <\/div>\n                    <div class=\"df23275-amounts\" id=\"df23275-amounts\">\n                                                    <button type=\"button\" class=\"df23275-amt-btn\"\n                                    data-amount=\"100\"\n                                    onclick=\"df23275_selectAmount(this, 100)\">\n                                100<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df23275-amt-btn\"\n                                    data-amount=\"200\"\n                                    onclick=\"df23275_selectAmount(this, 200)\">\n                                200<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df23275-amt-btn\"\n                                    data-amount=\"500\"\n                                    onclick=\"df23275_selectAmount(this, 500)\">\n                                500<small>DT<\/small>\n                            <\/button>\n                                                <button type=\"button\" class=\"df23275-amt-btn\" onclick=\"df23275_showCustom(this)\">\n                            Autre<small>montant<\/small>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Custom amount input -->\n                    <div class=\"df23275-amt-custom\" id=\"df23275-custom-wrap\">\n                        <input type=\"number\" id=\"df23275-custom\" placeholder=\"Montant personnalis\u00e9 (min. 5 DT)\"\n                               min=\"5\" step=\"0.001\" oninput=\"df23275_setCustom()\" \/>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"sosdon_df_amount\" id=\"df23275-hidden-amount\" value=\"0\" \/>\n\n                    <!-- Donor info grid (floating labels) -->\n                    <div class=\"df23275-grid\">\n                        <div class=\"df23275-field\">\n                            <input type=\"text\" name=\"sosdon_df_name\" id=\"df23275-name\" class=\"df23275-input\" placeholder=\" \" required \/>\n                            <label for=\"df23275-name\" class=\"df23275-float-label\">Nom & Pr\u00e9nom *<\/label>\n                        <\/div>\n                        <div class=\"df23275-field\">\n                            <input type=\"tel\" name=\"sosdon_df_phone\" id=\"df23275-phone\" class=\"df23275-input\" placeholder=\" \" required \/>\n                            <label for=\"df23275-phone\" class=\"df23275-float-label\">T\u00e9l\u00e9phone *<\/label>\n                        <\/div>\n                        <div class=\"df23275-field full\">\n                            <input type=\"email\" name=\"sosdon_email\" id=\"df23275-email\" class=\"df23275-input\" placeholder=\" \" required \/>\n                            <label for=\"df23275-email\" class=\"df23275-float-label\">Email *<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Checkboxes -->\n                    <div class=\"df23275-checks\">\n                                                <label class=\"df23275-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_monthly\" value=\"yes\" checked \/>\n                            <span><strong>Rappel mensuel<\/strong> \u2014 Recevoir un rappel SMS\/Email chaque mois pour renouveler mon don<\/span>\n                        <\/label>\n                                                <label class=\"df23275-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_zakat\" value=\"yes\" \/>\n                            <span><strong>Zakat<\/strong> \u2014 Ce don est une Zakat<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"df23275-btn\" id=\"df23275-submit\">Je fais mon don \u2192<\/button>\n\n                    <div class=\"df23275-trust\">\n                        <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        Paiement 100% s\u00e9curis\u00e9 via Mastercard\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script>\n        var df23275_total = 0;\n        var df23275_lastClicked = 0;\n        var df23275_btnText = 'Je fais mon don';\n\n        function df23275_updateButton() {\n            document.getElementById('df23275-hidden-amount').value = df23275_total;\n            var btn = document.getElementById('df23275-submit');\n            if (df23275_total > 0) {\n                var display = df23275_total.toFixed(3).replace(\/\\.?0+$\/, '');\n                btn.innerHTML = df23275_btnText + ' \u2014 <strong>' + display + ' DT<\/strong> \u2192';\n            } else {\n                btn.innerHTML = df23275_btnText + ' \u2192';\n            }\n            \/\/ Show\/hide reset link\n            var reset = document.getElementById('df23275-reset');\n            if (reset) reset.style.display = df23275_total > 0 ? 'inline-block' : 'none';\n        }\n\n        function df23275_selectAmount(btn, amt) {\n            \/\/ Same amount clicked \u2192 ADD to running sum\n            \/\/ Different amount clicked \u2192 RESET total to this amount (start new sum)\n            if (df23275_lastClicked === amt) {\n                df23275_total += amt;\n            } else {\n                df23275_total = amt;\n                df23275_lastClicked = amt;\n            }\n            var wrap = document.getElementById('df23275-amounts');\n            wrap.querySelectorAll('.df23275-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df23275-custom-wrap').classList.remove('show');\n            df23275_updateButton();\n        }\n\n        function df23275_showCustom(btn) {\n            var wrap = document.getElementById('df23275-amounts');\n            wrap.querySelectorAll('.df23275-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df23275-custom-wrap').classList.add('show');\n            document.getElementById('df23275-custom').focus();\n        }\n\n        function df23275_setCustom() {\n            var val = parseFloat(document.getElementById('df23275-custom').value) || 0;\n            if (val < 5) {\n                document.getElementById('df23275-custom').value = '';\n                df23275_customError('Le montant minimum est de 5 DT');\n                return;\n            }\n            df23275_total = val;\n            df23275_updateButton();\n        }\n\n        function df23275_customError(msg) {\n            var wrap = document.getElementById('df23275-custom-wrap');\n            var existing = document.getElementById('df23275-custom-err');\n            if (existing) existing.remove();\n            var el = document.createElement('div');\n            el.id = 'df23275-custom-err';\n            el.style.cssText = 'color:#de5a6c;font-size:12px;margin-top:6px;font-weight:600';\n            el.textContent = msg;\n            wrap.appendChild(el);\n            setTimeout(function() { if (el.parentNode) el.remove(); }, 3000);\n        }\n\n        function df23275_reset() {\n            df23275_total = 0;\n            df23275_lastClicked = 0;\n            var wrap = document.getElementById('df23275-amounts');\n            wrap.querySelectorAll('.df23275-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            document.getElementById('df23275-custom-wrap').classList.remove('show');\n            document.getElementById('df23275-custom').value = '';\n            df23275_updateButton();\n        }\n\n        \/\/ Initial button update\n        df23275_updateButton();\n        <\/script>\n                                                        <\/div>\n                                                                                                <div class=\"smr-don-pool-item\" data-project-id=\"151046\" id=\"smr-don-pool-151046\">\n                                                        \n        <style>\n        .df72088 {\n            --brand-blue: #00abec;\n            --brand-red: #de5a6c;\n            --brand-navy: #1c325d;\n            --brand-light: #e8f7fe;\n            --brand-border: #d1ecfb;\n            max-width: 520px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        }\n        .df72088 * { box-sizing: border-box; }\n\n        .df72088-card {\n            background: #fff;\n            border-radius: 14px;\n            padding: 26px 22px;\n            box-shadow: 0 4px 22px rgba(28,50,93,.08);\n            border: 1px solid #e8ecf3;\n        }\n\n        \/* Title *\/\n        .df72088-title {\n            text-align: center;\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            margin: 0 0 4px;\n            letter-spacing: -0.3px;\n        }\n        .df72088-subtitle {\n            text-align: center;\n            font-size: 12px;\n            color: #64748b;\n            margin: 0 0 18px;\n        }\n\n        \/* Amount buttons *\/\n        .df72088-amounts {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 14px;\n        }\n        .df72088-amt-btn {\n            flex: 1;\n            min-width: 56px;\n            padding: 11px 4px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            background: #fff;\n            font-size: 17px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            cursor: pointer;\n            transition: all .2s;\n            text-align: center;\n            line-height: 1.1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .df72088-amt-btn:hover {\n            border-color: var(--brand-blue);\n            background: var(--brand-light);\n            color: var(--brand-navy);\n        }\n        .df72088-amt-btn.active {\n            border-color: var(--brand-blue);\n            background: var(--brand-blue);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0,171,236,.25);\n        }\n        .df72088-amt-btn small {\n            display: block;\n            font-size: 9px;\n            font-weight: 600;\n            opacity: .6;\n            margin-top: 2px;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n        }\n        .df72088-amt-custom {\n            display: none;\n            margin-bottom: 14px;\n        }\n        .df72088-amt-custom.show { display: block; }\n        .df72088-amt-custom input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--brand-navy);\n            outline: none;\n            transition: border-color .2s;\n        }\n        .df72088-amt-custom input:focus { border-color: var(--brand-blue); }\n\n        \/* Form grid *\/\n        .df72088-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n        @media (max-width: 520px) {\n            .df72088-grid { grid-template-columns: 1fr; }\n            .df72088-amt-btn { min-width: 56px; font-size: 15px; padding: 10px 4px; }\n            .df72088-card { padding: 20px 14px; }\n        }\n\n        \/* Input fields (floating label) *\/\n        .df72088-field { position: relative; }\n        .df72088-field.full { grid-column: 1 \/ -1; }\n        .df72088-input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #0f172a;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s, padding .15s;\n            font-family: inherit;\n        }\n        .df72088-input:focus,\n        .df72088-input:not(:placeholder-shown) {\n            padding: 16px 14px 6px;\n            border-color: var(--brand-blue);\n            box-shadow: 0 0 0 3px rgba(0,171,236,.1);\n        }\n        .df72088-input::placeholder { color: transparent; }\n        .df72088-float-label {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 14px;\n            color: #94a3b8;\n            pointer-events: none;\n            transition: all .15s ease;\n            font-weight: 500;\n        }\n        .df72088-input:focus ~ .df72088-float-label,\n        .df72088-input:not(:placeholder-shown) ~ .df72088-float-label {\n            top: 7px;\n            transform: translateY(0);\n            font-size: 10px;\n            color: var(--brand-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .4px;\n        }\n\n        \/* Checkboxes *\/\n        .df72088-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding: 12px 14px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 1px solid #e8ecf3;\n        }\n        .df72088-check {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            cursor: pointer;\n            font-size: 13px;\n            color: #334155;\n            line-height: 1.45;\n        }\n        .df72088-check input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: var(--brand-blue);\n            margin-top: 1px;\n            flex-shrink: 0;\n            cursor: pointer;\n        }\n        .df72088-check strong { color: var(--brand-navy); }\n\n        \/* Submit button *\/\n        .df72088-btn {\n            width: 100%;\n            padding: 14px;\n            border: none;\n            border-radius: 8px;\n            background: linear-gradient(135deg, var(--brand-blue), #0096cc);\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all .2s;\n            letter-spacing: .3px;\n            box-shadow: 0 6px 18px rgba(0,171,236,.2);\n        }\n        .df72088-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(0,171,236,.3);\n        }\n        .df72088-btn:active { transform: translateY(0); }\n        .df72088-btn:disabled { opacity: .6; cursor: default; }\n\n        \/* Result messages *\/\n        .df72088-result {\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-bottom: 14px;\n            font-size: 13px;\n            font-weight: 500;\n            animation: df72088-fade .3s ease;\n        }\n        @keyframes df72088-fade {\n            from { opacity: 0; transform: translateY(-6px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .df72088-result.success {\n            background: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            color: #065f46;\n        }\n        .df72088-result.error {\n            background: #fef2f2;\n            border: 1px solid #fecaca;\n            color: #991b1b;\n        }\n        .df72088-result a {\n            display: inline-block;\n            margin-top: 8px;\n            padding: 10px 22px;\n            background: var(--brand-navy);\n            color: #fff;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            transition: opacity .2s;\n        }\n        .df72088-result a:hover { opacity: .85; }\n\n        \/* Trust badge *\/\n        .df72088-trust {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 11px;\n            color: #94a3b8;\n        }\n        .df72088-trust svg {\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        \/* Redirect overlay (smart) *\/\n        .df72088-redirect {\n            text-align: center;\n            padding: 28px 10px 22px;\n        }\n        .df72088-spinner {\n            width: 42px;\n            height: 42px;\n            border: 4px solid #e2e8f0;\n            border-top-color: var(--brand-blue);\n            border-radius: 50%;\n            margin: 0 auto 14px;\n            animation: df72088-spin .8s linear infinite;\n        }\n        @keyframes df72088-spin { to { transform: rotate(360deg); } }\n        .df72088-redirect p {\n            margin: 0;\n            font-size: 14px;\n            color: #64748b;\n            font-weight: 600;\n        }\n        .df72088-redirect small {\n            display: block;\n            margin-top: 4px;\n            font-size: 11px;\n            color: #94a3b8;\n            font-weight: 500;\n        }\n        <\/style>\n\n        <div class=\"df72088\">\n            <div class=\"df72088-card\">\n                \n                \n                <form method=\"post\" enctype=\"multipart\/form-data\" id=\"df72088-form\">\n                    <input type=\"hidden\" id=\"sosdon_df_nonce\" name=\"sosdon_df_nonce\" value=\"7f7b96696d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/151051\" \/>\n                    <!-- Amount selector -->\n                    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;\">\n                        <span style=\"font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;\">Votre don<\/span>\n                        <a href=\"javascript:void(0)\" id=\"df72088-reset\" onclick=\"df72088_reset()\" style=\"font-size:11px;color:#de5a6c;text-decoration:none;font-weight:600;display:none;\">\u21ba R\u00e9initialiser<\/a>\n                    <\/div>\n                    <div class=\"df72088-amounts\" id=\"df72088-amounts\">\n                                                    <button type=\"button\" class=\"df72088-amt-btn\"\n                                    data-amount=\"100\"\n                                    onclick=\"df72088_selectAmount(this, 100)\">\n                                100<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df72088-amt-btn\"\n                                    data-amount=\"200\"\n                                    onclick=\"df72088_selectAmount(this, 200)\">\n                                200<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df72088-amt-btn\"\n                                    data-amount=\"500\"\n                                    onclick=\"df72088_selectAmount(this, 500)\">\n                                500<small>DT<\/small>\n                            <\/button>\n                                                <button type=\"button\" class=\"df72088-amt-btn\" onclick=\"df72088_showCustom(this)\">\n                            Autre<small>montant<\/small>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Custom amount input -->\n                    <div class=\"df72088-amt-custom\" id=\"df72088-custom-wrap\">\n                        <input type=\"number\" id=\"df72088-custom\" placeholder=\"Montant personnalis\u00e9 (min. 5 DT)\"\n                               min=\"5\" step=\"0.001\" oninput=\"df72088_setCustom()\" \/>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"sosdon_df_amount\" id=\"df72088-hidden-amount\" value=\"0\" \/>\n\n                    <!-- Donor info grid (floating labels) -->\n                    <div class=\"df72088-grid\">\n                        <div class=\"df72088-field\">\n                            <input type=\"text\" name=\"sosdon_df_name\" id=\"df72088-name\" class=\"df72088-input\" placeholder=\" \" required \/>\n                            <label for=\"df72088-name\" class=\"df72088-float-label\">Nom & Pr\u00e9nom *<\/label>\n                        <\/div>\n                        <div class=\"df72088-field\">\n                            <input type=\"tel\" name=\"sosdon_df_phone\" id=\"df72088-phone\" class=\"df72088-input\" placeholder=\" \" required \/>\n                            <label for=\"df72088-phone\" class=\"df72088-float-label\">T\u00e9l\u00e9phone *<\/label>\n                        <\/div>\n                        <div class=\"df72088-field full\">\n                            <input type=\"email\" name=\"sosdon_email\" id=\"df72088-email\" class=\"df72088-input\" placeholder=\" \" required \/>\n                            <label for=\"df72088-email\" class=\"df72088-float-label\">Email *<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Checkboxes -->\n                    <div class=\"df72088-checks\">\n                                                <label class=\"df72088-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_monthly\" value=\"yes\" checked \/>\n                            <span><strong>Rappel mensuel<\/strong> \u2014 Recevoir un rappel SMS\/Email chaque mois pour renouveler mon don<\/span>\n                        <\/label>\n                                                <label class=\"df72088-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_zakat\" value=\"yes\" \/>\n                            <span><strong>Zakat<\/strong> \u2014 Ce don est une Zakat<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"df72088-btn\" id=\"df72088-submit\">Je fais mon don \u2192<\/button>\n\n                    <div class=\"df72088-trust\">\n                        <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        Paiement 100% s\u00e9curis\u00e9 via Mastercard\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script>\n        var df72088_total = 0;\n        var df72088_lastClicked = 0;\n        var df72088_btnText = 'Je fais mon don';\n\n        function df72088_updateButton() {\n            document.getElementById('df72088-hidden-amount').value = df72088_total;\n            var btn = document.getElementById('df72088-submit');\n            if (df72088_total > 0) {\n                var display = df72088_total.toFixed(3).replace(\/\\.?0+$\/, '');\n                btn.innerHTML = df72088_btnText + ' \u2014 <strong>' + display + ' DT<\/strong> \u2192';\n            } else {\n                btn.innerHTML = df72088_btnText + ' \u2192';\n            }\n            \/\/ Show\/hide reset link\n            var reset = document.getElementById('df72088-reset');\n            if (reset) reset.style.display = df72088_total > 0 ? 'inline-block' : 'none';\n        }\n\n        function df72088_selectAmount(btn, amt) {\n            \/\/ Same amount clicked \u2192 ADD to running sum\n            \/\/ Different amount clicked \u2192 RESET total to this amount (start new sum)\n            if (df72088_lastClicked === amt) {\n                df72088_total += amt;\n            } else {\n                df72088_total = amt;\n                df72088_lastClicked = amt;\n            }\n            var wrap = document.getElementById('df72088-amounts');\n            wrap.querySelectorAll('.df72088-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df72088-custom-wrap').classList.remove('show');\n            df72088_updateButton();\n        }\n\n        function df72088_showCustom(btn) {\n            var wrap = document.getElementById('df72088-amounts');\n            wrap.querySelectorAll('.df72088-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df72088-custom-wrap').classList.add('show');\n            document.getElementById('df72088-custom').focus();\n        }\n\n        function df72088_setCustom() {\n            var val = parseFloat(document.getElementById('df72088-custom').value) || 0;\n            if (val < 5) {\n                document.getElementById('df72088-custom').value = '';\n                df72088_customError('Le montant minimum est de 5 DT');\n                return;\n            }\n            df72088_total = val;\n            df72088_updateButton();\n        }\n\n        function df72088_customError(msg) {\n            var wrap = document.getElementById('df72088-custom-wrap');\n            var existing = document.getElementById('df72088-custom-err');\n            if (existing) existing.remove();\n            var el = document.createElement('div');\n            el.id = 'df72088-custom-err';\n            el.style.cssText = 'color:#de5a6c;font-size:12px;margin-top:6px;font-weight:600';\n            el.textContent = msg;\n            wrap.appendChild(el);\n            setTimeout(function() { if (el.parentNode) el.remove(); }, 3000);\n        }\n\n        function df72088_reset() {\n            df72088_total = 0;\n            df72088_lastClicked = 0;\n            var wrap = document.getElementById('df72088-amounts');\n            wrap.querySelectorAll('.df72088-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            document.getElementById('df72088-custom-wrap').classList.remove('show');\n            document.getElementById('df72088-custom').value = '';\n            df72088_updateButton();\n        }\n\n        \/\/ Initial button update\n        df72088_updateButton();\n        <\/script>\n                                                        <\/div>\n                                                                                                <div class=\"smr-don-pool-item\" data-project-id=\"151048\" id=\"smr-don-pool-151048\">\n                                                        \n        <style>\n        .df24477 {\n            --brand-blue: #00abec;\n            --brand-red: #de5a6c;\n            --brand-navy: #1c325d;\n            --brand-light: #e8f7fe;\n            --brand-border: #d1ecfb;\n            max-width: 520px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        }\n        .df24477 * { box-sizing: border-box; }\n\n        .df24477-card {\n            background: #fff;\n            border-radius: 14px;\n            padding: 26px 22px;\n            box-shadow: 0 4px 22px rgba(28,50,93,.08);\n            border: 1px solid #e8ecf3;\n        }\n\n        \/* Title *\/\n        .df24477-title {\n            text-align: center;\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            margin: 0 0 4px;\n            letter-spacing: -0.3px;\n        }\n        .df24477-subtitle {\n            text-align: center;\n            font-size: 12px;\n            color: #64748b;\n            margin: 0 0 18px;\n        }\n\n        \/* Amount buttons *\/\n        .df24477-amounts {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 14px;\n        }\n        .df24477-amt-btn {\n            flex: 1;\n            min-width: 56px;\n            padding: 11px 4px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            background: #fff;\n            font-size: 17px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            cursor: pointer;\n            transition: all .2s;\n            text-align: center;\n            line-height: 1.1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .df24477-amt-btn:hover {\n            border-color: var(--brand-blue);\n            background: var(--brand-light);\n            color: var(--brand-navy);\n        }\n        .df24477-amt-btn.active {\n            border-color: var(--brand-blue);\n            background: var(--brand-blue);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0,171,236,.25);\n        }\n        .df24477-amt-btn small {\n            display: block;\n            font-size: 9px;\n            font-weight: 600;\n            opacity: .6;\n            margin-top: 2px;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n        }\n        .df24477-amt-custom {\n            display: none;\n            margin-bottom: 14px;\n        }\n        .df24477-amt-custom.show { display: block; }\n        .df24477-amt-custom input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--brand-navy);\n            outline: none;\n            transition: border-color .2s;\n        }\n        .df24477-amt-custom input:focus { border-color: var(--brand-blue); }\n\n        \/* Form grid *\/\n        .df24477-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n        @media (max-width: 520px) {\n            .df24477-grid { grid-template-columns: 1fr; }\n            .df24477-amt-btn { min-width: 56px; font-size: 15px; padding: 10px 4px; }\n            .df24477-card { padding: 20px 14px; }\n        }\n\n        \/* Input fields (floating label) *\/\n        .df24477-field { position: relative; }\n        .df24477-field.full { grid-column: 1 \/ -1; }\n        .df24477-input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #0f172a;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s, padding .15s;\n            font-family: inherit;\n        }\n        .df24477-input:focus,\n        .df24477-input:not(:placeholder-shown) {\n            padding: 16px 14px 6px;\n            border-color: var(--brand-blue);\n            box-shadow: 0 0 0 3px rgba(0,171,236,.1);\n        }\n        .df24477-input::placeholder { color: transparent; }\n        .df24477-float-label {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 14px;\n            color: #94a3b8;\n            pointer-events: none;\n            transition: all .15s ease;\n            font-weight: 500;\n        }\n        .df24477-input:focus ~ .df24477-float-label,\n        .df24477-input:not(:placeholder-shown) ~ .df24477-float-label {\n            top: 7px;\n            transform: translateY(0);\n            font-size: 10px;\n            color: var(--brand-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .4px;\n        }\n\n        \/* Checkboxes *\/\n        .df24477-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding: 12px 14px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 1px solid #e8ecf3;\n        }\n        .df24477-check {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            cursor: pointer;\n            font-size: 13px;\n            color: #334155;\n            line-height: 1.45;\n        }\n        .df24477-check input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: var(--brand-blue);\n            margin-top: 1px;\n            flex-shrink: 0;\n            cursor: pointer;\n        }\n        .df24477-check strong { color: var(--brand-navy); }\n\n        \/* Submit button *\/\n        .df24477-btn {\n            width: 100%;\n            padding: 14px;\n            border: none;\n            border-radius: 8px;\n            background: linear-gradient(135deg, var(--brand-blue), #0096cc);\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all .2s;\n            letter-spacing: .3px;\n            box-shadow: 0 6px 18px rgba(0,171,236,.2);\n        }\n        .df24477-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(0,171,236,.3);\n        }\n        .df24477-btn:active { transform: translateY(0); }\n        .df24477-btn:disabled { opacity: .6; cursor: default; }\n\n        \/* Result messages *\/\n        .df24477-result {\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-bottom: 14px;\n            font-size: 13px;\n            font-weight: 500;\n            animation: df24477-fade .3s ease;\n        }\n        @keyframes df24477-fade {\n            from { opacity: 0; transform: translateY(-6px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .df24477-result.success {\n            background: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            color: #065f46;\n        }\n        .df24477-result.error {\n            background: #fef2f2;\n            border: 1px solid #fecaca;\n            color: #991b1b;\n        }\n        .df24477-result a {\n            display: inline-block;\n            margin-top: 8px;\n            padding: 10px 22px;\n            background: var(--brand-navy);\n            color: #fff;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            transition: opacity .2s;\n        }\n        .df24477-result a:hover { opacity: .85; }\n\n        \/* Trust badge *\/\n        .df24477-trust {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 11px;\n            color: #94a3b8;\n        }\n        .df24477-trust svg {\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        \/* Redirect overlay (smart) *\/\n        .df24477-redirect {\n            text-align: center;\n            padding: 28px 10px 22px;\n        }\n        .df24477-spinner {\n            width: 42px;\n            height: 42px;\n            border: 4px solid #e2e8f0;\n            border-top-color: var(--brand-blue);\n            border-radius: 50%;\n            margin: 0 auto 14px;\n            animation: df24477-spin .8s linear infinite;\n        }\n        @keyframes df24477-spin { to { transform: rotate(360deg); } }\n        .df24477-redirect p {\n            margin: 0;\n            font-size: 14px;\n            color: #64748b;\n            font-weight: 600;\n        }\n        .df24477-redirect small {\n            display: block;\n            margin-top: 4px;\n            font-size: 11px;\n            color: #94a3b8;\n            font-weight: 500;\n        }\n        <\/style>\n\n        <div class=\"df24477\">\n            <div class=\"df24477-card\">\n                \n                \n                <form method=\"post\" enctype=\"multipart\/form-data\" id=\"df24477-form\">\n                    <input type=\"hidden\" id=\"sosdon_df_nonce\" name=\"sosdon_df_nonce\" value=\"7f7b96696d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/151051\" \/>\n                    <!-- Amount selector -->\n                    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;\">\n                        <span style=\"font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;\">Votre don<\/span>\n                        <a href=\"javascript:void(0)\" id=\"df24477-reset\" onclick=\"df24477_reset()\" style=\"font-size:11px;color:#de5a6c;text-decoration:none;font-weight:600;display:none;\">\u21ba R\u00e9initialiser<\/a>\n                    <\/div>\n                    <div class=\"df24477-amounts\" id=\"df24477-amounts\">\n                                                    <button type=\"button\" class=\"df24477-amt-btn\"\n                                    data-amount=\"100\"\n                                    onclick=\"df24477_selectAmount(this, 100)\">\n                                100<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df24477-amt-btn\"\n                                    data-amount=\"200\"\n                                    onclick=\"df24477_selectAmount(this, 200)\">\n                                200<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df24477-amt-btn\"\n                                    data-amount=\"500\"\n                                    onclick=\"df24477_selectAmount(this, 500)\">\n                                500<small>DT<\/small>\n                            <\/button>\n                                                <button type=\"button\" class=\"df24477-amt-btn\" onclick=\"df24477_showCustom(this)\">\n                            Autre<small>montant<\/small>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Custom amount input -->\n                    <div class=\"df24477-amt-custom\" id=\"df24477-custom-wrap\">\n                        <input type=\"number\" id=\"df24477-custom\" placeholder=\"Montant personnalis\u00e9 (min. 5 DT)\"\n                               min=\"5\" step=\"0.001\" oninput=\"df24477_setCustom()\" \/>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"sosdon_df_amount\" id=\"df24477-hidden-amount\" value=\"0\" \/>\n\n                    <!-- Donor info grid (floating labels) -->\n                    <div class=\"df24477-grid\">\n                        <div class=\"df24477-field\">\n                            <input type=\"text\" name=\"sosdon_df_name\" id=\"df24477-name\" class=\"df24477-input\" placeholder=\" \" required \/>\n                            <label for=\"df24477-name\" class=\"df24477-float-label\">Nom & Pr\u00e9nom *<\/label>\n                        <\/div>\n                        <div class=\"df24477-field\">\n                            <input type=\"tel\" name=\"sosdon_df_phone\" id=\"df24477-phone\" class=\"df24477-input\" placeholder=\" \" required \/>\n                            <label for=\"df24477-phone\" class=\"df24477-float-label\">T\u00e9l\u00e9phone *<\/label>\n                        <\/div>\n                        <div class=\"df24477-field full\">\n                            <input type=\"email\" name=\"sosdon_email\" id=\"df24477-email\" class=\"df24477-input\" placeholder=\" \" required \/>\n                            <label for=\"df24477-email\" class=\"df24477-float-label\">Email *<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Checkboxes -->\n                    <div class=\"df24477-checks\">\n                                                <label class=\"df24477-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_monthly\" value=\"yes\" checked \/>\n                            <span><strong>Rappel mensuel<\/strong> \u2014 Recevoir un rappel SMS\/Email chaque mois pour renouveler mon don<\/span>\n                        <\/label>\n                                                <label class=\"df24477-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_zakat\" value=\"yes\" \/>\n                            <span><strong>Zakat<\/strong> \u2014 Ce don est une Zakat<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"df24477-btn\" id=\"df24477-submit\">Je fais mon don \u2192<\/button>\n\n                    <div class=\"df24477-trust\">\n                        <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        Paiement 100% s\u00e9curis\u00e9 via Mastercard\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script>\n        var df24477_total = 0;\n        var df24477_lastClicked = 0;\n        var df24477_btnText = 'Je fais mon don';\n\n        function df24477_updateButton() {\n            document.getElementById('df24477-hidden-amount').value = df24477_total;\n            var btn = document.getElementById('df24477-submit');\n            if (df24477_total > 0) {\n                var display = df24477_total.toFixed(3).replace(\/\\.?0+$\/, '');\n                btn.innerHTML = df24477_btnText + ' \u2014 <strong>' + display + ' DT<\/strong> \u2192';\n            } else {\n                btn.innerHTML = df24477_btnText + ' \u2192';\n            }\n            \/\/ Show\/hide reset link\n            var reset = document.getElementById('df24477-reset');\n            if (reset) reset.style.display = df24477_total > 0 ? 'inline-block' : 'none';\n        }\n\n        function df24477_selectAmount(btn, amt) {\n            \/\/ Same amount clicked \u2192 ADD to running sum\n            \/\/ Different amount clicked \u2192 RESET total to this amount (start new sum)\n            if (df24477_lastClicked === amt) {\n                df24477_total += amt;\n            } else {\n                df24477_total = amt;\n                df24477_lastClicked = amt;\n            }\n            var wrap = document.getElementById('df24477-amounts');\n            wrap.querySelectorAll('.df24477-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df24477-custom-wrap').classList.remove('show');\n            df24477_updateButton();\n        }\n\n        function df24477_showCustom(btn) {\n            var wrap = document.getElementById('df24477-amounts');\n            wrap.querySelectorAll('.df24477-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df24477-custom-wrap').classList.add('show');\n            document.getElementById('df24477-custom').focus();\n        }\n\n        function df24477_setCustom() {\n            var val = parseFloat(document.getElementById('df24477-custom').value) || 0;\n            if (val < 5) {\n                document.getElementById('df24477-custom').value = '';\n                df24477_customError('Le montant minimum est de 5 DT');\n                return;\n            }\n            df24477_total = val;\n            df24477_updateButton();\n        }\n\n        function df24477_customError(msg) {\n            var wrap = document.getElementById('df24477-custom-wrap');\n            var existing = document.getElementById('df24477-custom-err');\n            if (existing) existing.remove();\n            var el = document.createElement('div');\n            el.id = 'df24477-custom-err';\n            el.style.cssText = 'color:#de5a6c;font-size:12px;margin-top:6px;font-weight:600';\n            el.textContent = msg;\n            wrap.appendChild(el);\n            setTimeout(function() { if (el.parentNode) el.remove(); }, 3000);\n        }\n\n        function df24477_reset() {\n            df24477_total = 0;\n            df24477_lastClicked = 0;\n            var wrap = document.getElementById('df24477-amounts');\n            wrap.querySelectorAll('.df24477-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            document.getElementById('df24477-custom-wrap').classList.remove('show');\n            document.getElementById('df24477-custom').value = '';\n            df24477_updateButton();\n        }\n\n        \/\/ Initial button update\n        df24477_updateButton();\n        <\/script>\n                                                        <\/div>\n                                                                                                <div class=\"smr-don-pool-item\" data-project-id=\"151049\" id=\"smr-don-pool-151049\">\n                                                        \n        <style>\n        .df42605 {\n            --brand-blue: #00abec;\n            --brand-red: #de5a6c;\n            --brand-navy: #1c325d;\n            --brand-light: #e8f7fe;\n            --brand-border: #d1ecfb;\n            max-width: 520px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        }\n        .df42605 * { box-sizing: border-box; }\n\n        .df42605-card {\n            background: #fff;\n            border-radius: 14px;\n            padding: 26px 22px;\n            box-shadow: 0 4px 22px rgba(28,50,93,.08);\n            border: 1px solid #e8ecf3;\n        }\n\n        \/* Title *\/\n        .df42605-title {\n            text-align: center;\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            margin: 0 0 4px;\n            letter-spacing: -0.3px;\n        }\n        .df42605-subtitle {\n            text-align: center;\n            font-size: 12px;\n            color: #64748b;\n            margin: 0 0 18px;\n        }\n\n        \/* Amount buttons *\/\n        .df42605-amounts {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 14px;\n        }\n        .df42605-amt-btn {\n            flex: 1;\n            min-width: 56px;\n            padding: 11px 4px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            background: #fff;\n            font-size: 17px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            cursor: pointer;\n            transition: all .2s;\n            text-align: center;\n            line-height: 1.1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .df42605-amt-btn:hover {\n            border-color: var(--brand-blue);\n            background: var(--brand-light);\n            color: var(--brand-navy);\n        }\n        .df42605-amt-btn.active {\n            border-color: var(--brand-blue);\n            background: var(--brand-blue);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0,171,236,.25);\n        }\n        .df42605-amt-btn small {\n            display: block;\n            font-size: 9px;\n            font-weight: 600;\n            opacity: .6;\n            margin-top: 2px;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n        }\n        .df42605-amt-custom {\n            display: none;\n            margin-bottom: 14px;\n        }\n        .df42605-amt-custom.show { display: block; }\n        .df42605-amt-custom input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--brand-navy);\n            outline: none;\n            transition: border-color .2s;\n        }\n        .df42605-amt-custom input:focus { border-color: var(--brand-blue); }\n\n        \/* Form grid *\/\n        .df42605-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n        @media (max-width: 520px) {\n            .df42605-grid { grid-template-columns: 1fr; }\n            .df42605-amt-btn { min-width: 56px; font-size: 15px; padding: 10px 4px; }\n            .df42605-card { padding: 20px 14px; }\n        }\n\n        \/* Input fields (floating label) *\/\n        .df42605-field { position: relative; }\n        .df42605-field.full { grid-column: 1 \/ -1; }\n        .df42605-input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #0f172a;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s, padding .15s;\n            font-family: inherit;\n        }\n        .df42605-input:focus,\n        .df42605-input:not(:placeholder-shown) {\n            padding: 16px 14px 6px;\n            border-color: var(--brand-blue);\n            box-shadow: 0 0 0 3px rgba(0,171,236,.1);\n        }\n        .df42605-input::placeholder { color: transparent; }\n        .df42605-float-label {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 14px;\n            color: #94a3b8;\n            pointer-events: none;\n            transition: all .15s ease;\n            font-weight: 500;\n        }\n        .df42605-input:focus ~ .df42605-float-label,\n        .df42605-input:not(:placeholder-shown) ~ .df42605-float-label {\n            top: 7px;\n            transform: translateY(0);\n            font-size: 10px;\n            color: var(--brand-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .4px;\n        }\n\n        \/* Checkboxes *\/\n        .df42605-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding: 12px 14px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 1px solid #e8ecf3;\n        }\n        .df42605-check {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            cursor: pointer;\n            font-size: 13px;\n            color: #334155;\n            line-height: 1.45;\n        }\n        .df42605-check input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: var(--brand-blue);\n            margin-top: 1px;\n            flex-shrink: 0;\n            cursor: pointer;\n        }\n        .df42605-check strong { color: var(--brand-navy); }\n\n        \/* Submit button *\/\n        .df42605-btn {\n            width: 100%;\n            padding: 14px;\n            border: none;\n            border-radius: 8px;\n            background: linear-gradient(135deg, var(--brand-blue), #0096cc);\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all .2s;\n            letter-spacing: .3px;\n            box-shadow: 0 6px 18px rgba(0,171,236,.2);\n        }\n        .df42605-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(0,171,236,.3);\n        }\n        .df42605-btn:active { transform: translateY(0); }\n        .df42605-btn:disabled { opacity: .6; cursor: default; }\n\n        \/* Result messages *\/\n        .df42605-result {\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-bottom: 14px;\n            font-size: 13px;\n            font-weight: 500;\n            animation: df42605-fade .3s ease;\n        }\n        @keyframes df42605-fade {\n            from { opacity: 0; transform: translateY(-6px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .df42605-result.success {\n            background: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            color: #065f46;\n        }\n        .df42605-result.error {\n            background: #fef2f2;\n            border: 1px solid #fecaca;\n            color: #991b1b;\n        }\n        .df42605-result a {\n            display: inline-block;\n            margin-top: 8px;\n            padding: 10px 22px;\n            background: var(--brand-navy);\n            color: #fff;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            transition: opacity .2s;\n        }\n        .df42605-result a:hover { opacity: .85; }\n\n        \/* Trust badge *\/\n        .df42605-trust {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 11px;\n            color: #94a3b8;\n        }\n        .df42605-trust svg {\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        \/* Redirect overlay (smart) *\/\n        .df42605-redirect {\n            text-align: center;\n            padding: 28px 10px 22px;\n        }\n        .df42605-spinner {\n            width: 42px;\n            height: 42px;\n            border: 4px solid #e2e8f0;\n            border-top-color: var(--brand-blue);\n            border-radius: 50%;\n            margin: 0 auto 14px;\n            animation: df42605-spin .8s linear infinite;\n        }\n        @keyframes df42605-spin { to { transform: rotate(360deg); } }\n        .df42605-redirect p {\n            margin: 0;\n            font-size: 14px;\n            color: #64748b;\n            font-weight: 600;\n        }\n        .df42605-redirect small {\n            display: block;\n            margin-top: 4px;\n            font-size: 11px;\n            color: #94a3b8;\n            font-weight: 500;\n        }\n        <\/style>\n\n        <div class=\"df42605\">\n            <div class=\"df42605-card\">\n                \n                \n                <form method=\"post\" enctype=\"multipart\/form-data\" id=\"df42605-form\">\n                    <input type=\"hidden\" id=\"sosdon_df_nonce\" name=\"sosdon_df_nonce\" value=\"7f7b96696d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/151051\" \/>\n                    <!-- Amount selector -->\n                    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;\">\n                        <span style=\"font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;\">Votre don<\/span>\n                        <a href=\"javascript:void(0)\" id=\"df42605-reset\" onclick=\"df42605_reset()\" style=\"font-size:11px;color:#de5a6c;text-decoration:none;font-weight:600;display:none;\">\u21ba R\u00e9initialiser<\/a>\n                    <\/div>\n                    <div class=\"df42605-amounts\" id=\"df42605-amounts\">\n                                                    <button type=\"button\" class=\"df42605-amt-btn\"\n                                    data-amount=\"100\"\n                                    onclick=\"df42605_selectAmount(this, 100)\">\n                                100<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df42605-amt-btn\"\n                                    data-amount=\"200\"\n                                    onclick=\"df42605_selectAmount(this, 200)\">\n                                200<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df42605-amt-btn\"\n                                    data-amount=\"500\"\n                                    onclick=\"df42605_selectAmount(this, 500)\">\n                                500<small>DT<\/small>\n                            <\/button>\n                                                <button type=\"button\" class=\"df42605-amt-btn\" onclick=\"df42605_showCustom(this)\">\n                            Autre<small>montant<\/small>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Custom amount input -->\n                    <div class=\"df42605-amt-custom\" id=\"df42605-custom-wrap\">\n                        <input type=\"number\" id=\"df42605-custom\" placeholder=\"Montant personnalis\u00e9 (min. 5 DT)\"\n                               min=\"5\" step=\"0.001\" oninput=\"df42605_setCustom()\" \/>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"sosdon_df_amount\" id=\"df42605-hidden-amount\" value=\"0\" \/>\n\n                    <!-- Donor info grid (floating labels) -->\n                    <div class=\"df42605-grid\">\n                        <div class=\"df42605-field\">\n                            <input type=\"text\" name=\"sosdon_df_name\" id=\"df42605-name\" class=\"df42605-input\" placeholder=\" \" required \/>\n                            <label for=\"df42605-name\" class=\"df42605-float-label\">Nom & Pr\u00e9nom *<\/label>\n                        <\/div>\n                        <div class=\"df42605-field\">\n                            <input type=\"tel\" name=\"sosdon_df_phone\" id=\"df42605-phone\" class=\"df42605-input\" placeholder=\" \" required \/>\n                            <label for=\"df42605-phone\" class=\"df42605-float-label\">T\u00e9l\u00e9phone *<\/label>\n                        <\/div>\n                        <div class=\"df42605-field full\">\n                            <input type=\"email\" name=\"sosdon_email\" id=\"df42605-email\" class=\"df42605-input\" placeholder=\" \" required \/>\n                            <label for=\"df42605-email\" class=\"df42605-float-label\">Email *<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Checkboxes -->\n                    <div class=\"df42605-checks\">\n                                                <label class=\"df42605-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_monthly\" value=\"yes\" checked \/>\n                            <span><strong>Rappel mensuel<\/strong> \u2014 Recevoir un rappel SMS\/Email chaque mois pour renouveler mon don<\/span>\n                        <\/label>\n                                                <label class=\"df42605-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_zakat\" value=\"yes\" \/>\n                            <span><strong>Zakat<\/strong> \u2014 Ce don est une Zakat<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"df42605-btn\" id=\"df42605-submit\">Je fais mon don \u2192<\/button>\n\n                    <div class=\"df42605-trust\">\n                        <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        Paiement 100% s\u00e9curis\u00e9 via Mastercard\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script>\n        var df42605_total = 0;\n        var df42605_lastClicked = 0;\n        var df42605_btnText = 'Je fais mon don';\n\n        function df42605_updateButton() {\n            document.getElementById('df42605-hidden-amount').value = df42605_total;\n            var btn = document.getElementById('df42605-submit');\n            if (df42605_total > 0) {\n                var display = df42605_total.toFixed(3).replace(\/\\.?0+$\/, '');\n                btn.innerHTML = df42605_btnText + ' \u2014 <strong>' + display + ' DT<\/strong> \u2192';\n            } else {\n                btn.innerHTML = df42605_btnText + ' \u2192';\n            }\n            \/\/ Show\/hide reset link\n            var reset = document.getElementById('df42605-reset');\n            if (reset) reset.style.display = df42605_total > 0 ? 'inline-block' : 'none';\n        }\n\n        function df42605_selectAmount(btn, amt) {\n            \/\/ Same amount clicked \u2192 ADD to running sum\n            \/\/ Different amount clicked \u2192 RESET total to this amount (start new sum)\n            if (df42605_lastClicked === amt) {\n                df42605_total += amt;\n            } else {\n                df42605_total = amt;\n                df42605_lastClicked = amt;\n            }\n            var wrap = document.getElementById('df42605-amounts');\n            wrap.querySelectorAll('.df42605-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df42605-custom-wrap').classList.remove('show');\n            df42605_updateButton();\n        }\n\n        function df42605_showCustom(btn) {\n            var wrap = document.getElementById('df42605-amounts');\n            wrap.querySelectorAll('.df42605-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df42605-custom-wrap').classList.add('show');\n            document.getElementById('df42605-custom').focus();\n        }\n\n        function df42605_setCustom() {\n            var val = parseFloat(document.getElementById('df42605-custom').value) || 0;\n            if (val < 5) {\n                document.getElementById('df42605-custom').value = '';\n                df42605_customError('Le montant minimum est de 5 DT');\n                return;\n            }\n            df42605_total = val;\n            df42605_updateButton();\n        }\n\n        function df42605_customError(msg) {\n            var wrap = document.getElementById('df42605-custom-wrap');\n            var existing = document.getElementById('df42605-custom-err');\n            if (existing) existing.remove();\n            var el = document.createElement('div');\n            el.id = 'df42605-custom-err';\n            el.style.cssText = 'color:#de5a6c;font-size:12px;margin-top:6px;font-weight:600';\n            el.textContent = msg;\n            wrap.appendChild(el);\n            setTimeout(function() { if (el.parentNode) el.remove(); }, 3000);\n        }\n\n        function df42605_reset() {\n            df42605_total = 0;\n            df42605_lastClicked = 0;\n            var wrap = document.getElementById('df42605-amounts');\n            wrap.querySelectorAll('.df42605-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            document.getElementById('df42605-custom-wrap').classList.remove('show');\n            document.getElementById('df42605-custom').value = '';\n            df42605_updateButton();\n        }\n\n        \/\/ Initial button update\n        df42605_updateButton();\n        <\/script>\n                                                        <\/div>\n                                                                                                <div class=\"smr-don-pool-item\" data-project-id=\"151050\" id=\"smr-don-pool-151050\">\n                                                        \n        <style>\n        .df57693 {\n            --brand-blue: #00abec;\n            --brand-red: #de5a6c;\n            --brand-navy: #1c325d;\n            --brand-light: #e8f7fe;\n            --brand-border: #d1ecfb;\n            max-width: 520px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        }\n        .df57693 * { box-sizing: border-box; }\n\n        .df57693-card {\n            background: #fff;\n            border-radius: 14px;\n            padding: 26px 22px;\n            box-shadow: 0 4px 22px rgba(28,50,93,.08);\n            border: 1px solid #e8ecf3;\n        }\n\n        \/* Title *\/\n        .df57693-title {\n            text-align: center;\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            margin: 0 0 4px;\n            letter-spacing: -0.3px;\n        }\n        .df57693-subtitle {\n            text-align: center;\n            font-size: 12px;\n            color: #64748b;\n            margin: 0 0 18px;\n        }\n\n        \/* Amount buttons *\/\n        .df57693-amounts {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 14px;\n        }\n        .df57693-amt-btn {\n            flex: 1;\n            min-width: 56px;\n            padding: 11px 4px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            background: #fff;\n            font-size: 17px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            cursor: pointer;\n            transition: all .2s;\n            text-align: center;\n            line-height: 1.1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .df57693-amt-btn:hover {\n            border-color: var(--brand-blue);\n            background: var(--brand-light);\n            color: var(--brand-navy);\n        }\n        .df57693-amt-btn.active {\n            border-color: var(--brand-blue);\n            background: var(--brand-blue);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0,171,236,.25);\n        }\n        .df57693-amt-btn small {\n            display: block;\n            font-size: 9px;\n            font-weight: 600;\n            opacity: .6;\n            margin-top: 2px;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n        }\n        .df57693-amt-custom {\n            display: none;\n            margin-bottom: 14px;\n        }\n        .df57693-amt-custom.show { display: block; }\n        .df57693-amt-custom input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--brand-navy);\n            outline: none;\n            transition: border-color .2s;\n        }\n        .df57693-amt-custom input:focus { border-color: var(--brand-blue); }\n\n        \/* Form grid *\/\n        .df57693-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n        @media (max-width: 520px) {\n            .df57693-grid { grid-template-columns: 1fr; }\n            .df57693-amt-btn { min-width: 56px; font-size: 15px; padding: 10px 4px; }\n            .df57693-card { padding: 20px 14px; }\n        }\n\n        \/* Input fields (floating label) *\/\n        .df57693-field { position: relative; }\n        .df57693-field.full { grid-column: 1 \/ -1; }\n        .df57693-input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #0f172a;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s, padding .15s;\n            font-family: inherit;\n        }\n        .df57693-input:focus,\n        .df57693-input:not(:placeholder-shown) {\n            padding: 16px 14px 6px;\n            border-color: var(--brand-blue);\n            box-shadow: 0 0 0 3px rgba(0,171,236,.1);\n        }\n        .df57693-input::placeholder { color: transparent; }\n        .df57693-float-label {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 14px;\n            color: #94a3b8;\n            pointer-events: none;\n            transition: all .15s ease;\n            font-weight: 500;\n        }\n        .df57693-input:focus ~ .df57693-float-label,\n        .df57693-input:not(:placeholder-shown) ~ .df57693-float-label {\n            top: 7px;\n            transform: translateY(0);\n            font-size: 10px;\n            color: var(--brand-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .4px;\n        }\n\n        \/* Checkboxes *\/\n        .df57693-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding: 12px 14px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 1px solid #e8ecf3;\n        }\n        .df57693-check {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            cursor: pointer;\n            font-size: 13px;\n            color: #334155;\n            line-height: 1.45;\n        }\n        .df57693-check input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: var(--brand-blue);\n            margin-top: 1px;\n            flex-shrink: 0;\n            cursor: pointer;\n        }\n        .df57693-check strong { color: var(--brand-navy); }\n\n        \/* Submit button *\/\n        .df57693-btn {\n            width: 100%;\n            padding: 14px;\n            border: none;\n            border-radius: 8px;\n            background: linear-gradient(135deg, var(--brand-blue), #0096cc);\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all .2s;\n            letter-spacing: .3px;\n            box-shadow: 0 6px 18px rgba(0,171,236,.2);\n        }\n        .df57693-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(0,171,236,.3);\n        }\n        .df57693-btn:active { transform: translateY(0); }\n        .df57693-btn:disabled { opacity: .6; cursor: default; }\n\n        \/* Result messages *\/\n        .df57693-result {\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-bottom: 14px;\n            font-size: 13px;\n            font-weight: 500;\n            animation: df57693-fade .3s ease;\n        }\n        @keyframes df57693-fade {\n            from { opacity: 0; transform: translateY(-6px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .df57693-result.success {\n            background: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            color: #065f46;\n        }\n        .df57693-result.error {\n            background: #fef2f2;\n            border: 1px solid #fecaca;\n            color: #991b1b;\n        }\n        .df57693-result a {\n            display: inline-block;\n            margin-top: 8px;\n            padding: 10px 22px;\n            background: var(--brand-navy);\n            color: #fff;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            transition: opacity .2s;\n        }\n        .df57693-result a:hover { opacity: .85; }\n\n        \/* Trust badge *\/\n        .df57693-trust {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 11px;\n            color: #94a3b8;\n        }\n        .df57693-trust svg {\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        \/* Redirect overlay (smart) *\/\n        .df57693-redirect {\n            text-align: center;\n            padding: 28px 10px 22px;\n        }\n        .df57693-spinner {\n            width: 42px;\n            height: 42px;\n            border: 4px solid #e2e8f0;\n            border-top-color: var(--brand-blue);\n            border-radius: 50%;\n            margin: 0 auto 14px;\n            animation: df57693-spin .8s linear infinite;\n        }\n        @keyframes df57693-spin { to { transform: rotate(360deg); } }\n        .df57693-redirect p {\n            margin: 0;\n            font-size: 14px;\n            color: #64748b;\n            font-weight: 600;\n        }\n        .df57693-redirect small {\n            display: block;\n            margin-top: 4px;\n            font-size: 11px;\n            color: #94a3b8;\n            font-weight: 500;\n        }\n        <\/style>\n\n        <div class=\"df57693\">\n            <div class=\"df57693-card\">\n                \n                \n                <form method=\"post\" enctype=\"multipart\/form-data\" id=\"df57693-form\">\n                    <input type=\"hidden\" id=\"sosdon_df_nonce\" name=\"sosdon_df_nonce\" value=\"7f7b96696d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/151051\" \/>\n                    <!-- Amount selector -->\n                    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;\">\n                        <span style=\"font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;\">Votre don<\/span>\n                        <a href=\"javascript:void(0)\" id=\"df57693-reset\" onclick=\"df57693_reset()\" style=\"font-size:11px;color:#de5a6c;text-decoration:none;font-weight:600;display:none;\">\u21ba R\u00e9initialiser<\/a>\n                    <\/div>\n                    <div class=\"df57693-amounts\" id=\"df57693-amounts\">\n                                                    <button type=\"button\" class=\"df57693-amt-btn\"\n                                    data-amount=\"100\"\n                                    onclick=\"df57693_selectAmount(this, 100)\">\n                                100<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df57693-amt-btn\"\n                                    data-amount=\"200\"\n                                    onclick=\"df57693_selectAmount(this, 200)\">\n                                200<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df57693-amt-btn\"\n                                    data-amount=\"500\"\n                                    onclick=\"df57693_selectAmount(this, 500)\">\n                                500<small>DT<\/small>\n                            <\/button>\n                                                <button type=\"button\" class=\"df57693-amt-btn\" onclick=\"df57693_showCustom(this)\">\n                            Autre<small>montant<\/small>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Custom amount input -->\n                    <div class=\"df57693-amt-custom\" id=\"df57693-custom-wrap\">\n                        <input type=\"number\" id=\"df57693-custom\" placeholder=\"Montant personnalis\u00e9 (min. 5 DT)\"\n                               min=\"5\" step=\"0.001\" oninput=\"df57693_setCustom()\" \/>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"sosdon_df_amount\" id=\"df57693-hidden-amount\" value=\"0\" \/>\n\n                    <!-- Donor info grid (floating labels) -->\n                    <div class=\"df57693-grid\">\n                        <div class=\"df57693-field\">\n                            <input type=\"text\" name=\"sosdon_df_name\" id=\"df57693-name\" class=\"df57693-input\" placeholder=\" \" required \/>\n                            <label for=\"df57693-name\" class=\"df57693-float-label\">Nom & Pr\u00e9nom *<\/label>\n                        <\/div>\n                        <div class=\"df57693-field\">\n                            <input type=\"tel\" name=\"sosdon_df_phone\" id=\"df57693-phone\" class=\"df57693-input\" placeholder=\" \" required \/>\n                            <label for=\"df57693-phone\" class=\"df57693-float-label\">T\u00e9l\u00e9phone *<\/label>\n                        <\/div>\n                        <div class=\"df57693-field full\">\n                            <input type=\"email\" name=\"sosdon_email\" id=\"df57693-email\" class=\"df57693-input\" placeholder=\" \" required \/>\n                            <label for=\"df57693-email\" class=\"df57693-float-label\">Email *<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Checkboxes -->\n                    <div class=\"df57693-checks\">\n                                                <label class=\"df57693-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_monthly\" value=\"yes\" checked \/>\n                            <span><strong>Rappel mensuel<\/strong> \u2014 Recevoir un rappel SMS\/Email chaque mois pour renouveler mon don<\/span>\n                        <\/label>\n                                                <label class=\"df57693-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_zakat\" value=\"yes\" \/>\n                            <span><strong>Zakat<\/strong> \u2014 Ce don est une Zakat<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"df57693-btn\" id=\"df57693-submit\">Je fais mon don \u2192<\/button>\n\n                    <div class=\"df57693-trust\">\n                        <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        Paiement 100% s\u00e9curis\u00e9 via Mastercard\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script>\n        var df57693_total = 0;\n        var df57693_lastClicked = 0;\n        var df57693_btnText = 'Je fais mon don';\n\n        function df57693_updateButton() {\n            document.getElementById('df57693-hidden-amount').value = df57693_total;\n            var btn = document.getElementById('df57693-submit');\n            if (df57693_total > 0) {\n                var display = df57693_total.toFixed(3).replace(\/\\.?0+$\/, '');\n                btn.innerHTML = df57693_btnText + ' \u2014 <strong>' + display + ' DT<\/strong> \u2192';\n            } else {\n                btn.innerHTML = df57693_btnText + ' \u2192';\n            }\n            \/\/ Show\/hide reset link\n            var reset = document.getElementById('df57693-reset');\n            if (reset) reset.style.display = df57693_total > 0 ? 'inline-block' : 'none';\n        }\n\n        function df57693_selectAmount(btn, amt) {\n            \/\/ Same amount clicked \u2192 ADD to running sum\n            \/\/ Different amount clicked \u2192 RESET total to this amount (start new sum)\n            if (df57693_lastClicked === amt) {\n                df57693_total += amt;\n            } else {\n                df57693_total = amt;\n                df57693_lastClicked = amt;\n            }\n            var wrap = document.getElementById('df57693-amounts');\n            wrap.querySelectorAll('.df57693-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df57693-custom-wrap').classList.remove('show');\n            df57693_updateButton();\n        }\n\n        function df57693_showCustom(btn) {\n            var wrap = document.getElementById('df57693-amounts');\n            wrap.querySelectorAll('.df57693-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df57693-custom-wrap').classList.add('show');\n            document.getElementById('df57693-custom').focus();\n        }\n\n        function df57693_setCustom() {\n            var val = parseFloat(document.getElementById('df57693-custom').value) || 0;\n            if (val < 5) {\n                document.getElementById('df57693-custom').value = '';\n                df57693_customError('Le montant minimum est de 5 DT');\n                return;\n            }\n            df57693_total = val;\n            df57693_updateButton();\n        }\n\n        function df57693_customError(msg) {\n            var wrap = document.getElementById('df57693-custom-wrap');\n            var existing = document.getElementById('df57693-custom-err');\n            if (existing) existing.remove();\n            var el = document.createElement('div');\n            el.id = 'df57693-custom-err';\n            el.style.cssText = 'color:#de5a6c;font-size:12px;margin-top:6px;font-weight:600';\n            el.textContent = msg;\n            wrap.appendChild(el);\n            setTimeout(function() { if (el.parentNode) el.remove(); }, 3000);\n        }\n\n        function df57693_reset() {\n            df57693_total = 0;\n            df57693_lastClicked = 0;\n            var wrap = document.getElementById('df57693-amounts');\n            wrap.querySelectorAll('.df57693-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            document.getElementById('df57693-custom-wrap').classList.remove('show');\n            document.getElementById('df57693-custom').value = '';\n            df57693_updateButton();\n        }\n\n        \/\/ Initial button update\n        df57693_updateButton();\n        <\/script>\n                                                        <\/div>\n                                                                                                <div class=\"smr-don-pool-item\" data-project-id=\"157289\" id=\"smr-don-pool-157289\">\n                                                        \n        <style>\n        .df86008 {\n            --brand-blue: #00abec;\n            --brand-red: #de5a6c;\n            --brand-navy: #1c325d;\n            --brand-light: #e8f7fe;\n            --brand-border: #d1ecfb;\n            max-width: 520px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        }\n        .df86008 * { box-sizing: border-box; }\n\n        .df86008-card {\n            background: #fff;\n            border-radius: 14px;\n            padding: 26px 22px;\n            box-shadow: 0 4px 22px rgba(28,50,93,.08);\n            border: 1px solid #e8ecf3;\n        }\n\n        \/* Title *\/\n        .df86008-title {\n            text-align: center;\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            margin: 0 0 4px;\n            letter-spacing: -0.3px;\n        }\n        .df86008-subtitle {\n            text-align: center;\n            font-size: 12px;\n            color: #64748b;\n            margin: 0 0 18px;\n        }\n\n        \/* Amount buttons *\/\n        .df86008-amounts {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 14px;\n        }\n        .df86008-amt-btn {\n            flex: 1;\n            min-width: 56px;\n            padding: 11px 4px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            background: #fff;\n            font-size: 17px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            cursor: pointer;\n            transition: all .2s;\n            text-align: center;\n            line-height: 1.1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .df86008-amt-btn:hover {\n            border-color: var(--brand-blue);\n            background: var(--brand-light);\n            color: var(--brand-navy);\n        }\n        .df86008-amt-btn.active {\n            border-color: var(--brand-blue);\n            background: var(--brand-blue);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0,171,236,.25);\n        }\n        .df86008-amt-btn small {\n            display: block;\n            font-size: 9px;\n            font-weight: 600;\n            opacity: .6;\n            margin-top: 2px;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n        }\n        .df86008-amt-custom {\n            display: none;\n            margin-bottom: 14px;\n        }\n        .df86008-amt-custom.show { display: block; }\n        .df86008-amt-custom input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--brand-navy);\n            outline: none;\n            transition: border-color .2s;\n        }\n        .df86008-amt-custom input:focus { border-color: var(--brand-blue); }\n\n        \/* Form grid *\/\n        .df86008-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n        @media (max-width: 520px) {\n            .df86008-grid { grid-template-columns: 1fr; }\n            .df86008-amt-btn { min-width: 56px; font-size: 15px; padding: 10px 4px; }\n            .df86008-card { padding: 20px 14px; }\n        }\n\n        \/* Input fields (floating label) *\/\n        .df86008-field { position: relative; }\n        .df86008-field.full { grid-column: 1 \/ -1; }\n        .df86008-input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #0f172a;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s, padding .15s;\n            font-family: inherit;\n        }\n        .df86008-input:focus,\n        .df86008-input:not(:placeholder-shown) {\n            padding: 16px 14px 6px;\n            border-color: var(--brand-blue);\n            box-shadow: 0 0 0 3px rgba(0,171,236,.1);\n        }\n        .df86008-input::placeholder { color: transparent; }\n        .df86008-float-label {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 14px;\n            color: #94a3b8;\n            pointer-events: none;\n            transition: all .15s ease;\n            font-weight: 500;\n        }\n        .df86008-input:focus ~ .df86008-float-label,\n        .df86008-input:not(:placeholder-shown) ~ .df86008-float-label {\n            top: 7px;\n            transform: translateY(0);\n            font-size: 10px;\n            color: var(--brand-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .4px;\n        }\n\n        \/* Checkboxes *\/\n        .df86008-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding: 12px 14px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 1px solid #e8ecf3;\n        }\n        .df86008-check {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            cursor: pointer;\n            font-size: 13px;\n            color: #334155;\n            line-height: 1.45;\n        }\n        .df86008-check input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: var(--brand-blue);\n            margin-top: 1px;\n            flex-shrink: 0;\n            cursor: pointer;\n        }\n        .df86008-check strong { color: var(--brand-navy); }\n\n        \/* Submit button *\/\n        .df86008-btn {\n            width: 100%;\n            padding: 14px;\n            border: none;\n            border-radius: 8px;\n            background: linear-gradient(135deg, var(--brand-blue), #0096cc);\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all .2s;\n            letter-spacing: .3px;\n            box-shadow: 0 6px 18px rgba(0,171,236,.2);\n        }\n        .df86008-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(0,171,236,.3);\n        }\n        .df86008-btn:active { transform: translateY(0); }\n        .df86008-btn:disabled { opacity: .6; cursor: default; }\n\n        \/* Result messages *\/\n        .df86008-result {\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-bottom: 14px;\n            font-size: 13px;\n            font-weight: 500;\n            animation: df86008-fade .3s ease;\n        }\n        @keyframes df86008-fade {\n            from { opacity: 0; transform: translateY(-6px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .df86008-result.success {\n            background: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            color: #065f46;\n        }\n        .df86008-result.error {\n            background: #fef2f2;\n            border: 1px solid #fecaca;\n            color: #991b1b;\n        }\n        .df86008-result a {\n            display: inline-block;\n            margin-top: 8px;\n            padding: 10px 22px;\n            background: var(--brand-navy);\n            color: #fff;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            transition: opacity .2s;\n        }\n        .df86008-result a:hover { opacity: .85; }\n\n        \/* Trust badge *\/\n        .df86008-trust {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 11px;\n            color: #94a3b8;\n        }\n        .df86008-trust svg {\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        \/* Redirect overlay (smart) *\/\n        .df86008-redirect {\n            text-align: center;\n            padding: 28px 10px 22px;\n        }\n        .df86008-spinner {\n            width: 42px;\n            height: 42px;\n            border: 4px solid #e2e8f0;\n            border-top-color: var(--brand-blue);\n            border-radius: 50%;\n            margin: 0 auto 14px;\n            animation: df86008-spin .8s linear infinite;\n        }\n        @keyframes df86008-spin { to { transform: rotate(360deg); } }\n        .df86008-redirect p {\n            margin: 0;\n            font-size: 14px;\n            color: #64748b;\n            font-weight: 600;\n        }\n        .df86008-redirect small {\n            display: block;\n            margin-top: 4px;\n            font-size: 11px;\n            color: #94a3b8;\n            font-weight: 500;\n        }\n        <\/style>\n\n        <div class=\"df86008\">\n            <div class=\"df86008-card\">\n                \n                \n                <form method=\"post\" enctype=\"multipart\/form-data\" id=\"df86008-form\">\n                    <input type=\"hidden\" id=\"sosdon_df_nonce\" name=\"sosdon_df_nonce\" value=\"7f7b96696d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/151051\" \/>\n                    <!-- Amount selector -->\n                    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;\">\n                        <span style=\"font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;\">Votre don<\/span>\n                        <a href=\"javascript:void(0)\" id=\"df86008-reset\" onclick=\"df86008_reset()\" style=\"font-size:11px;color:#de5a6c;text-decoration:none;font-weight:600;display:none;\">\u21ba R\u00e9initialiser<\/a>\n                    <\/div>\n                    <div class=\"df86008-amounts\" id=\"df86008-amounts\">\n                                                    <button type=\"button\" class=\"df86008-amt-btn\"\n                                    data-amount=\"100\"\n                                    onclick=\"df86008_selectAmount(this, 100)\">\n                                100<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df86008-amt-btn\"\n                                    data-amount=\"200\"\n                                    onclick=\"df86008_selectAmount(this, 200)\">\n                                200<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df86008-amt-btn\"\n                                    data-amount=\"500\"\n                                    onclick=\"df86008_selectAmount(this, 500)\">\n                                500<small>DT<\/small>\n                            <\/button>\n                                                <button type=\"button\" class=\"df86008-amt-btn\" onclick=\"df86008_showCustom(this)\">\n                            Autre<small>montant<\/small>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Custom amount input -->\n                    <div class=\"df86008-amt-custom\" id=\"df86008-custom-wrap\">\n                        <input type=\"number\" id=\"df86008-custom\" placeholder=\"Montant personnalis\u00e9 (min. 5 DT)\"\n                               min=\"5\" step=\"0.001\" oninput=\"df86008_setCustom()\" \/>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"sosdon_df_amount\" id=\"df86008-hidden-amount\" value=\"0\" \/>\n\n                    <!-- Donor info grid (floating labels) -->\n                    <div class=\"df86008-grid\">\n                        <div class=\"df86008-field\">\n                            <input type=\"text\" name=\"sosdon_df_name\" id=\"df86008-name\" class=\"df86008-input\" placeholder=\" \" required \/>\n                            <label for=\"df86008-name\" class=\"df86008-float-label\">Nom & Pr\u00e9nom *<\/label>\n                        <\/div>\n                        <div class=\"df86008-field\">\n                            <input type=\"tel\" name=\"sosdon_df_phone\" id=\"df86008-phone\" class=\"df86008-input\" placeholder=\" \" required \/>\n                            <label for=\"df86008-phone\" class=\"df86008-float-label\">T\u00e9l\u00e9phone *<\/label>\n                        <\/div>\n                        <div class=\"df86008-field full\">\n                            <input type=\"email\" name=\"sosdon_email\" id=\"df86008-email\" class=\"df86008-input\" placeholder=\" \" required \/>\n                            <label for=\"df86008-email\" class=\"df86008-float-label\">Email *<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Checkboxes -->\n                    <div class=\"df86008-checks\">\n                                                <label class=\"df86008-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_monthly\" value=\"yes\" checked \/>\n                            <span><strong>Rappel mensuel<\/strong> \u2014 Recevoir un rappel SMS\/Email chaque mois pour renouveler mon don<\/span>\n                        <\/label>\n                                                <label class=\"df86008-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_zakat\" value=\"yes\" \/>\n                            <span><strong>Zakat<\/strong> \u2014 Ce don est une Zakat<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"df86008-btn\" id=\"df86008-submit\">Je fais mon don \u2192<\/button>\n\n                    <div class=\"df86008-trust\">\n                        <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        Paiement 100% s\u00e9curis\u00e9 via Mastercard\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script>\n        var df86008_total = 0;\n        var df86008_lastClicked = 0;\n        var df86008_btnText = 'Je fais mon don';\n\n        function df86008_updateButton() {\n            document.getElementById('df86008-hidden-amount').value = df86008_total;\n            var btn = document.getElementById('df86008-submit');\n            if (df86008_total > 0) {\n                var display = df86008_total.toFixed(3).replace(\/\\.?0+$\/, '');\n                btn.innerHTML = df86008_btnText + ' \u2014 <strong>' + display + ' DT<\/strong> \u2192';\n            } else {\n                btn.innerHTML = df86008_btnText + ' \u2192';\n            }\n            \/\/ Show\/hide reset link\n            var reset = document.getElementById('df86008-reset');\n            if (reset) reset.style.display = df86008_total > 0 ? 'inline-block' : 'none';\n        }\n\n        function df86008_selectAmount(btn, amt) {\n            \/\/ Same amount clicked \u2192 ADD to running sum\n            \/\/ Different amount clicked \u2192 RESET total to this amount (start new sum)\n            if (df86008_lastClicked === amt) {\n                df86008_total += amt;\n            } else {\n                df86008_total = amt;\n                df86008_lastClicked = amt;\n            }\n            var wrap = document.getElementById('df86008-amounts');\n            wrap.querySelectorAll('.df86008-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df86008-custom-wrap').classList.remove('show');\n            df86008_updateButton();\n        }\n\n        function df86008_showCustom(btn) {\n            var wrap = document.getElementById('df86008-amounts');\n            wrap.querySelectorAll('.df86008-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df86008-custom-wrap').classList.add('show');\n            document.getElementById('df86008-custom').focus();\n        }\n\n        function df86008_setCustom() {\n            var val = parseFloat(document.getElementById('df86008-custom').value) || 0;\n            if (val < 5) {\n                document.getElementById('df86008-custom').value = '';\n                df86008_customError('Le montant minimum est de 5 DT');\n                return;\n            }\n            df86008_total = val;\n            df86008_updateButton();\n        }\n\n        function df86008_customError(msg) {\n            var wrap = document.getElementById('df86008-custom-wrap');\n            var existing = document.getElementById('df86008-custom-err');\n            if (existing) existing.remove();\n            var el = document.createElement('div');\n            el.id = 'df86008-custom-err';\n            el.style.cssText = 'color:#de5a6c;font-size:12px;margin-top:6px;font-weight:600';\n            el.textContent = msg;\n            wrap.appendChild(el);\n            setTimeout(function() { if (el.parentNode) el.remove(); }, 3000);\n        }\n\n        function df86008_reset() {\n            df86008_total = 0;\n            df86008_lastClicked = 0;\n            var wrap = document.getElementById('df86008-amounts');\n            wrap.querySelectorAll('.df86008-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            document.getElementById('df86008-custom-wrap').classList.remove('show');\n            document.getElementById('df86008-custom').value = '';\n            df86008_updateButton();\n        }\n\n        \/\/ Initial button update\n        df86008_updateButton();\n        <\/script>\n                                                        <\/div>\n                                                                                                <div class=\"smr-don-pool-item\" data-project-id=\"157290\" id=\"smr-don-pool-157290\">\n                                                        \n        <style>\n        .df71250 {\n            --brand-blue: #00abec;\n            --brand-red: #de5a6c;\n            --brand-navy: #1c325d;\n            --brand-light: #e8f7fe;\n            --brand-border: #d1ecfb;\n            max-width: 520px;\n            margin: 0 auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        }\n        .df71250 * { box-sizing: border-box; }\n\n        .df71250-card {\n            background: #fff;\n            border-radius: 14px;\n            padding: 26px 22px;\n            box-shadow: 0 4px 22px rgba(28,50,93,.08);\n            border: 1px solid #e8ecf3;\n        }\n\n        \/* Title *\/\n        .df71250-title {\n            text-align: center;\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            margin: 0 0 4px;\n            letter-spacing: -0.3px;\n        }\n        .df71250-subtitle {\n            text-align: center;\n            font-size: 12px;\n            color: #64748b;\n            margin: 0 0 18px;\n        }\n\n        \/* Amount buttons *\/\n        .df71250-amounts {\n            display: flex;\n            gap: 8px;\n            flex-wrap: wrap;\n            margin-bottom: 14px;\n        }\n        .df71250-amt-btn {\n            flex: 1;\n            min-width: 56px;\n            padding: 11px 4px;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            background: #fff;\n            font-size: 17px;\n            font-weight: 800;\n            color: var(--brand-navy);\n            cursor: pointer;\n            transition: all .2s;\n            text-align: center;\n            line-height: 1.1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .df71250-amt-btn:hover {\n            border-color: var(--brand-blue);\n            background: var(--brand-light);\n            color: var(--brand-navy);\n        }\n        .df71250-amt-btn.active {\n            border-color: var(--brand-blue);\n            background: var(--brand-blue);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 16px rgba(0,171,236,.25);\n        }\n        .df71250-amt-btn small {\n            display: block;\n            font-size: 9px;\n            font-weight: 600;\n            opacity: .6;\n            margin-top: 2px;\n            text-transform: uppercase;\n            letter-spacing: .5px;\n        }\n        .df71250-amt-custom {\n            display: none;\n            margin-bottom: 14px;\n        }\n        .df71250-amt-custom.show { display: block; }\n        .df71250-amt-custom input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 16px;\n            font-weight: 700;\n            color: var(--brand-navy);\n            outline: none;\n            transition: border-color .2s;\n        }\n        .df71250-amt-custom input:focus { border-color: var(--brand-blue); }\n\n        \/* Form grid *\/\n        .df71250-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n        @media (max-width: 520px) {\n            .df71250-grid { grid-template-columns: 1fr; }\n            .df71250-amt-btn { min-width: 56px; font-size: 15px; padding: 10px 4px; }\n            .df71250-card { padding: 20px 14px; }\n        }\n\n        \/* Input fields (floating label) *\/\n        .df71250-field { position: relative; }\n        .df71250-field.full { grid-column: 1 \/ -1; }\n        .df71250-input {\n            width: 100%;\n            padding: 11px 14px;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 14px;\n            color: #0f172a;\n            outline: none;\n            transition: border-color .2s, box-shadow .2s, padding .15s;\n            font-family: inherit;\n        }\n        .df71250-input:focus,\n        .df71250-input:not(:placeholder-shown) {\n            padding: 16px 14px 6px;\n            border-color: var(--brand-blue);\n            box-shadow: 0 0 0 3px rgba(0,171,236,.1);\n        }\n        .df71250-input::placeholder { color: transparent; }\n        .df71250-float-label {\n            position: absolute;\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 14px;\n            color: #94a3b8;\n            pointer-events: none;\n            transition: all .15s ease;\n            font-weight: 500;\n        }\n        .df71250-input:focus ~ .df71250-float-label,\n        .df71250-input:not(:placeholder-shown) ~ .df71250-float-label {\n            top: 7px;\n            transform: translateY(0);\n            font-size: 10px;\n            color: var(--brand-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: .4px;\n        }\n\n        \/* Checkboxes *\/\n        .df71250-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding: 12px 14px;\n            background: #f8fafc;\n            border-radius: 8px;\n            border: 1px solid #e8ecf3;\n        }\n        .df71250-check {\n            display: flex;\n            align-items: flex-start;\n            gap: 8px;\n            cursor: pointer;\n            font-size: 13px;\n            color: #334155;\n            line-height: 1.45;\n        }\n        .df71250-check input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: var(--brand-blue);\n            margin-top: 1px;\n            flex-shrink: 0;\n            cursor: pointer;\n        }\n        .df71250-check strong { color: var(--brand-navy); }\n\n        \/* Submit button *\/\n        .df71250-btn {\n            width: 100%;\n            padding: 14px;\n            border: none;\n            border-radius: 8px;\n            background: linear-gradient(135deg, var(--brand-blue), #0096cc);\n            color: #fff;\n            font-size: 15px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all .2s;\n            letter-spacing: .3px;\n            box-shadow: 0 6px 18px rgba(0,171,236,.2);\n        }\n        .df71250-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 28px rgba(0,171,236,.3);\n        }\n        .df71250-btn:active { transform: translateY(0); }\n        .df71250-btn:disabled { opacity: .6; cursor: default; }\n\n        \/* Result messages *\/\n        .df71250-result {\n            padding: 12px 16px;\n            border-radius: 8px;\n            margin-bottom: 14px;\n            font-size: 13px;\n            font-weight: 500;\n            animation: df71250-fade .3s ease;\n        }\n        @keyframes df71250-fade {\n            from { opacity: 0; transform: translateY(-6px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n        .df71250-result.success {\n            background: #ecfdf5;\n            border: 1px solid #a7f3d0;\n            color: #065f46;\n        }\n        .df71250-result.error {\n            background: #fef2f2;\n            border: 1px solid #fecaca;\n            color: #991b1b;\n        }\n        .df71250-result a {\n            display: inline-block;\n            margin-top: 8px;\n            padding: 10px 22px;\n            background: var(--brand-navy);\n            color: #fff;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            transition: opacity .2s;\n        }\n        .df71250-result a:hover { opacity: .85; }\n\n        \/* Trust badge *\/\n        .df71250-trust {\n            text-align: center;\n            margin-top: 12px;\n            font-size: 11px;\n            color: #94a3b8;\n        }\n        .df71250-trust svg {\n            display: inline-block;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        \/* Redirect overlay (smart) *\/\n        .df71250-redirect {\n            text-align: center;\n            padding: 28px 10px 22px;\n        }\n        .df71250-spinner {\n            width: 42px;\n            height: 42px;\n            border: 4px solid #e2e8f0;\n            border-top-color: var(--brand-blue);\n            border-radius: 50%;\n            margin: 0 auto 14px;\n            animation: df71250-spin .8s linear infinite;\n        }\n        @keyframes df71250-spin { to { transform: rotate(360deg); } }\n        .df71250-redirect p {\n            margin: 0;\n            font-size: 14px;\n            color: #64748b;\n            font-weight: 600;\n        }\n        .df71250-redirect small {\n            display: block;\n            margin-top: 4px;\n            font-size: 11px;\n            color: #94a3b8;\n            font-weight: 500;\n        }\n        <\/style>\n\n        <div class=\"df71250\">\n            <div class=\"df71250-card\">\n                \n                \n                <form method=\"post\" enctype=\"multipart\/form-data\" id=\"df71250-form\">\n                    <input type=\"hidden\" id=\"sosdon_df_nonce\" name=\"sosdon_df_nonce\" value=\"7f7b96696d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/151051\" \/>\n                    <!-- Amount selector -->\n                    <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;\">\n                        <span style=\"font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;\">Votre don<\/span>\n                        <a href=\"javascript:void(0)\" id=\"df71250-reset\" onclick=\"df71250_reset()\" style=\"font-size:11px;color:#de5a6c;text-decoration:none;font-weight:600;display:none;\">\u21ba R\u00e9initialiser<\/a>\n                    <\/div>\n                    <div class=\"df71250-amounts\" id=\"df71250-amounts\">\n                                                    <button type=\"button\" class=\"df71250-amt-btn\"\n                                    data-amount=\"100\"\n                                    onclick=\"df71250_selectAmount(this, 100)\">\n                                100<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df71250-amt-btn\"\n                                    data-amount=\"200\"\n                                    onclick=\"df71250_selectAmount(this, 200)\">\n                                200<small>DT<\/small>\n                            <\/button>\n                                                    <button type=\"button\" class=\"df71250-amt-btn\"\n                                    data-amount=\"500\"\n                                    onclick=\"df71250_selectAmount(this, 500)\">\n                                500<small>DT<\/small>\n                            <\/button>\n                                                <button type=\"button\" class=\"df71250-amt-btn\" onclick=\"df71250_showCustom(this)\">\n                            Autre<small>montant<\/small>\n                        <\/button>\n                    <\/div>\n\n                    <!-- Custom amount input -->\n                    <div class=\"df71250-amt-custom\" id=\"df71250-custom-wrap\">\n                        <input type=\"number\" id=\"df71250-custom\" placeholder=\"Montant personnalis\u00e9 (min. 5 DT)\"\n                               min=\"5\" step=\"0.001\" oninput=\"df71250_setCustom()\" \/>\n                    <\/div>\n\n                    <input type=\"hidden\" name=\"sosdon_df_amount\" id=\"df71250-hidden-amount\" value=\"0\" \/>\n\n                    <!-- Donor info grid (floating labels) -->\n                    <div class=\"df71250-grid\">\n                        <div class=\"df71250-field\">\n                            <input type=\"text\" name=\"sosdon_df_name\" id=\"df71250-name\" class=\"df71250-input\" placeholder=\" \" required \/>\n                            <label for=\"df71250-name\" class=\"df71250-float-label\">Nom & Pr\u00e9nom *<\/label>\n                        <\/div>\n                        <div class=\"df71250-field\">\n                            <input type=\"tel\" name=\"sosdon_df_phone\" id=\"df71250-phone\" class=\"df71250-input\" placeholder=\" \" required \/>\n                            <label for=\"df71250-phone\" class=\"df71250-float-label\">T\u00e9l\u00e9phone *<\/label>\n                        <\/div>\n                        <div class=\"df71250-field full\">\n                            <input type=\"email\" name=\"sosdon_email\" id=\"df71250-email\" class=\"df71250-input\" placeholder=\" \" required \/>\n                            <label for=\"df71250-email\" class=\"df71250-float-label\">Email *<\/label>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Checkboxes -->\n                    <div class=\"df71250-checks\">\n                                                <label class=\"df71250-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_monthly\" value=\"yes\" checked \/>\n                            <span><strong>Rappel mensuel<\/strong> \u2014 Recevoir un rappel SMS\/Email chaque mois pour renouveler mon don<\/span>\n                        <\/label>\n                                                <label class=\"df71250-check\">\n                            <input type=\"checkbox\" name=\"sosdon_df_zakat\" value=\"yes\" \/>\n                            <span><strong>Zakat<\/strong> \u2014 Ce don est une Zakat<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"df71250-btn\" id=\"df71250-submit\">Je fais mon don \u2192<\/button>\n\n                    <div class=\"df71250-trust\">\n                        <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        Paiement 100% s\u00e9curis\u00e9 via Mastercard\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <script>\n        var df71250_total = 0;\n        var df71250_lastClicked = 0;\n        var df71250_btnText = 'Je fais mon don';\n\n        function df71250_updateButton() {\n            document.getElementById('df71250-hidden-amount').value = df71250_total;\n            var btn = document.getElementById('df71250-submit');\n            if (df71250_total > 0) {\n                var display = df71250_total.toFixed(3).replace(\/\\.?0+$\/, '');\n                btn.innerHTML = df71250_btnText + ' \u2014 <strong>' + display + ' DT<\/strong> \u2192';\n            } else {\n                btn.innerHTML = df71250_btnText + ' \u2192';\n            }\n            \/\/ Show\/hide reset link\n            var reset = document.getElementById('df71250-reset');\n            if (reset) reset.style.display = df71250_total > 0 ? 'inline-block' : 'none';\n        }\n\n        function df71250_selectAmount(btn, amt) {\n            \/\/ Same amount clicked \u2192 ADD to running sum\n            \/\/ Different amount clicked \u2192 RESET total to this amount (start new sum)\n            if (df71250_lastClicked === amt) {\n                df71250_total += amt;\n            } else {\n                df71250_total = amt;\n                df71250_lastClicked = amt;\n            }\n            var wrap = document.getElementById('df71250-amounts');\n            wrap.querySelectorAll('.df71250-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df71250-custom-wrap').classList.remove('show');\n            df71250_updateButton();\n        }\n\n        function df71250_showCustom(btn) {\n            var wrap = document.getElementById('df71250-amounts');\n            wrap.querySelectorAll('.df71250-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            btn.classList.add('active');\n            document.getElementById('df71250-custom-wrap').classList.add('show');\n            document.getElementById('df71250-custom').focus();\n        }\n\n        function df71250_setCustom() {\n            var val = parseFloat(document.getElementById('df71250-custom').value) || 0;\n            if (val < 5) {\n                document.getElementById('df71250-custom').value = '';\n                df71250_customError('Le montant minimum est de 5 DT');\n                return;\n            }\n            df71250_total = val;\n            df71250_updateButton();\n        }\n\n        function df71250_customError(msg) {\n            var wrap = document.getElementById('df71250-custom-wrap');\n            var existing = document.getElementById('df71250-custom-err');\n            if (existing) existing.remove();\n            var el = document.createElement('div');\n            el.id = 'df71250-custom-err';\n            el.style.cssText = 'color:#de5a6c;font-size:12px;margin-top:6px;font-weight:600';\n            el.textContent = msg;\n            wrap.appendChild(el);\n            setTimeout(function() { if (el.parentNode) el.remove(); }, 3000);\n        }\n\n        function df71250_reset() {\n            df71250_total = 0;\n            df71250_lastClicked = 0;\n            var wrap = document.getElementById('df71250-amounts');\n            wrap.querySelectorAll('.df71250-amt-btn').forEach(function(b) { b.classList.remove('active'); });\n            document.getElementById('df71250-custom-wrap').classList.remove('show');\n            document.getElementById('df71250-custom').value = '';\n            df71250_updateButton();\n        }\n\n        \/\/ Initial button update\n        df71250_updateButton();\n        <\/script>\n                                                        <\/div>\n                                                                        <\/div>\n                        \n                <div class=\"smr-modal-overlay\" id=\"smr-modal\" role=\"dialog\" aria-modal=\"true\">\n                        <div class=\"smr-modal\">\n                                <button class=\"smr-modal-close\" id=\"smr-modal-close\" type=\"button\" aria-label=\"Fermer\">&times;<\/button>\n                                <div class=\"smr-modal-body\" id=\"smr-modal-body\">\n                                        <h3>Je m&#039;engage<\/h3>\n                                        <p class=\"smr-modal-projet\" id=\"smr-modal-projet\"><\/p>\n                                                                                                                        <div class=\"smr-don-toggle\" id=\"smr-don-toggle\"><div class=\"smr-don-option active\" role=\"button\" tabindex=\"0\"><input type=\"radio\" name=\"smr_don_type\" value=\"particulier\"  checked='checked'><span>Particulier<\/span><\/div><div class=\"smr-don-option\" role=\"button\" tabindex=\"0\"><input type=\"radio\" name=\"smr_don_type\" value=\"societe\" ><span>Soci\u00e9t\u00e9<\/span><\/div><\/div>\n                                        \n                                        <!-- Particulier panel: online donation form (pre-rendered, no AJAX) -->\n                                        <div class=\"smr-don-panel\" id=\"smr-don-particulier\">\n                                                <div id=\"smr-don-content\"><\/div>\n                                        <\/div>\n\n                                        <!-- Soci\u00e9t\u00e9 panel: existing engagement form -->\n                                        <div class=\"smr-don-panel\" id=\"smr-don-societe\" style=\"display:none\">\n                                        <form id=\"smr-engage-form\">\n                                                                                                <input type=\"hidden\" name=\"project_id\" id=\"smr-engage-pid\">\n                                                                                                <div class=\"smr-field\"><input type=\"text\" name=\"name\" id=\"smr-field-name\" placeholder=\"Nom &amp; Pr\u00e9nom *\" required autocomplete=\"name\"><\/div>\n                                                                                                                                                <div class=\"smr-field\"><input type=\"text\" name=\"company\" id=\"smr-field-company\" placeholder=\"Soci\u00e9t\u00e9 \/ Entreprise *\" required autocomplete=\"organization\"><\/div>\n                                                                                                                                                <div class=\"smr-field\"><input type=\"email\" name=\"email\" id=\"smr-field-email\" placeholder=\"Email *\" required autocomplete=\"email\"><\/div>\n                                                                                                                                                <div class=\"smr-field\"><input type=\"tel\" name=\"phone\" id=\"smr-field-phone\" placeholder=\"T\u00e9l\u00e9phone *\" required autocomplete=\"tel\"><\/div>\n                                                                                                                                                <div class=\"smr-field\"><input type=\"number\" name=\"amount\" id=\"smr-field-amount\" placeholder=\"Montant en TND *\" min=\"1\" step=\"any\" required><\/div>\n                                                                                                                                                <div class=\"smr-field\"><textarea name=\"message\" id=\"smr-field-message\" placeholder=\"Message *\" rows=\"3\" required><\/textarea><\/div>\n                                                                                                                                                <div class=\"smr-hp\" aria-hidden=\"true\" style=\"position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden\">\n                                                        <label>Ne pas remplir ce champ<input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\"><\/label>\n                                                <\/div>\n                                                <button type=\"submit\" class=\"smr-btn-submit\">Confirmer mon engagement<\/button>\n                                        <\/form>\n                                        <div id=\"smr-engage-success\" style=\"display:none\">\n                                                <div class=\"smr-success-icon\">\u2713<\/div>\n                                                <p class=\"smr-success-msg\">Merci ! Votre engagement sera confirm\u00e9 apr\u00e8s validation.<\/p>\n                                        <\/div>\n                                        <\/div><!-- \/.smr-don-panel#smr-don-societe -->\n                                <\/div>\n                        <\/div>\n                <\/div>\n\n                <div class=\"smr-modal-overlay\" id=\"smr-sur-modal\" role=\"dialog\" aria-modal=\"true\">\n                        <div class=\"smr-modal smr-sur-modal\">\n                                <button class=\"smr-modal-close\" id=\"smr-sur-close\" type=\"button\" aria-label=\"Fermer\">&times;<\/button>\n                                <div class=\"smr-modal-body\">\n                                        <h3>Proposer un projet sur mesure<\/h3>\n                                        <p class=\"smr-modal-projet\">D\u00e9crivez votre projet RSE personnalis\u00e9<\/p>\n                                        <form id=\"smr-sur-form\">\n                                                                                                                                                <div class=\"smr-sur-field-half\">\n                                                                                                                <div class=\"smr-field\"><input type=\"text\" name=\"sur_project_title\" placeholder=\"Titre du projet *\" required><\/div>\n                                                                                                                                                                        <div class=\"smr-field\"><select name=\"sur_category\"><option value=\"\">Cat\u00e9gorie *<\/option><option value=\"223\">\u00c9conomique<\/option><option value=\"224\">Environnemental<\/option><option value=\"225\">Soci\u00e9tal<\/option><\/select><\/div>\n                                                                                                        <\/div>\n                                                                                                                                                <div class=\"smr-sur-field-half\">\n                                                                                                                <div class=\"smr-field\"><input type=\"text\" name=\"sur_name\" placeholder=\"Nom &amp; Pr\u00e9nom *\" required autocomplete=\"name\"><\/div>\n                                                                                                                                                                        <div class=\"smr-field\"><input type=\"text\" name=\"sur_company\" placeholder=\"Soci\u00e9t\u00e9 \/ Entreprise *\" required autocomplete=\"organization\"><\/div>\n                                                                                                        <\/div>\n                                                                                                                                                <div class=\"smr-sur-field-half\">\n                                                                                                                <div class=\"smr-field\"><input type=\"email\" name=\"sur_email\" placeholder=\"Email\" autocomplete=\"email\"><\/div>\n                                                                                                                                                                        <div class=\"smr-field\"><input type=\"tel\" name=\"sur_phone\" placeholder=\"T\u00e9l\u00e9phone *\" required autocomplete=\"tel\"><\/div>\n                                                                                                        <\/div>\n                                                                                                                                                <div class=\"smr-sur-field-half\">\n                                                                                                                <div class=\"smr-field\"><input type=\"text\" name=\"sur_governorate\" placeholder=\"Gouvernorat\"><\/div>\n                                                                                                                                                                        <div class=\"smr-field\"><input type=\"text\" name=\"sur_location\" placeholder=\"Lieu \/ Adresse\"><\/div>\n                                                                                                        <\/div>\n                                                                                                                                                <div class=\"smr-sur-field-half\">\n                                                                                                                <div class=\"smr-field\"><input type=\"number\" name=\"sur_goal\" placeholder=\"Objectif (TND) *\" min=\"0\" step=\"any\" required><\/div>\n                                                                                                                                                                        <div class=\"smr-field\"><input type=\"number\" name=\"sur_engagement_amount\" placeholder=\"Mon engagement (TND)\" min=\"0\" step=\"any\"><\/div>\n                                                                                                        <\/div>\n                                                                                                                                                <div class=\"smr-field\"><textarea name=\"sur_description\" placeholder=\"Description du projet *\" rows=\"4\" required><\/textarea><\/div>\n                                                                                                                                                <div class=\"smr-hp\" aria-hidden=\"true\" style=\"position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden\">\n                                                        <label>Ne pas remplir ce champ<input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\"><\/label>\n                                                <\/div>\n                                                <button type=\"submit\" class=\"smr-btn-submit\" id=\"smr-sur-submit\">Envoyer ma proposition<\/button>\n                                        <\/form>\n                                        <div id=\"smr-sur-success\" style=\"display:none\">\n                                                <div class=\"smr-success-icon\">\u2713<\/div>\n                                                <p class=\"smr-success-msg\">Merci ! Votre proposition de projet sera \u00e9tudi\u00e9e par notre \u00e9quipe.<\/p>\n                                        <\/div>\n                                <\/div>\n                        <\/div>\n                <\/div>\n                \n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1aadf05 elementor-widget elementor-widget-html\" data-id=\"1aadf05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.smr-hero-image img {\r\n    padding: 10px;\r\n}<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-151051","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/151051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/comments?post=151051"}],"version-history":[{"count":13,"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/151051\/revisions"}],"predecessor-version":[{"id":155382,"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/151051\/revisions\/155382"}],"wp:attachment":[{"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/media?parent=151051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}