{"id":42234,"date":"2026-01-22T17:11:56","date_gmt":"2026-01-22T16:11:56","guid":{"rendered":"https:\/\/permis111.com\/promo-111-detox-selection\/"},"modified":"2026-01-22T17:11:56","modified_gmt":"2026-01-22T16:11:56","slug":"promo-111-detox-selection","status":"publish","type":"page","link":"https:\/\/permis111.com\/en\/promo-111-detox-selection\/","title":{"rendered":"Promotion 111 D\u00e9tox &#8211; S\u00e9lection"},"content":{"rendered":"        <style>\n            * {\n                box-sizing: border-box;\n            }\n            .permis-promo-selection {\n                max-width: 1200px;\n                margin: 0 auto;\n                padding: 0;\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            }\n            .permis-promo-header {\n                text-align: center;\n                padding: 0;\n                background: linear-gradient(135deg, #7E1710 0%, #5E0F08 100%);\n                color: white;\n                margin: 0 0 40px 0;\n                box-shadow: 0 4px 20px rgba(126,23,16,0.3);\n                position: relative;\n                width: 100vw;\n                margin-left: calc(-50vw + 50%);\n                min-height: 300px;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                overflow: hidden;\n            }\n            .permis-promo-subtitle {\n                font-size: 32px;\n                margin: 0 0 30px 0;\n                opacity: 0.95;\n                font-weight: 600;\n                z-index: 2;\n                position: relative;\n                text-shadow: 2px 2px 8px rgba(0,0,0,0.5);\n            }\n            .permis-countdown-background {\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                z-index: 1;\n            }\n            .permis-countdown-timer {\n                font-size: 180px;\n                font-weight: 900;\n                line-height: 1;\n                font-family: 'Courier New', monospace;\n                opacity: 0.15;\n                color: rgba(255,255,255,0.3);\n                letter-spacing: 20px;\n                user-select: none;\n            }\n            .permis-countdown-label {\n                font-size: 20px;\n                text-transform: uppercase;\n                letter-spacing: 4px;\n                margin-bottom: 20px;\n                opacity: 1;\n                font-weight: 700;\n                z-index: 2;\n                position: relative;\n                text-shadow: 2px 2px 8px rgba(0,0,0,0.5);\n            }\n            .permis-countdown-display {\n                font-size: 96px;\n                font-weight: 900;\n                line-height: 1;\n                font-family: 'Courier New', monospace;\n                z-index: 2;\n                position: relative;\n                text-shadow: 4px 4px 12px rgba(0,0,0,0.6);\n                letter-spacing: 8px;\n            }\n            .permis-promo-pricing {\n                display: flex;\n                justify-content: center;\n                gap: 15px;\n                margin: 25px 0;\n                flex-wrap: wrap;\n            }\n            .permis-price-box {\n                background: rgba(255,255,255,0.15);\n                padding: 12px 20px;\n                border-radius: 8px;\n                border: 2px solid rgba(255,255,255,0.3);\n                min-width: 120px;\n            }\n            .permis-price-box.featured {\n                border-color: white;\n                background: rgba(255,255,255,0.25);\n                position: relative;\n            }\n            .permis-price-box-label {\n                font-size: 12px;\n                opacity: 0.9;\n                margin-bottom: 5px;\n            }\n            .permis-price-box-price {\n                font-size: 18px;\n                font-weight: 700;\n            }\n            .permis-products-grid {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n                gap: 20px;\n                margin-bottom: 30px;\n            }\n            .permis-product-card {\n                background: white;\n                border-radius: 4px;\n                padding: 0;\n                box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n                border: 1px solid #e5e7eb;\n                transition: all 0.2s ease;\n                overflow: hidden;\n            }\n            .permis-product-card:hover {\n                box-shadow: 0 4px 12px rgba(0,0,0,0.12);\n                border-color: #7E1710;\n            }\n            .permis-product-image {\n                width: 100%;\n                height: 250;\n                object-fit: cover;\n                object-position: center;\n                border-radius: 0;\n                margin: 0;\n                background: #f9fafb;\n                display: block;\n            }\n            .permis-product-name {\n                font-size: 16px;\n                font-weight: 600;\n                color: #1f2937;\n                margin-bottom: 8px;\n                text-align: center;\n                padding: 15px 20px 0;\n            }\n            .permis-product-price {\n                font-size: 20px;\n                color: #7E1710;\n                font-weight: 700;\n                text-align: center;\n                margin: 20px 20px;\n                padding: 15px 0;\n                border-top: 1px solid #e5e7eb;\n                border-bottom: 1px solid #e5e7eb;\n            }\n            .permis-quantity-selector {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 12px;\n                margin: 15px 20px;\n                padding: 0 0 15px 0;\n            }\n            .permis-qty-btn {\n                width: 36px;\n                height: 36px;\n                min-width: 36px;\n                border: 2px solid #7E1710;\n                background: white;\n                color: #7E1710;\n                font-size: 20px;\n                font-weight: 600;\n                line-height: 1;\n                border-radius: 50%;\n                cursor: pointer;\n                transition: all 0.2s ease;\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                padding: 0;\n                flex-shrink: 0;\n            }\n            .permis-qty-btn:hover {\n                background: #7E1710;\n                color: white;\n            }\n            .permis-qty-btn:active {\n                transform: scale(0.95);\n            }\n            .permis-qty-input {\n                width: 50px;\n                height: 36px;\n                text-align: center;\n                font-size: 16px;\n                font-weight: 600;\n                border: 2px solid #e5e7eb;\n                border-radius: 6px;\n                background: #f9fafb;\n            }\n            .permis-qty-label {\n                text-align: center;\n                color: #6b7280;\n                font-size: 13px;\n                margin: 0 20px 15px;\n            }\n            .permis-pack-selector {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n                gap: 20px;\n                margin-bottom: 40px;\n            }\n            .permis-pack-card {\n                background: white;\n                border-radius: 8px;\n                padding: 30px 20px;\n                box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n                border: 3px solid #e5e7eb;\n                cursor: pointer;\n                transition: all 0.3s ease;\n                text-align: center;\n                position: relative;\n            }\n            .permis-pack-card:hover {\n                border-color: #7E1710;\n                box-shadow: 0 4px 16px rgba(126,23,16,0.2);\n                transform: translateY(-5px);\n            }\n            .permis-pack-card.selected {\n                border-color: #7E1710;\n                background: #fff5f5;\n                box-shadow: 0 4px 16px rgba(126,23,16,0.3);\n            }\n            .permis-pack-card.selected::after {\n                content: '\u2713';\n                position: absolute;\n                top: 10px;\n                right: 10px;\n                width: 30px;\n                height: 30px;\n                background: #7E1710;\n                color: white;\n                border-radius: 50%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-weight: bold;\n                font-size: 18px;\n            }\n            .permis-pack-label {\n                font-size: 14px;\n                color: #6b7280;\n                margin-bottom: 10px;\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n            }\n            .permis-pack-price {\n                font-size: 32px;\n                font-weight: 700;\n                color: #7E1710;\n                margin: 15px 0;\n            }\n            .permis-pack-badge {\n                display: inline-block;\n                background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n                color: white;\n                padding: 10px 20px;\n                border-radius: 25px;\n                font-size: 15px;\n                font-weight: 700;\n                margin-top: 15px;\n                box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);\n                border: 2px solid rgba(255, 255, 255, 0.3);\n            }\n            .permis-step-indicator {\n                text-align: center;\n                margin-bottom: 30px;\n            }\n            .permis-step {\n                display: inline-block;\n                padding: 8px 20px;\n                background: #e5e7eb;\n                color: #6b7280;\n                border-radius: 20px;\n                margin: 0 5px;\n                font-size: 14px;\n                font-weight: 600;\n            }\n            .permis-step.active {\n                background: #7E1710;\n                color: white;\n            }\n            .permis-step.completed {\n                background: #10b981;\n                color: white;\n            }\n            .permis-products-section {\n                display: none;\n            }\n            .permis-products-section.active {\n                display: grid;\n                grid-template-columns: 1fr 400px;\n                gap: 30px;\n                align-items: start;\n            }\n            .permis-products-wrapper {\n                width: 100%;\n            }\n            .permis-section-title {\n                font-size: 22px;\n                font-weight: 700;\n                color: #1f2937;\n                margin-bottom: 20px;\n                text-align: center;\n            }\n            .permis-back-btn {\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                padding: 10px 20px;\n                background: white;\n                border: 2px solid #7E1710;\n                color: #7E1710;\n                border-radius: 6px;\n                font-size: 14px;\n                font-weight: 600;\n                cursor: pointer;\n                transition: all 0.2s ease;\n                margin-bottom: 20px;\n            }\n            .permis-back-btn:hover {\n                background: #7E1710;\n                color: white;\n            }\n            .permis-product-card.selectable {\n                position: relative;\n            }\n            .permis-product-card.has-quantity {\n                border-color: #7E1710;\n                background: #fff5f5;\n            }\n            .permis-product-card.disabled {\n                opacity: 0.5;\n                pointer-events: none;\n            }\n            .permis-qty-btn:disabled {\n                opacity: 0.5;\n                cursor: not-allowed;\n                background: #f3f4f6;\n                border-color: #d1d5db;\n                color: #9ca3af;\n            }\n            .permis-validation-message {\n                text-align: center;\n                padding: 15px;\n                background: #fef3c7;\n                border: 1px solid #fbbf24;\n                border-radius: 6px;\n                color: #92400e;\n                font-weight: 600;\n                margin-bottom: 20px;\n            }\n            .permis-cart-summary {\n                background: white;\n                padding: 24px;\n                border-radius: 8px;\n                box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n                border: 1px solid #e5e7eb;\n                position: sticky;\n                top: 20px;\n            }\n            .permis-cart-summary h3 {\n                margin: 0 0 20px 0;\n                font-size: 18px;\n                font-weight: 600;\n                color: #1f2937;\n                display: flex;\n                align-items: center;\n                gap: 8px;\n            }\n            .permis-cart-items {\n                margin-bottom: 20px;\n            }\n            .permis-cart-item {\n                padding: 12px;\n                background: #f9fafb;\n                border-radius: 6px;\n                margin-bottom: 10px;\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n            }\n            .permis-cart-item-name {\n                font-weight: 600;\n                color: #374151;\n                font-size: 14px;\n            }\n            .permis-cart-item-qty {\n                color: #6b7280;\n                font-size: 13px;\n            }\n            .permis-cart-divider {\n                border: none;\n                border-top: 1px solid #e5e7eb;\n                margin: 20px 0;\n            }\n            .permis-cart-row {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                margin-bottom: 12px;\n            }\n            .permis-cart-label {\n                font-size: 15px;\n                color: #6b7280;\n            }\n            .permis-cart-value {\n                font-size: 18px;\n                font-weight: 600;\n                color: #1f2937;\n            }\n            .permis-cart-total {\n                font-size: 24px;\n                font-weight: 700;\n                color: #7E1710;\n                text-align: right;\n                margin: 15px 0;\n            }\n            .permis-free-shipping-badge {\n                background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n                color: white;\n                padding: 12px 16px;\n                border-radius: 6px;\n                text-align: center;\n                margin: 15px 0;\n                font-weight: 600;\n                font-size: 14px;\n            }\n            .permis-checkout-btn {\n                width: 100%;\n                padding: 16px;\n                background: #7E1710;\n                color: white;\n                border: none;\n                border-radius: 6px;\n                font-size: 16px;\n                font-weight: 600;\n                cursor: pointer;\n                transition: all 0.2s ease;\n                box-shadow: 0 2px 4px rgba(126,23,16,0.2);\n            }\n            .permis-checkout-btn:hover {\n                background: #5E0F08;\n                box-shadow: 0 4px 8px rgba(126,23,16,0.3);\n            }\n            .permis-checkout-btn:active {\n                transform: scale(0.98);\n            }\n            .permis-checkout-btn:disabled {\n                background: #d1d5db;\n                cursor: not-allowed;\n                box-shadow: none;\n            }\n            .permis-empty-cart {\n                text-align: center;\n                color: #9ca3af;\n                padding: 30px;\n                font-size: 14px;\n            }\n            @media (max-width: 768px) {\n                .permis-promo-selection {\n                    padding: 0;\n                }\n                .permis-promo-header {\n                    min-height: 250px;\n                    margin-bottom: 20px;\n                    padding: 30px 15px;\n                }\n                .permis-promo-subtitle {\n                    font-size: 20px;\n                    margin-bottom: 20px;\n                }\n                .permis-countdown-label {\n                    font-size: 14px;\n                    letter-spacing: 2px;\n                    margin-bottom: 15px;\n                }\n                .permis-countdown-display {\n                    font-size: 56px;\n                    letter-spacing: 4px;\n                }\n                .permis-countdown-timer {\n                    font-size: 120px;\n                    letter-spacing: 10px;\n                }\n                .permis-step-indicator {\n                    flex-direction: column;\n                    gap: 25px;\n                    margin-bottom: 20px;\n                }\n                .permis-step {\n                    width: 100%;\n                    text-align: center;\n                    font-size: 13px;\n                    padding: 12px 15px;\n                    margin: 0 !important;\n                }\n                .permis-pack-selector {\n                    grid-template-columns: 1fr;\n                    gap: 15px;\n                }\n                .permis-pack-card {\n                    padding: 20px 15px;\n                }\n                .permis-pack-price {\n                    font-size: 26px;\n                }\n                .permis-products-grid {\n                    grid-template-columns: 1fr;\n                    gap: 15px;\n                }\n                .permis-products-section.active {\n                    grid-template-columns: 1fr;\n                    gap: 20px;\n                }\n                .permis-product-card {\n                    padding: 0;\n                }\n                .permis-product-image {\n                    height: 180px;\n                    object-fit: cover;\n                }\n                .permis-product-name {\n                    font-size: 15px;\n                    padding: 12px 15px 0;\n                }\n                .permis-product-price {\n                    font-size: 18px;\n                    margin: 18px 15px;\n                    padding: 12px 0;\n                }\n                .permis-quantity-selector {\n                    margin: 15px 15px;\n                    padding: 0 0 12px 0;\n                }\n                .permis-qty-label {\n                    margin: 0 15px 12px;\n                }\n                .permis-cart-summary {\n                    position: relative;\n                    top: 0;\n                    margin-top: 20px;\n                    padding: 20px;\n                }\n                .permis-cart-summary h3 {\n                    font-size: 16px;\n                }\n                .permis-section-title {\n                    font-size: 18px;\n                    margin-bottom: 15px;\n                }\n                .permis-back-btn {\n                    font-size: 13px;\n                    padding: 8px 15px;\n                    margin-bottom: 15px;\n                }\n                .permis-qty-btn {\n                    width: 32px;\n                    height: 32px;\n                    min-width: 32px;\n                    font-size: 18px;\n                }\n                .permis-qty-input {\n                    width: 45px;\n                    height: 32px;\n                    font-size: 14px;\n                }\n                .permis-checkout-btn {\n                    font-size: 15px;\n                    padding: 14px;\n                }\n            }\n        <\/style>\n\n        <div class=\"permis-promo-selection\">\n            <div class=\"permis-promo-header\">\n                <div class=\"permis-countdown-background\">\n                    <div class=\"permis-countdown-timer\" id=\"countdown-timer-bg\">08:31:30<\/div>\n                <\/div>\n                <p class=\"permis-promo-subtitle\">Composez votre pack 111 D\u00e9tox<\/p>\n                <div class=\"permis-countdown-label\">\u23f0 OFFRE EXPIRE DANS<\/div>\n                <div class=\"permis-countdown-display\" id=\"countdown-timer\">08:31:30<\/div>\n            <\/div>\n            <div style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px;\">\n\n            <!-- Indicateur d'\u00e9tapes -->\n            <div class=\"permis-step-indicator\">\n                <span class=\"permis-step active\" id=\"step-1-indicator\">\u00c9tape 1 : Choisir votre pack<\/span>\n                <span class=\"permis-step\" id=\"step-2-indicator\">\u00c9tape 2 : S\u00e9lectionner vos produits<\/span>\n            <\/div>\n\n            <form method=\"post\" action=\"\" id=\"permis-promo-form\">\n                <input type=\"hidden\" id=\"permis_promo_nonce\" name=\"permis_promo_nonce\" value=\"597e3b0e9a\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/42234\" \/>                <input type=\"hidden\" name=\"permis_promo_action\" value=\"add_to_cart\">\n                <input type=\"hidden\" name=\"selected_pack\" id=\"selected-pack\" value=\"\">\n\n                <!-- \u00c9TAPE 1 : S\u00e9lection du pack -->\n                <div id=\"pack-selection\" class=\"permis-pack-selection-section\">\n                    <h2 class=\"permis-section-title\">Choisissez votre pack<\/h2>\n                    <div class=\"permis-pack-selector\">\n                        <div class=\"permis-pack-card\" onclick=\"selectPack(1)\" data-pack=\"1\">\n                            <div class=\"permis-pack-label\">1 cure d\u00e9tox<\/div>\n                            <div class=\"permis-pack-price\">10 000 FCFA<\/div>\n                            <p style=\"color: #6b7280; font-size: 14px; margin-top: 10px;\">Choisissez 1 produit<\/p>\n                        <\/div>\n\n                        <div class=\"permis-pack-card\" onclick=\"selectPack(2)\" data-pack=\"2\">\n                            <div class=\"permis-pack-label\">2 cures d\u00e9tox<\/div>\n                            <div class=\"permis-pack-price\">15 000 FCFA<\/div>\n                            <p style=\"color: #6b7280; font-size: 14px; margin-top: 10px;\">Choisissez 2 produits<\/p>\n                            <div class=\"permis-pack-badge\">-5 000 FCFA<\/div>\n                        <\/div>\n\n                        <div class=\"permis-pack-card\" onclick=\"selectPack(3)\" data-pack=\"3\">\n                            <div class=\"permis-pack-label\">3 cures d\u00e9tox<\/div>\n                            <div class=\"permis-pack-price\">20 000 FCFA<\/div>\n                            <p style=\"color: #6b7280; font-size: 14px; margin-top: 10px;\">Choisissez 3 produits<\/p>\n                            <div class=\"permis-pack-badge\">\ud83d\ude9a Livraison offerte<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u00c9TAPE 2 : S\u00e9lection des produits -->\n                <div id=\"product-selection\" class=\"permis-products-section\">\n                    <div class=\"permis-products-wrapper\">\n                        <button type=\"button\" class=\"permis-back-btn\" onclick=\"goBackToPacks()\">\n                            \u2190 Retour aux packs\n                        <\/button>\n                        <h2 class=\"permis-section-title\">S\u00e9lectionnez vos produits (<span id=\"selected-count\">0<\/span>\/<span id=\"pack-size\">0<\/span>)<\/h2>\n                        <div id=\"validation-message\" class=\"permis-validation-message\" style=\"display: none;\"><\/div>\n\n                        <div class=\"permis-products-grid\">\n                                                    <div class=\"permis-product-card selectable\" data-product-id=\"41618\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/permis111.com\/wp-content\/uploads\/2026\/01\/KIWI-SITE.png\" alt=\"111 DETOX KIWI\" class=\"permis-product-image\">\n                                \n                                <div class=\"permis-product-name\">111 DETOX KIWI<\/div>\n                                <div class=\"permis-product-price\"><span class=\"woocommerce-Price-amount amount\"><bdi>10000&nbsp;<span class=\"woocommerce-Price-currencySymbol\">CFA<\/span><\/bdi><\/span><\/div>\n\n                                <div class=\"permis-quantity-selector\">\n                                    <button type=\"button\" class=\"permis-qty-btn\" onclick=\"decreaseProductQty(41618)\">\u2212<\/button>\n                                    <input type=\"number\" name=\"quantities[41618]\" id=\"qty-41618\" value=\"0\" min=\"0\" max=\"10\" class=\"permis-qty-input\" onchange=\"updateProductSelection()\" readonly>\n                                    <button type=\"button\" class=\"permis-qty-btn\" onclick=\"increaseProductQty(41618)\">+<\/button>\n                                <\/div>\n\n                                <p class=\"permis-qty-label\">Quantit\u00e9 : <span id=\"qty-label-41618\">0<\/span><\/p>\n                            <\/div>\n                                                    <div class=\"permis-product-card selectable\" data-product-id=\"41616\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/permis111.com\/wp-content\/uploads\/2026\/01\/LEMON-SITE.png\" alt=\"111 DETOX LEMON\" class=\"permis-product-image\">\n                                \n                                <div class=\"permis-product-name\">111 DETOX LEMON<\/div>\n                                <div class=\"permis-product-price\"><span class=\"woocommerce-Price-amount amount\"><bdi>10000&nbsp;<span class=\"woocommerce-Price-currencySymbol\">CFA<\/span><\/bdi><\/span><\/div>\n\n                                <div class=\"permis-quantity-selector\">\n                                    <button type=\"button\" class=\"permis-qty-btn\" onclick=\"decreaseProductQty(41616)\">\u2212<\/button>\n                                    <input type=\"number\" name=\"quantities[41616]\" id=\"qty-41616\" value=\"0\" min=\"0\" max=\"10\" class=\"permis-qty-input\" onchange=\"updateProductSelection()\" readonly>\n                                    <button type=\"button\" class=\"permis-qty-btn\" onclick=\"increaseProductQty(41616)\">+<\/button>\n                                <\/div>\n\n                                <p class=\"permis-qty-label\">Quantit\u00e9 : <span id=\"qty-label-41616\">0<\/span><\/p>\n                            <\/div>\n                                                    <div class=\"permis-product-card selectable\" data-product-id=\"39963\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/permis111.com\/wp-content\/uploads\/2026\/01\/PINEAPPLE-SITE.png\" alt=\"111 DETOX PINEAPPLE\" class=\"permis-product-image\">\n                                \n                                <div class=\"permis-product-name\">111 DETOX PINEAPPLE<\/div>\n                                <div class=\"permis-product-price\"><span class=\"woocommerce-Price-amount amount\"><bdi>10000&nbsp;<span class=\"woocommerce-Price-currencySymbol\">CFA<\/span><\/bdi><\/span><\/div>\n\n                                <div class=\"permis-quantity-selector\">\n                                    <button type=\"button\" class=\"permis-qty-btn\" onclick=\"decreaseProductQty(39963)\">\u2212<\/button>\n                                    <input type=\"number\" name=\"quantities[39963]\" id=\"qty-39963\" value=\"0\" min=\"0\" max=\"10\" class=\"permis-qty-input\" onchange=\"updateProductSelection()\" readonly>\n                                    <button type=\"button\" class=\"permis-qty-btn\" onclick=\"increaseProductQty(39963)\">+<\/button>\n                                <\/div>\n\n                                <p class=\"permis-qty-label\">Quantit\u00e9 : <span id=\"qty-label-39963\">0<\/span><\/p>\n                            <\/div>\n                                                <\/div>\n                    <\/div>\n\n                    <div class=\"permis-cart-summary\">\n                    <h3>\ud83d\udce6 R\u00e9sum\u00e9 De Votre Commande<\/h3>\n                    <div id=\"cart-items\" class=\"permis-cart-items\"><\/div>\n                    <hr class=\"permis-cart-divider\">\n                    <div class=\"permis-cart-row\">\n                        <span class=\"permis-cart-label\">Total des cures :<\/span>\n                        <span id=\"total-qty\" class=\"permis-cart-value\">0<\/span>\n                    <\/div>\n                    <div class=\"permis-cart-total\">\n                        Prix : <span id=\"total-price\">0 FCFA<\/span>\n                    <\/div>\n                    <div id=\"free-shipping-notice\" style=\"display: none;\" class=\"permis-free-shipping-badge\">\n                        \ud83d\ude9a Livraison gratuite incluse !\n                    <\/div>\n                    <button type=\"submit\" class=\"permis-checkout-btn\" id=\"checkout-btn\" disabled>\n                        Ajouter au panier\n                    <\/button>\n                    <\/div>\n                <\/div>\n            <\/form>\n        <\/div>\n\n        <script>\n        var prices = {\n            1: 10000,\n            2: 15000,\n            3: 20000\n        };\n\n        var selectedPackSize = 0;\n        var selectedProducts = [];\n\n        \/\/ Configuration auto-restart pour la page de s\u00e9lection\n        var selectionAutoRestart = true;\n        var selectionDurationMs = 86400000;\n        var selectionEndTime = 1778192640000;\n\n        function getSelectionTimeLeft() {\n            var now = Date.now();\n            var timeLeft = selectionEndTime - now;\n\n            if (timeLeft <= 0 && selectionAutoRestart) {\n                var elapsed = now - selectionEndTime;\n                var cyclesPassed = Math.floor(elapsed \/ selectionDurationMs);\n                selectionEndTime = selectionEndTime + ((cyclesPassed + 1) * selectionDurationMs);\n                timeLeft = selectionEndTime - now;\n            }\n\n            return timeLeft;\n        }\n\n        \/\/ Retour \u00e0 la s\u00e9lection des packs\n        function goBackToPacks() {\n            selectedPackSize = 0;\n            selectedProducts = [];\n\n            document.getElementById('product-selection').classList.remove('active');\n            document.getElementById('pack-selection').style.display = 'block';\n            document.getElementById('step-1-indicator').classList.add('active');\n            document.getElementById('step-1-indicator').classList.remove('completed');\n            document.getElementById('step-2-indicator').classList.remove('active');\n\n            document.querySelectorAll('.permis-pack-card').forEach(function(card) {\n                card.classList.remove('selected');\n            });\n\n            document.querySelectorAll('.permis-product-card').forEach(function(card) {\n                card.classList.remove('has-quantity');\n                var productId = card.getAttribute('data-product-id');\n                document.getElementById('qty-' + productId).value = '0';\n                document.getElementById('qty-label-' + productId).textContent = '0';\n            });\n\n            updateProductSelection();\n        }\n\n        function selectPack(packSize) {\n            selectedPackSize = packSize;\n            selectedProducts = [];\n\n            document.querySelectorAll('.permis-pack-card').forEach(function(card) {\n                card.classList.remove('selected');\n            });\n            document.querySelector('[data-pack=\"' + packSize + '\"]').classList.add('selected');\n\n            document.getElementById('selected-pack').value = packSize;\n\n            setTimeout(function() {\n                document.getElementById('pack-selection').style.display = 'none';\n                document.getElementById('product-selection').classList.add('active');\n                document.getElementById('step-1-indicator').classList.remove('active');\n                document.getElementById('step-1-indicator').classList.add('completed');\n                document.getElementById('step-2-indicator').classList.add('active');\n                document.getElementById('pack-size').textContent = packSize;\n\n                document.querySelectorAll('.permis-product-card').forEach(function(card) {\n                    card.classList.remove('has-quantity');\n                    var productId = card.getAttribute('data-product-id');\n                    document.getElementById('qty-' + productId).value = '0';\n                    document.getElementById('qty-label-' + productId).textContent = '0';\n                });\n\n                updateProductSelection();\n            }, 300);\n        }\n\n        function increaseProductQty(productId) {\n            var qtyInput = document.getElementById('qty-' + productId);\n            var currentQty = parseInt(qtyInput.value) || 0;\n            var totalSelected = getTotalSelectedQty();\n\n            if (totalSelected >= selectedPackSize) {\n                showValidationMessage('Vous avez atteint le maximum de ' + selectedPackSize + ' produit(s) pour ce pack. R\u00e9duisez la quantit\u00e9 d\\'un autre produit pour en ajouter.');\n                return;\n            }\n\n            if (currentQty < 10) {\n                qtyInput.value = currentQty + 1;\n                document.getElementById('qty-label-' + productId).textContent = currentQty + 1;\n                updateProductSelection();\n            }\n        }\n\n        function decreaseProductQty(productId) {\n            var qtyInput = document.getElementById('qty-' + productId);\n            var currentQty = parseInt(qtyInput.value) || 0;\n\n            if (currentQty > 0) {\n                qtyInput.value = currentQty - 1;\n                document.getElementById('qty-label-' + productId).textContent = currentQty - 1;\n                updateProductSelection();\n            }\n        }\n\n        function getTotalSelectedQty() {\n            var total = 0;\n            document.querySelectorAll('.permis-qty-input').forEach(function(input) {\n                total += parseInt(input.value) || 0;\n            });\n            return total;\n        }\n\n        function showValidationMessage(message) {\n            var msgDiv = document.getElementById('validation-message');\n            msgDiv.textContent = message;\n            msgDiv.style.display = 'block';\n            setTimeout(function() {\n                msgDiv.style.display = 'none';\n            }, 6000);\n        }\n\n        function updateProductSelection() {\n            var totalQty = getTotalSelectedQty();\n            var cartItems = '';\n\n            document.querySelectorAll('.permis-product-card').forEach(function(card) {\n                var productId = card.getAttribute('data-product-id');\n                var qtyInput = document.getElementById('qty-' + productId);\n                var qty = parseInt(qtyInput.value) || 0;\n\n                if (qty > 0) {\n                    card.classList.add('has-quantity');\n                    var productName = card.querySelector('.permis-product-name').textContent;\n                    cartItems += '<div class=\"permis-cart-item\">';\n                    cartItems += '<div><div class=\"permis-cart-item-name\">' + productName + '<\/div>';\n                    cartItems += '<div class=\"permis-cart-item-qty\">Quantit\u00e9 : ' + qty + '<\/div><\/div>';\n                    cartItems += '<\/div>';\n                } else {\n                    card.classList.remove('has-quantity');\n                }\n\n                var increaseBtn = card.querySelector('.permis-qty-btn:last-child');\n                if (totalQty >= selectedPackSize && qty === 0) {\n                    card.classList.add('disabled');\n                    if (increaseBtn) increaseBtn.disabled = true;\n                } else {\n                    card.classList.remove('disabled');\n                    if (increaseBtn) increaseBtn.disabled = false;\n                }\n            });\n\n            document.getElementById('selected-count').textContent = totalQty;\n            document.getElementById('total-qty').textContent = totalQty;\n            document.getElementById('cart-items').innerHTML = cartItems || '<div class=\"permis-empty-cart\">Aucun produit s\u00e9lectionn\u00e9<\/div>';\n\n            var totalPrice = selectedPackSize > 0 ? prices[selectedPackSize] : 0;\n            document.getElementById('total-price').textContent = totalPrice.toLocaleString('fr-FR') + ' FCFA';\n\n            if (selectedPackSize >= 3) {\n                document.getElementById('free-shipping-notice').style.display = 'block';\n            } else {\n                document.getElementById('free-shipping-notice').style.display = 'none';\n            }\n\n            document.getElementById('checkout-btn').disabled = (totalQty !== selectedPackSize || selectedPackSize === 0);\n        }\n\n        \/\/ Compte \u00e0 rebours en temps r\u00e9el avec auto-restart\n        function updateCountdown() {\n            var timeLeft = getSelectionTimeLeft();\n\n            if (timeLeft <= 0) {\n                document.getElementById('countdown-timer').textContent = '00:00:00';\n                var bgTimer = document.getElementById('countdown-timer-bg');\n                if (bgTimer) bgTimer.textContent = '00:00:00';\n                if (!selectionAutoRestart) {\n                    clearInterval(countdownInterval);\n                }\n                return;\n            }\n\n            var hours = Math.floor(timeLeft \/ (1000 * 60 * 60));\n            var minutes = Math.floor((timeLeft % (1000 * 60 * 60)) \/ (1000 * 60));\n            var seconds = Math.floor((timeLeft % (1000 * 60)) \/ 1000);\n\n            var formattedTime = String(hours).padStart(2, '0') + ':' +\n                                String(minutes).padStart(2, '0') + ':' +\n                                String(seconds).padStart(2, '0');\n\n            document.getElementById('countdown-timer').textContent = formattedTime;\n            var bgTimer = document.getElementById('countdown-timer-bg');\n            if (bgTimer) bgTimer.textContent = formattedTime;\n        }\n\n        var countdownInterval = setInterval(updateCountdown, 1000);\n        updateCountdown();\n\n        \/\/ Initialiser\n        updateProductSelection();\n        <\/script>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-42234","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/permis111.com\/en\/wp-json\/wp\/v2\/pages\/42234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/permis111.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/permis111.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/permis111.com\/en\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/permis111.com\/en\/wp-json\/wp\/v2\/comments?post=42234"}],"version-history":[{"count":0,"href":"https:\/\/permis111.com\/en\/wp-json\/wp\/v2\/pages\/42234\/revisions"}],"wp:attachment":[{"href":"https:\/\/permis111.com\/en\/wp-json\/wp\/v2\/media?parent=42234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}