{"id":23645,"date":"2025-11-19T10:29:45","date_gmt":"2025-11-19T02:29:45","guid":{"rendered":"https:\/\/landu-china.com\/?page_id=23645"},"modified":"2025-11-26T13:16:44","modified_gmt":"2025-11-26T05:16:44","slug":"adjuvant-detancheite-capillaire-cristallin-cccw-super-ad","status":"publish","type":"page","link":"https:\/\/landu-china.com\/fr\/produits\/adjuvant-detancheite-capillaire-cristallin-cccw-super-ad\/","title":{"rendered":"Adjuvant d'\u00e9tanch\u00e9it\u00e9 en capillaires cristallins \u2014 LANDU CCCW-Super-AD"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"23645\" class=\"elementor elementor-23645\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dedd7cc e-con-full e-flex e-con e-parent\" data-id=\"dedd7cc\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb455d elementor-widget elementor-widget-html\" data-id=\"2cb455d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"novastar-banner\">\r\n    <section class=\"novastar-banner-section\">\r\n        <div class=\"novastar-container\">\r\n            <div class=\"novastar-content\">\r\n                <div class=\"novastar-brand-badge\">\r\n                    <span class=\"novastar-badge-text\">TECHNOLOGIE D'IMPERM\u00c9ABILISATION CRISTALLINE<\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"novastar-main-title\">\r\n                    <span class=\"novastar-title-line\">NOVASTAR<\/span>\r\n                    <span class=\"novastar-title-line\">CCCW-Super AD<\/span>\r\n                    <span class=\"novastar-title-sub\">Additif d'imperm\u00e9abilisation capillaire cristallin<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"novastar-subtitle\">\r\n                    Votre b\u00e9ton, <span class=\"novastar-highlight\">Auto-protecteur<\/span>.\r\n                <\/p>\r\n                \r\n                <div class=\"novastar-description\">\r\n                    <p>Construisez un b\u00e9ton \u00e9tanche avec une technologie cristalline avanc\u00e9e qui offre une protection permanente de l'int\u00e9rieur.<\/p>\r\n                    <p>Le CCCW-Super AD NOVASTAR cr\u00e9e une barri\u00e8re imperm\u00e9able qui scelle activement les fissures et r\u00e9siste aux conditions difficiles.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Core properties -->\r\n                <div class=\"novastar-properties\">\r\n                    <div class=\"novastar-property-item\">\r\n                        <div class=\"novastar-property-icon novastar-healing-icon\">\r\n                            <div class=\"novastar-healing-symbol\">\r\n                                <div class=\"novastar-crack-line\"><\/div>\r\n                                <div class=\"novastar-heal-fill\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-property-label\">Auto-r\u00e9parateur<\/div>\r\n                        <div class=\"novastar-property-desc\">Scelle les fissures \u22640,5 mm<\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-property-item\">\r\n                        <div class=\"novastar-property-icon novastar-permanent-icon\">\r\n                            <div class=\"novastar-shield-symbol\">\r\n                                <div class=\"novastar-shield-outer\"><\/div>\r\n                                <div class=\"novastar-shield-inner\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-property-label\">Permanent<\/div>\r\n                        <div class=\"novastar-property-desc\">Dose de 1 kg\/m\u00b3<\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-property-item\">\r\n                        <div class=\"novastar-property-icon novastar-resistant-icon\">\r\n                            <div class=\"novastar-pressure-symbol\">\r\n                                <div class=\"novastar-pressure-wave\"><\/div>\r\n                                <div class=\"novastar-pressure-core\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"novastar-property-label\">R\u00e9sistant<\/div>\r\n                        <div class=\"novastar-property-desc\">Jusqu'\u00e0 20 bar de pression<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Additional features -->\r\n                <div class=\"novastar-features\">\r\n                    <div class=\"novastar-feature-badge\">\r\n                        <svg class=\"novastar-check-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M20 6L9 17l-5-5\"\/>\r\n                        <\/svg>\r\n                        <span>R\u00e9sistant aux produits chimiques<\/span>\r\n                    <\/div>\r\n                    <div class=\"novastar-feature-badge\">\r\n                        <svg class=\"novastar-check-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M20 6L9 17l-5-5\"\/>\r\n                        <\/svg>\r\n                        <span>Formule non toxique<\/span>\r\n                    <\/div>\r\n                    <div class=\"novastar-feature-badge\">\r\n                        <svg class=\"novastar-check-icon\" viewbox=\"0 0 24 24\">\r\n                            <path d=\"M20 6L9 17l-5-5\"\/>\r\n                        <\/svg>\r\n                        <span>Application facile<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"novastar-cta-buttons\">\r\n                    <a href=\"https:\/\/landu-china.com\/fr\/nous-contacter\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"novastar-btn novastar-btn-primary\">\r\n                        <span>Obtenez votre devis d\u00e8s aujourd'hui<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"novastar-visual-element\">\r\n                <!-- Product Image -->\r\n                <div class=\"novastar-product-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/NOVASTAR-CCCW-Super-AD-Crystalline-Capillary-Waterproofing-Admixture.jpg\" alt=\"Produit CCCW-Super AD NOVASTAR\" \/>\r\n                <\/div>\r\n\r\n                <!-- Technical specifications panel -->\r\n                <div class=\"novastar-tech-panel\">\r\n                    <div class=\"novastar-tech-header\">\r\n                        <div class=\"novastar-tech-title\">Donn\u00e9es de performance<\/div>\r\n                        <div class=\"novastar-tech-status\">\r\n                            <div class=\"novastar-status-dot\"><\/div>\r\n                            <span>Certifi\u00e9<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"novastar-tech-specs\">\r\n                        <div class=\"novastar-spec-item\">\r\n                            <span class=\"novastar-spec-label\">Imperm\u00e9abilisation<\/span>\r\n                            <div class=\"novastar-spec-bar\">\r\n                                <div class=\"novastar-spec-fill\" style=\"width: 95%;\"><\/div>\r\n                            <\/div>\r\n                            <span class=\"novastar-spec-value\">20 bar<\/span>\r\n                        <\/div>\r\n                        <div class=\"novastar-spec-item\">\r\n                            <span class=\"novastar-spec-label\">Auto-r\u00e9parateur<\/span>\r\n                            <div class=\"novastar-spec-bar\">\r\n                                <div class=\"novastar-spec-fill\" style=\"width: 90%;\"><\/div>\r\n                            <\/div>\r\n                            <span class=\"novastar-spec-value\">\u22640,5 mm<\/span>\r\n                        <\/div>\r\n                        <div class=\"novastar-spec-item\">\r\n                            <span class=\"novastar-spec-label\">Dosage<\/span>\r\n                            <div class=\"novastar-spec-bar\">\r\n                                <div class=\"novastar-spec-fill\" style=\"width: 85%;\"><\/div>\r\n                            <\/div>\r\n                            <span class=\"novastar-spec-value\">1 kg\/m\u00b3<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Waterproof rating display -->\r\n                <div class=\"novastar-rating-display\">\r\n                    <div class=\"novastar-rating-number\">20<\/div>\r\n                    <div class=\"novastar-rating-unit\">BAR<\/div>\r\n                    <div class=\"novastar-rating-label\">R\u00e9sistance \u00e0 la pression<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .novastar-banner {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .novastar-banner *,\r\n    .novastar-banner *::before,\r\n    .novastar-banner *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .novastar-banner-section {\r\n        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #dbeafe 100%);\r\n        min-height: 100vh;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 24px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 4rem;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-content {\r\n        color: #1e293b;\r\n    }\r\n\r\n    \/* Brand badge *\/\r\n    .novastar-brand-badge {\r\n        display: inline-block;\r\n        padding: 8px 16px;\r\n        background: #ffffff;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 20px;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .novastar-badge-text {\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n        color: #0284c7;\r\n        letter-spacing: 1.5px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Title *\/\r\n    .novastar-main-title {\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        margin-bottom: 1rem;\r\n        color: #0f172a;\r\n    }\r\n\r\n    .novastar-title-line {\r\n        display: block;\r\n    }\r\n\r\n    .novastar-title-sub {\r\n        display: block;\r\n        font-size: 22px;\r\n        font-weight: 400;\r\n        color: #475569;\r\n        margin-top: 0.5rem;\r\n    }\r\n\r\n    .novastar-subtitle {\r\n        font-size: 24px;\r\n        font-weight: 600;\r\n        color: #1e293b;\r\n        margin-bottom: 2rem;\r\n        letter-spacing: 0.3px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .novastar-highlight {\r\n        color: #0284c7;\r\n        position: relative;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .novastar-highlight::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -2px;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #0ea5e9, #0284c7);\r\n    }\r\n\r\n    .novastar-description {\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .novastar-description p {\r\n        font-size: 16px;\r\n        line-height: 1.7;\r\n        color: #475569;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .novastar-description p:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    \/* Core properties *\/\r\n    .novastar-properties {\r\n        display: flex;\r\n        gap: 2rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .novastar-property-item {\r\n        text-align: center;\r\n        flex: 1;\r\n    }\r\n\r\n    .novastar-property-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        margin: 0 auto 1rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: #ffffff;\r\n        border-radius: 18px;\r\n        border: 2px solid #0ea5e9;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Self-healing icon *\/\r\n    .novastar-healing-symbol {\r\n        width: 40px;\r\n        height: 40px;\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-crack-line {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 2px;\r\n        background: #ef4444;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        clip-path: polygon(0 0, 45% 0, 45% 100%, 0 100%);\r\n    }\r\n\r\n    .novastar-heal-fill {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 4px;\r\n        background: linear-gradient(90deg, #0ea5e9, #0284c7);\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        clip-path: polygon(45% 0, 100% 0, 100% 100%, 45% 100%);\r\n    }\r\n\r\n    \/* Permanent protection icon *\/\r\n    .novastar-shield-symbol {\r\n        width: 40px;\r\n        height: 40px;\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-shield-outer {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 3px solid #0ea5e9;\r\n        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\r\n    }\r\n\r\n    .novastar-shield-inner {\r\n        position: absolute;\r\n        width: 60%;\r\n        height: 60%;\r\n        background: linear-gradient(135deg, #0ea5e9, #0284c7);\r\n        top: 20%;\r\n        left: 20%;\r\n        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\r\n    }\r\n\r\n    \/* Resistant icon *\/\r\n    .novastar-pressure-symbol {\r\n        width: 40px;\r\n        height: 40px;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .novastar-pressure-wave {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .novastar-pressure-core {\r\n        width: 16px;\r\n        height: 16px;\r\n        background: linear-gradient(135deg, #0ea5e9, #0284c7);\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .novastar-property-label {\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        color: #0284c7;\r\n        margin-bottom: 0.25rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .novastar-property-desc {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Feature badges *\/\r\n    .novastar-features {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 1rem;\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .novastar-feature-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 8px 16px;\r\n        background: #ffffff;\r\n        border: 1px solid #cbd5e1;\r\n        border-radius: 25px;\r\n        font-size: 13px;\r\n        color: #475569;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .novastar-check-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: #0ea5e9;\r\n        stroke-width: 3;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .novastar-cta-buttons {\r\n        display: flex;\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .novastar-btn {\r\n        padding: 16px 36px;\r\n        border: none;\r\n        border-radius: 50px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        text-align: center;\r\n        font-family: inherit;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-btn > * {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-btn-primary {\r\n        background: linear-gradient(135deg, #0ea5e9, #0284c7);\r\n        color: #ffffff;\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .novastar-btn-primary:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    \/* Visual element container *\/\r\n    .novastar-visual-element {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        height: 700px;\r\n    }\r\n\r\n    \/* Product Image *\/\r\n    .novastar-product-image {\r\n        width: 100%;\r\n        max-width: 550px;\r\n        border-radius: 24px;\r\n        overflow: visible;\r\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n        background: #ffffff;\r\n        padding: 32px;\r\n        position: relative;\r\n        border: 1px solid #e2e8f0;\r\n        z-index: 1;\r\n    }\r\n\r\n    .novastar-product-image img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        border-radius: 16px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Technical specifications panel *\/\r\n    .novastar-tech-panel {\r\n        position: absolute;\r\n        top: 30px;\r\n        right: -40px;\r\n        width: 240px;\r\n        background: #ffffff;\r\n        border: 2px solid #e2e8f0;\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n        z-index: 10;\r\n    }\r\n\r\n    .novastar-tech-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .novastar-tech-title {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #0284c7;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .novastar-tech-status {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        font-size: 10px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .novastar-status-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: #10b981;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .novastar-tech-specs {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .novastar-spec-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.5rem;\r\n    }\r\n\r\n    .novastar-spec-label {\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .novastar-spec-bar {\r\n        height: 6px;\r\n        background: #e2e8f0;\r\n        border-radius: 3px;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    .novastar-spec-fill {\r\n        height: 100%;\r\n        background: linear-gradient(90deg, #0ea5e9, #0284c7);\r\n        border-radius: 3px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .novastar-spec-value {\r\n        font-size: 12px;\r\n        color: #0284c7;\r\n        font-weight: 700;\r\n        text-align: right;\r\n    }\r\n\r\n    \/* Waterproof rating display *\/\r\n    .novastar-rating-display {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        left: -40px;\r\n        background: #ffffff;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 16px;\r\n        padding: 1.5rem;\r\n        text-align: center;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n        min-width: 150px;\r\n        z-index: 10;\r\n    }\r\n\r\n    .novastar-rating-number {\r\n        font-size: 48px;\r\n        font-weight: 900;\r\n        color: #0284c7;\r\n        line-height: 1;\r\n    }\r\n\r\n    .novastar-rating-unit {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin-top: -5px;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .novastar-rating-label {\r\n        font-size: 10px;\r\n        color: #64748b;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-top: 0.5rem;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Tablet Styles *\/\r\n    @media (max-width: 1024px) {\r\n        .novastar-banner-section {\r\n            padding: 20px;\r\n        }\r\n\r\n        .novastar-container {\r\n            gap: 3rem;\r\n        }\r\n\r\n        .novastar-main-title {\r\n            font-size: 38px;\r\n        }\r\n\r\n        .novastar-title-sub {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-subtitle {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .novastar-visual-element {\r\n            height: 600px;\r\n        }\r\n\r\n        .novastar-product-image {\r\n            max-width: 450px;\r\n        }\r\n\r\n        .novastar-properties {\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .novastar-tech-panel {\r\n            width: 220px;\r\n            right: -30px;\r\n        }\r\n\r\n        .novastar-rating-display {\r\n            min-width: 130px;\r\n            left: -30px;\r\n        }\r\n\r\n        .novastar-rating-number {\r\n            font-size: 40px;\r\n        }\r\n    }\r\n\r\n    \/* Mobile Styles *\/\r\n    @media (max-width: 768px) {\r\n        .novastar-banner-section {\r\n            padding: 16px;\r\n            min-height: auto;\r\n            padding-top: 3rem;\r\n            padding-bottom: 3rem;\r\n        }\r\n\r\n        .novastar-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .novastar-content {\r\n            text-align: center;\r\n        }\r\n\r\n        .novastar-brand-badge {\r\n            display: block;\r\n            text-align: center;\r\n        }\r\n\r\n        .novastar-main-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .novastar-title-sub {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .novastar-subtitle {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .novastar-description p {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .novastar-properties {\r\n            flex-direction: column;\r\n            gap: 1.5rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .novastar-property-item {\r\n            max-width: 220px;\r\n        }\r\n\r\n        .novastar-features {\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-cta-buttons {\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-btn {\r\n            width: 100%;\r\n            max-width: 320px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .novastar-visual-element {\r\n            order: -1;\r\n            height: 450px;\r\n        }\r\n\r\n        .novastar-product-image {\r\n            max-width: 380px;\r\n        }\r\n\r\n        .novastar-tech-panel,\r\n        .novastar-rating-display {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .novastar-main-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .novastar-title-sub {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .novastar-subtitle {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .novastar-properties {\r\n            gap: 1.25rem;\r\n        }\r\n\r\n        .novastar-property-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n\r\n        .novastar-visual-element {\r\n            height: 350px;\r\n        }\r\n\r\n        .novastar-product-image {\r\n            max-width: 300px;\r\n            padding: 20px;\r\n        }\r\n\r\n        .novastar-feature-badge {\r\n            font-size: 12px;\r\n            padding: 6px 12px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f2c2fa e-con-full e-flex e-con e-parent\" data-id=\"1f2c2fa\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a8952 elementor-widget elementor-widget-html\" data-id=\"25a8952\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"waterproof-crystalline\">\r\n    <section class=\"waterproof-crystalline-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"waterproof-bg-effects\">\r\n            <div class=\"waterproof-crystal-grid\">\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 12%; --y: 18%; --delay: 0s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 28%; --y: 32%; --delay: 0.6s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 45%; --y: 22%; --delay: 1.2s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 62%; --y: 45%; --delay: 1.8s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 78%; --y: 28%; --delay: 2.4s;\"><\/div>\r\n                <div class=\"waterproof-crystal-point\" style=\"--x: 88%; --y: 65%; --delay: 3s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating water droplets -->\r\n            <div class=\"waterproof-droplets\">\r\n                <div class=\"waterproof-droplet\" style=\"--x: 15%; --y: 25%; --size: 12px; --delay: 0s;\"><\/div>\r\n                <div class=\"waterproof-droplet\" style=\"--x: 65%; --y: 35%; --size: 9px; --delay: 1.5s;\"><\/div>\r\n                <div class=\"waterproof-droplet\" style=\"--x: 40%; --y: 60%; --size: 11px; --delay: 3s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"waterproof-container\">\r\n            <!-- Hero Section -->\r\n            <div class=\"waterproof-hero\">\r\n                <div class=\"waterproof-hero-badge\">\r\n                    <div class=\"waterproof-badge-dot\"><\/div>\r\n                    <span class=\"waterproof-badge-text\">IMPERM\u00c9ABILISATION AVANC\u00c9E<\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"waterproof-hero-title\">\r\n                    Capillaire cristalline<br>\r\n                    <span class=\"waterproof-hero-gradient\">Adjuvant imperm\u00e9abilisant<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"waterproof-hero-description\">\r\n                    Vous en avez assez du b\u00e9ton qui craque et fuit l'eau ? Cet additif sp\u00e9cial pour b\u00e9ton agit comme par magie \u00e0 l'int\u00e9rieur de votre b\u00e9ton, cr\u00e9ant de minuscules cristaux qui bloquent l'eau.\r\n                <\/p>\r\n\r\n                <div class=\"waterproof-hero-highlights\">\r\n                    <div class=\"waterproof-highlight-item\">\r\n                        <div class=\"waterproof-highlight-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span>Technologie d'auto-r\u00e9paration<\/span>\r\n                    <\/div>\r\n                    <div class=\"waterproof-highlight-item\">\r\n                        <div class=\"waterproof-highlight-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span>Protection permanente<\/span>\r\n                    <\/div>\r\n                    <div class=\"waterproof-highlight-item\">\r\n                        <div class=\"waterproof-highlight-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                                <path d=\"M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span>Application simple<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Key Takeaways Section -->\r\n            <div class=\"waterproof-takeaways\">\r\n                <div class=\"waterproof-section-header\">\r\n                    <div class=\"waterproof-header-line\"><\/div>\r\n                    <h2 class=\"waterproof-section-title\">Principaux enseignements<\/h2>\r\n                    <div class=\"waterproof-header-line\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"waterproof-features-grid\">\r\n                    <!-- Feature Card 1 -->\r\n                    <div class=\"waterproof-feature-card\" style=\"--card-delay: 0.2s;\">\r\n                        <div class=\"waterproof-card-header\">\r\n                            <div class=\"waterproof-card-icon waterproof-icon-healing\">\r\n                                <div class=\"waterproof-healing-animation\">\r\n                                    <div class=\"waterproof-crack\"><\/div>\r\n                                    <div class=\"waterproof-crystal-growth\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"waterproof-card-title\">Auto-r\u00e9parateur<\/h3>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-body\">\r\n                            <div class=\"waterproof-card-benefit\">\r\n                                <span class=\"waterproof-benefit-label\">Avantage :<\/span>\r\n                                <p class=\"waterproof-benefit-text\">R\u00e9pare automatiquement les fissures jusqu'\u00e0 0,5 mm<\/p>\r\n                            <\/div>\r\n                            <div class=\"waterproof-card-result\">\r\n                                <span class=\"waterproof-result-icon\">\u2192<\/span>\r\n                                <p class=\"waterproof-result-text\">Aucune r\u00e9paration co\u00fbteuse n\u00e9cessaire<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-glow\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Feature Card 2 -->\r\n                    <div class=\"waterproof-feature-card\" style=\"--card-delay: 0.4s;\">\r\n                        <div class=\"waterproof-card-header\">\r\n                            <div class=\"waterproof-card-icon waterproof-icon-protection\">\r\n                                <div class=\"waterproof-shield-animation\">\r\n                                    <div class=\"waterproof-shield-layer\"><\/div>\r\n                                    <div class=\"waterproof-shield-layer\"><\/div>\r\n                                    <div class=\"waterproof-shield-layer\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"waterproof-card-title\">Protection permanente<\/h3>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-body\">\r\n                            <div class=\"waterproof-card-benefit\">\r\n                                <span class=\"waterproof-benefit-label\">Avantage :<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Dur\u00e9e de vie du b\u00e9ton<\/p>\r\n                            <\/div>\r\n                            <div class=\"waterproof-card-result\">\r\n                                <span class=\"waterproof-result-icon\">\u2192<\/span>\r\n                                <p class=\"waterproof-result-text\">\u00c9conomisez sur l'entretien<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-glow\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Feature Card 3 -->\r\n                    <div class=\"waterproof-feature-card\" style=\"--card-delay: 0.6s;\">\r\n                        <div class=\"waterproof-card-header\">\r\n                            <div class=\"waterproof-card-icon waterproof-icon-easy\">\r\n                                <div class=\"waterproof-mixer-animation\">\r\n                                    <div class=\"waterproof-mixer-bowl\"><\/div>\r\n                                    <div class=\"waterproof-mixer-content\"><\/div>\r\n                                    <div class=\"waterproof-mixer-spoon\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"waterproof-card-title\">Facile \u00e0 utiliser<\/h3>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-body\">\r\n                            <div class=\"waterproof-card-benefit\">\r\n                                <span class=\"waterproof-benefit-label\">Avantage :<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Il suffit de m\u00e9langer 1 kg par m\u00e8tre cube<\/p>\r\n                            <\/div>\r\n                            <div class=\"waterproof-card-result\">\r\n                                <span class=\"waterproof-result-icon\">\u2192<\/span>\r\n                                <p class=\"waterproof-result-text\">Processus d'application simple<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-glow\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Feature Card 4 -->\r\n                    <div class=\"waterproof-feature-card\" style=\"--card-delay: 0.8s;\">\r\n                        <div class=\"waterproof-card-header\">\r\n                            <div class=\"waterproof-card-icon waterproof-icon-resistance\">\r\n                                <div class=\"waterproof-chemical-animation\">\r\n                                    <div class=\"waterproof-chemical-drop\"><\/div>\r\n                                    <div class=\"waterproof-chemical-barrier\"><\/div>\r\n                                    <div class=\"waterproof-chemical-ripple\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <h3 class=\"waterproof-card-title\">R\u00e9sistance chimique<\/h3>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-body\">\r\n                            <div class=\"waterproof-card-benefit\">\r\n                                <span class=\"waterproof-benefit-label\">Avantage :<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Prot\u00e8ge contre les dommages caus\u00e9s par le sel et l'acide<\/p>\r\n                            <\/div>\r\n                            <div class=\"waterproof-card-result\">\r\n                                <span class=\"waterproof-result-icon\">\u2192<\/span>\r\n                                <p class=\"waterproof-result-text\">B\u00e9ton plus solide et plus durable<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-card-glow\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Stats Banner -->\r\n            <div class=\"waterproof-stats-banner\">\r\n                <div class=\"waterproof-stat-box\">\r\n                    <div class=\"waterproof-stat-value\">0,5 mm<\/div>\r\n                    <div class=\"waterproof-stat-label\">Capacit\u00e9 d'auto-r\u00e9paration<\/div>\r\n                    <div class=\"waterproof-stat-bar\" style=\"--progress: 85%;\"><\/div>\r\n                <\/div>\r\n                <div class=\"waterproof-stat-divider\"><\/div>\r\n                <div class=\"waterproof-stat-box\">\r\n                    <div class=\"waterproof-stat-value\">1 kg\/m\u00b3<\/div>\r\n                    <div class=\"waterproof-stat-label\">Dosage d'application<\/div>\r\n                    <div class=\"waterproof-stat-bar\" style=\"--progress: 95%;\"><\/div>\r\n                <\/div>\r\n                <div class=\"waterproof-stat-divider\"><\/div>\r\n                <div class=\"waterproof-stat-box\">\r\n                    <div class=\"waterproof-stat-value\">Dur\u00e9e de vie<\/div>\r\n                    <div class=\"waterproof-stat-label\">Dur\u00e9e de protection<\/div>\r\n                    <div class=\"waterproof-stat-bar\" style=\"--progress: 100%;\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .waterproof-crystalline {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .waterproof-crystalline *,\r\n    .waterproof-crystalline *::before,\r\n    .waterproof-crystalline *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .waterproof-crystalline-section {\r\n        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #f8fafc 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .waterproof-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.12;\r\n    }\r\n\r\n    .waterproof-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .waterproof-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: crystal-appear 1s ease-out var(--delay) forwards,\r\n                   crystal-rotate 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .waterproof-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 30px;\r\n        height: 30px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: crystal-pulse 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes crystal-appear {\r\n        to { opacity: 0.7; }\r\n    }\r\n\r\n    @keyframes crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.8); opacity: 0.3; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.2); opacity: 0.6; }\r\n    }\r\n\r\n    .waterproof-droplets {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .waterproof-droplet {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #38bdf8, #0ea5e9);\r\n        border-radius: 50% 50% 50% 0;\r\n        transform: rotate(-45deg);\r\n        opacity: 0;\r\n        animation: droplet-fall 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes droplet-fall {\r\n        0% { opacity: 0; transform: rotate(-45deg) translateY(-20px); }\r\n        20% { opacity: 0.8; }\r\n        80% { opacity: 0.8; }\r\n        100% { opacity: 0; transform: rotate(-45deg) translateY(20px); }\r\n    }\r\n\r\n    .waterproof-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Hero Section - Compressed *\/\r\n    .waterproof-hero {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: hero-fade-in 1s ease-out 0.3s forwards;\r\n    }\r\n\r\n    @keyframes hero-fade-in {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 8px 20px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 1rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .waterproof-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 50%;\r\n        animation: badge-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes badge-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }\r\n    }\r\n\r\n    .waterproof-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .waterproof-hero-title {\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.2;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .waterproof-hero-gradient {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .waterproof-hero-description {\r\n        font-size: 18px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 800px;\r\n        margin: 0 auto 1rem;\r\n    }\r\n\r\n    .waterproof-hero-highlights {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .waterproof-highlight-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 0.5rem 1rem;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 12px;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        color: #334155;\r\n        backdrop-filter: blur(10px);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .waterproof-highlight-item:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .waterproof-highlight-icon {\r\n        color: #10b981;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Section Header - Compressed *\/\r\n    .waterproof-section-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 2rem;\r\n        margin-bottom: 1.5rem;\r\n        opacity: 0;\r\n        animation: section-header-appear 0.8s ease-out 0.5s forwards;\r\n    }\r\n\r\n    @keyframes section-header-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-header-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .waterproof-section-title {\r\n        font-size: 36px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Features Grid - Compressed *\/\r\n    .waterproof-features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1.25rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .waterproof-feature-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.25rem;\r\n        position: relative;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: card-appear 0.8s ease-out var(--card-delay) forwards;\r\n    }\r\n\r\n    @keyframes card-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .waterproof-feature-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 16px 40px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .waterproof-card-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at top left, rgba(14, 165, 233, 0.1), transparent 60%);\r\n        border-radius: 20px;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .waterproof-feature-card:hover .waterproof-card-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    .waterproof-card-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        margin-bottom: 1rem;\r\n        padding-bottom: 1rem;\r\n        border-bottom: 2px solid rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .waterproof-card-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .waterproof-card-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Icon Animations *\/\r\n    \/* Self-Healing Animation *\/\r\n    .waterproof-healing-animation {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .waterproof-crack {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, transparent, #ef4444, transparent);\r\n        transform: translateY(-50%);\r\n        animation: crack-pulse 3s ease-in-out infinite;\r\n    }\r\n\r\n    .waterproof-crystal-growth {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 0;\r\n        width: 0;\r\n        height: 6px;\r\n        background: linear-gradient(90deg, #10b981, #059669);\r\n        transform: translateY(-50%);\r\n        border-radius: 3px;\r\n        animation: crystal-fill 3s ease-in-out infinite;\r\n        box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);\r\n    }\r\n\r\n    @keyframes crack-pulse {\r\n        0%, 100% { opacity: 1; }\r\n        50% { opacity: 0.3; }\r\n    }\r\n\r\n    @keyframes crystal-fill {\r\n        0%, 30% { width: 0; }\r\n        100% { width: 100%; }\r\n    }\r\n\r\n    \/* Shield Animation *\/\r\n    .waterproof-shield-animation {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .waterproof-shield-layer {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 50%;\r\n        transform: translate(-50%, -50%);\r\n        animation: shield-expand 2s ease-out infinite;\r\n    }\r\n\r\n    .waterproof-shield-layer:nth-child(2) {\r\n        animation-delay: 0.4s;\r\n    }\r\n\r\n    .waterproof-shield-layer:nth-child(3) {\r\n        animation-delay: 0.8s;\r\n    }\r\n\r\n    @keyframes shield-expand {\r\n        0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; }\r\n        100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }\r\n    }\r\n\r\n    \/* Mixer Animation *\/\r\n    .waterproof-mixer-animation {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .waterproof-mixer-bowl {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 24px;\r\n        height: 16px;\r\n        border: 2px solid #0ea5e9;\r\n        border-top: none;\r\n        border-radius: 0 0 12px 12px;\r\n    }\r\n\r\n    .waterproof-mixer-content {\r\n        position: absolute;\r\n        bottom: 2px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 18px;\r\n        height: 0;\r\n        background: linear-gradient(180deg, #06b6d4, #0891b2);\r\n        border-radius: 0 0 8px 8px;\r\n        animation: mixer-fill 2s ease-in-out infinite;\r\n    }\r\n\r\n    .waterproof-mixer-spoon {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 2px;\r\n        height: 18px;\r\n        background: #0ea5e9;\r\n        border-radius: 1px;\r\n        animation: mixer-stir 2s ease-in-out infinite;\r\n        transform-origin: center bottom;\r\n    }\r\n\r\n    @keyframes mixer-fill {\r\n        0%, 30% { height: 0; }\r\n        100% { height: 10px; }\r\n    }\r\n\r\n    @keyframes mixer-stir {\r\n        0%, 100% { transform: translateX(-50%) rotate(-15deg); }\r\n        50% { transform: translateX(-50%) rotate(15deg); }\r\n    }\r\n\r\n    \/* Chemical Animation *\/\r\n    .waterproof-chemical-animation {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 30px;\r\n    }\r\n\r\n    .waterproof-chemical-drop {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 8px;\r\n        height: 10px;\r\n        background: linear-gradient(180deg, #f59e0b, #d97706);\r\n        border-radius: 50% 50% 50% 0;\r\n        transform: translateX(-50%) rotate(-45deg);\r\n        animation: chemical-drop 2s ease-in-out infinite;\r\n    }\r\n\r\n    .waterproof-chemical-barrier {\r\n        position: absolute;\r\n        bottom: 5px;\r\n        left: 0;\r\n        right: 0;\r\n        height: 3px;\r\n        background: linear-gradient(90deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .waterproof-chemical-ripple {\r\n        position: absolute;\r\n        bottom: 5px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 0;\r\n        height: 0;\r\n        border: 2px solid #0ea5e9;\r\n        border-radius: 50%;\r\n        animation: chemical-ripple 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes chemical-drop {\r\n        0%, 30% { top: 0; opacity: 1; }\r\n        60% { top: 15px; opacity: 1; }\r\n        61% { opacity: 0; }\r\n        100% { top: 0; opacity: 0; }\r\n    }\r\n\r\n    @keyframes chemical-ripple {\r\n        0% { width: 0; height: 0; opacity: 1; }\r\n        100% { width: 30px; height: 30px; opacity: 0; }\r\n    }\r\n\r\n    \/* Card Body - Compressed *\/\r\n    .waterproof-card-body {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .waterproof-card-benefit,\r\n    .waterproof-card-result {\r\n        position: relative;\r\n        padding-left: 0.75rem;\r\n    }\r\n\r\n    .waterproof-benefit-label {\r\n        display: block;\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .waterproof-benefit-text {\r\n        font-size: 15px;\r\n        line-height: 1.4;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-card-result {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.5rem;\r\n        padding: 0.75rem;\r\n        background: linear-gradient(135deg, rgba(16, 185, 129, 0.05), rgba(5, 150, 105, 0.05));\r\n        border-left: 3px solid #10b981;\r\n        border-radius: 0 10px 10px 0;\r\n    }\r\n\r\n    .waterproof-result-icon {\r\n        font-size: 20px;\r\n        color: #10b981;\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n        line-height: 1;\r\n    }\r\n\r\n    .waterproof-result-text {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: #059669;\r\n        margin: 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    \/* Stats Banner - Compressed *\/\r\n    .waterproof-stats-banner {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto 1fr auto 1fr;\r\n        gap: 1.5rem;\r\n        padding: 1.5rem 2rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.1);\r\n        opacity: 0;\r\n        animation: stats-appear 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes stats-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-stat-box {\r\n        text-align: center;\r\n    }\r\n\r\n    .waterproof-stat-value {\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        line-height: 1;\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .waterproof-stat-label {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .waterproof-stat-bar {\r\n        height: 6px;\r\n        background: rgba(14, 165, 233, 0.1);\r\n        border-radius: 3px;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    .waterproof-stat-bar::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        height: 100%;\r\n        width: var(--progress);\r\n        background: linear-gradient(90deg, #0ea5e9, #06b6d4);\r\n        border-radius: 3px;\r\n        animation: stat-fill 1.5s ease-out 1.2s forwards;\r\n        transform: scaleX(0);\r\n        transform-origin: left;\r\n    }\r\n\r\n    @keyframes stat-fill {\r\n        to { transform: scaleX(1); }\r\n    }\r\n\r\n    .waterproof-stat-divider {\r\n        width: 1px;\r\n        background: linear-gradient(180deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .waterproof-features-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .waterproof-stats-banner {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .waterproof-stat-divider {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .waterproof-crystalline-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .waterproof-hero {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .waterproof-hero-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .waterproof-hero-description {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .waterproof-hero-highlights {\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .waterproof-section-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .waterproof-feature-card {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .waterproof-takeaways {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .waterproof-features-grid {\r\n            gap: 1rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .waterproof-crystalline-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .waterproof-hero-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .waterproof-section-header {\r\n            flex-direction: column;\r\n            gap: 0.75rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .waterproof-header-line {\r\n            display: none;\r\n        }\r\n\r\n        .waterproof-card-header {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .waterproof-stat-value {\r\n            font-size: 28px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef8891e e-con-full e-flex e-con e-parent\" data-id=\"ef8891e\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27caee6 elementor-widget elementor-widget-html\" data-id=\"27caee6\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"waterproof-explanation\">\r\n    <section class=\"waterproof-explanation-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"waterproof-exp-bg-effects\">\r\n            <div class=\"waterproof-exp-crystal-grid\">\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 8%; --y: 20%; --delay: 0s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 22%; --y: 35%; --delay: 0.7s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 38%; --y: 18%; --delay: 1.4s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 58%; --y: 42%; --delay: 2.1s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 72%; --y: 25%; --delay: 2.8s;\"><\/div>\r\n                <div class=\"waterproof-exp-crystal-point\" style=\"--x: 90%; --y: 60%; --delay: 3.5s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"waterproof-exp-particles\">\r\n                <div class=\"waterproof-exp-particle\" style=\"--x: 18%; --y: 28%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"waterproof-exp-particle\" style=\"--x: 68%; --y: 38%; --size: 8px; --delay: 1.8s;\"><\/div>\r\n                <div class=\"waterproof-exp-particle\" style=\"--x: 45%; --y: 65%; --size: 12px; --delay: 3.6s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"waterproof-exp-container\">\r\n            <!-- Main Title -->\r\n            <div class=\"waterproof-exp-header\">\r\n                <h2 class=\"waterproof-exp-main-title\">\r\n                    Qu'est-ce exactement que le CCCW-Super AD<br>\r\n                    <span class=\"waterproof-exp-title-highlight\">Admixture hydrofuge cristalline \u00e0 capillaires ?<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- Content Grid -->\r\n            <div class=\"waterproof-exp-content-grid\">\r\n                <!-- Left Column: Text Content -->\r\n                <div class=\"waterproof-exp-text-column\">\r\n                    <!-- Introduction -->\r\n                    <div class=\"waterproof-exp-intro-box\">\r\n                        <div class=\"waterproof-exp-intro-icon\">\r\n                            <div class=\"waterproof-exp-lightbulb\">\r\n                                <div class=\"waterproof-exp-bulb-glow\"><\/div>\r\n                                <div class=\"waterproof-exp-bulb-body\"><\/div>\r\n                                <div class=\"waterproof-exp-bulb-filament\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"waterproof-exp-intro-text\">\r\n                            <p>Consid\u00e9rez l'admixture hydrofuge cristalline \u00e0 capillaires comme un <strong>assistant en b\u00e9ton ultra-intelligent<\/strong>. De plus, lorsqu'il est m\u00e9lang\u00e9 avec du b\u00e9ton, il commence \u00e0 agir imm\u00e9diatement. En fait, cet admixture contient des produits chimiques sp\u00e9ciaux qui r\u00e9agissent avec l'eau et le ciment.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Quote Box -->\r\n                    <div class=\"waterproof-exp-quote-box\">\r\n                        <div class=\"waterproof-exp-quote-mark\">\"<\/div>\r\n                        <p class=\"waterproof-exp-quote-text\">\r\n                            L'admixture hydrofuge cristalline \u00e0 capillaires transforme le b\u00e9ton ordinaire en un mat\u00e9riau auto-protecteur et r\u00e9sistant \u00e0 l'eau qui devient plus fort avec le temps.\r\n                        <\/p>\r\n                        <div class=\"waterproof-exp-quote-decoration\"><\/div>\r\n                    <\/div>\r\n\r\n                    <!-- How It Works -->\r\n                    <div class=\"waterproof-exp-process-section\">\r\n                        <h3 class=\"waterproof-exp-process-title\">\r\n                            <span class=\"waterproof-exp-process-icon\">\u2699<\/span>\r\n                            Comment cela fonctionne en termes simples :\r\n                        <\/h3>\r\n\r\n                        <div class=\"waterproof-exp-steps\">\r\n                            <!-- Step 1 -->\r\n                            <div class=\"waterproof-exp-step\" style=\"--step-delay: 0.2s;\">\r\n                                <div class=\"waterproof-exp-step-number\">\r\n                                    <span class=\"waterproof-exp-number-text\">1<\/span>\r\n                                    <div class=\"waterproof-exp-number-ring\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-content\">\r\n                                    <div class=\"waterproof-exp-step-label\">Premi\u00e8rement<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Vous ajoutez l'admixture hydrofuge cristalline \u00e0 capillaires au b\u00e9ton humide<\/p>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-connector\"><\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Step 2 -->\r\n                            <div class=\"waterproof-exp-step\" style=\"--step-delay: 0.4s;\">\r\n                                <div class=\"waterproof-exp-step-number\">\r\n                                    <span class=\"waterproof-exp-number-text\">2<\/span>\r\n                                    <div class=\"waterproof-exp-number-ring\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-content\">\r\n                                    <div class=\"waterproof-exp-step-label\">Ensuite<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Il se m\u00e9lange avec du ciment et de l'eau pour cr\u00e9er des cristaux sp\u00e9ciaux<\/p>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-connector\"><\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Step 3 -->\r\n                            <div class=\"waterproof-exp-step\" style=\"--step-delay: 0.6s;\">\r\n                                <div class=\"waterproof-exp-step-number\">\r\n                                    <span class=\"waterproof-exp-number-text\">3<\/span>\r\n                                    <div class=\"waterproof-exp-number-ring\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-content\">\r\n                                    <div class=\"waterproof-exp-step-label\">Suivant<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Ces cristaux se d\u00e9veloppent \u00e0 l'int\u00e9rieur de petits trous dans le b\u00e9ton<\/p>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-connector\"><\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Step 4 -->\r\n                            <div class=\"waterproof-exp-step\" style=\"--step-delay: 0.8s;\">\r\n                                <div class=\"waterproof-exp-step-number\">\r\n                                    <span class=\"waterproof-exp-number-text\">4<\/span>\r\n                                    <div class=\"waterproof-exp-number-ring\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-step-content\">\r\n                                    <div class=\"waterproof-exp-step-label\">Enfin<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Les cristaux emp\u00eachent l'eau de passer<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Column: Product Image -->\r\n                <div class=\"waterproof-exp-image-column\">\r\n                    <div class=\"waterproof-exp-product-showcase\">\r\n                        <div class=\"waterproof-exp-image-wrapper\">\r\n                            <div class=\"waterproof-exp-image-frame\">\r\n                                <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/CCCW-Super-AD-powder.jpg\" \r\n                                     alt=\"Poudre CCCW Super AD\" \r\n                                     class=\"waterproof-exp-product-image\">\r\n                                <div class=\"waterproof-exp-image-overlay\">\r\n                                    <div class=\"waterproof-exp-overlay-badge\">\r\n                                        <div class=\"waterproof-exp-badge-icon\">\u2713<\/div>\r\n                                        <div class=\"waterproof-exp-badge-text\">Qualit\u00e9 Premium<\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Floating Info Tags -->\r\n                            <div class=\"waterproof-exp-info-tag waterproof-exp-tag-top\" style=\"--tag-delay: 0.5s;\">\r\n                                <div class=\"waterproof-exp-tag-icon\">\r\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                                        <path d=\"M10 2L12.5 7.5L18 8L14 12.5L15 18L10 15L5 18L6 12.5L2 8L7.5 7.5L10 2Z\" fill=\"currentColor\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-tag-content\">\r\n                                    <div class=\"waterproof-exp-tag-label\">Formule Avanc\u00e9e<\/div>\r\n                                    <div class=\"waterproof-exp-tag-value\">Auto-r\u00e9parateur<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"waterproof-exp-info-tag waterproof-exp-tag-bottom\" style=\"--tag-delay: 0.7s;\">\r\n                                <div class=\"waterproof-exp-tag-icon\">\r\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\r\n                                        <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/>\r\n                                        <path d=\"M10 6V10L13 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                                    <\/svg>\r\n                                <\/div>\r\n                                <div class=\"waterproof-exp-tag-content\">\r\n                                    <div class=\"waterproof-exp-tag-label\">Protection<\/div>\r\n                                    <div class=\"waterproof-exp-tag-value\">Dur\u00e9e de vie<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Product Features -->\r\n                        <div class=\"waterproof-exp-features-list\">\r\n                            <div class=\"waterproof-exp-feature-item\" style=\"--feature-delay: 0.3s;\">\r\n                                <div class=\"waterproof-exp-feature-check\">\u2713<\/div>\r\n                                <span class=\"waterproof-exp-feature-text\">Activation Instantan\u00e9e<\/span>\r\n                            <\/div>\r\n                            <div class=\"waterproof-exp-feature-item\" style=\"--feature-delay: 0.5s;\">\r\n                                <div class=\"waterproof-exp-feature-check\">\u2713<\/div>\r\n                                <span class=\"waterproof-exp-feature-text\">Formation de Cristaux<\/span>\r\n                            <\/div>\r\n                            <div class=\"waterproof-exp-feature-item\" style=\"--feature-delay: 0.7s;\">\r\n                                <div class=\"waterproof-exp-feature-check\">\u2713<\/div>\r\n                                <span class=\"waterproof-exp-feature-text\">Blocage de l'eau<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .waterproof-explanation {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .waterproof-explanation *,\r\n    .waterproof-explanation *::before,\r\n    .waterproof-explanation *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .waterproof-explanation-section {\r\n        background: linear-gradient(135deg, #fefefe 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .waterproof-exp-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .waterproof-exp-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .waterproof-exp-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #06b6d4, #0891b2);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: exp-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   exp-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .waterproof-exp-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 25px;\r\n        height: 25px;\r\n        border: 2px solid rgba(6, 182, 212, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: exp-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes exp-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes exp-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.15); }\r\n    }\r\n\r\n    @keyframes exp-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .waterproof-exp-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .waterproof-exp-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: exp-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes exp-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .waterproof-exp-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header *\/\r\n    .waterproof-exp-header {\r\n        text-align: center;\r\n        margin-bottom: 2.5rem;\r\n        opacity: 0;\r\n        animation: exp-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes exp-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-exp-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-exp-title-highlight {\r\n        background: linear-gradient(135deg, #06b6d4, #0891b2, #0e7490);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        display: inline-block;\r\n    }\r\n\r\n    \/* Content Grid *\/\r\n    .waterproof-exp-content-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 3rem;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* Text Column *\/\r\n    .waterproof-exp-text-column {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5rem;\r\n        opacity: 0;\r\n        animation: exp-text-slide 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes exp-text-slide {\r\n        from { opacity: 0; transform: translateX(-30px); }\r\n        to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    \/* Intro Box *\/\r\n    .waterproof-exp-intro-box {\r\n        display: flex;\r\n        gap: 1.25rem;\r\n        padding: 1.5rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(6, 182, 212, 0.2);\r\n        border-radius: 18px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 6px 25px rgba(6, 182, 212, 0.08);\r\n    }\r\n\r\n    .waterproof-exp-intro-icon {\r\n        flex-shrink: 0;\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(8, 145, 178, 0.1));\r\n        border: 2px solid rgba(6, 182, 212, 0.3);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Lightbulb Animation *\/\r\n    .waterproof-exp-lightbulb {\r\n        position: relative;\r\n        width: 30px;\r\n        height: 35px;\r\n    }\r\n\r\n    .waterproof-exp-bulb-glow {\r\n        position: absolute;\r\n        top: -5px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 40px;\r\n        height: 40px;\r\n        background: radial-gradient(circle, rgba(251, 191, 36, 0.4), transparent 70%);\r\n        border-radius: 50%;\r\n        animation: exp-bulb-glow 2s ease-in-out infinite;\r\n    }\r\n\r\n    .waterproof-exp-bulb-body {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 20px;\r\n        height: 24px;\r\n        background: linear-gradient(180deg, #fbbf24, #f59e0b);\r\n        border-radius: 50% 50% 45% 45%;\r\n    }\r\n\r\n    .waterproof-exp-bulb-filament {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 12px;\r\n        height: 8px;\r\n        border: 2px solid #0891b2;\r\n        border-top: none;\r\n        border-radius: 0 0 4px 4px;\r\n    }\r\n\r\n    @keyframes exp-bulb-glow {\r\n        0%, 100% { opacity: 0.6; transform: translateX(-50%) scale(0.9); }\r\n        50% { opacity: 1; transform: translateX(-50%) scale(1.1); }\r\n    }\r\n\r\n    .waterproof-exp-intro-text {\r\n        flex: 1;\r\n    }\r\n\r\n    .waterproof-exp-intro-text p {\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-exp-intro-text strong {\r\n        color: #0891b2;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Quote Box *\/\r\n    .waterproof-exp-quote-box {\r\n        position: relative;\r\n        padding: 1.75rem 2rem 1.75rem 3.5rem;\r\n        background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(8, 145, 178, 0.05));\r\n        border-left: 4px solid #06b6d4;\r\n        border-radius: 0 18px 18px 0;\r\n        box-shadow: 0 6px 25px rgba(6, 182, 212, 0.1);\r\n    }\r\n\r\n    .waterproof-exp-quote-mark {\r\n        position: absolute;\r\n        top: 1rem;\r\n        left: 1rem;\r\n        font-size: 48px;\r\n        font-weight: 700;\r\n        color: rgba(6, 182, 212, 0.2);\r\n        line-height: 1;\r\n    }\r\n\r\n    .waterproof-exp-quote-text {\r\n        font-size: 18px;\r\n        line-height: 1.6;\r\n        color: #0f172a;\r\n        font-weight: 500;\r\n        font-style: italic;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-exp-quote-decoration {\r\n        position: absolute;\r\n        bottom: 0;\r\n        right: 0;\r\n        width: 80px;\r\n        height: 80px;\r\n        background: radial-gradient(circle at bottom right, rgba(6, 182, 212, 0.1), transparent 70%);\r\n        border-radius: 18px 0 18px 0;\r\n    }\r\n\r\n    \/* Process Section *\/\r\n    .waterproof-exp-process-section {\r\n        padding: 1.5rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(6, 182, 212, 0.2);\r\n        border-radius: 18px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 6px 25px rgba(6, 182, 212, 0.08);\r\n    }\r\n\r\n    .waterproof-exp-process-title {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 1.5rem 0;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .waterproof-exp-process-icon {\r\n        font-size: 24px;\r\n        color: #06b6d4;\r\n    }\r\n\r\n    \/* Steps *\/\r\n    .waterproof-exp-steps {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .waterproof-exp-step {\r\n        display: flex;\r\n        gap: 1rem;\r\n        position: relative;\r\n        opacity: 0;\r\n        animation: exp-step-appear 0.6s ease-out var(--step-delay) forwards;\r\n    }\r\n\r\n    @keyframes exp-step-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-exp-step-number {\r\n        position: relative;\r\n        flex-shrink: 0;\r\n        width: 45px;\r\n        height: 45px;\r\n        background: linear-gradient(135deg, #06b6d4, #0891b2);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 4px 15px rgba(6, 182, 212, 0.3);\r\n    }\r\n\r\n    .waterproof-exp-number-text {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: white;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .waterproof-exp-number-ring {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 2px solid #06b6d4;\r\n        border-radius: 12px;\r\n        animation: exp-ring-pulse 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes exp-ring-pulse {\r\n        0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }\r\n        100% { transform: translate(-50%, -50%) scale(1.3); opacity: 0; }\r\n    }\r\n\r\n    .waterproof-exp-step-content {\r\n        flex: 1;\r\n        padding-top: 0.25rem;\r\n    }\r\n\r\n    .waterproof-exp-step-label {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #06b6d4;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .waterproof-exp-step-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    .waterproof-exp-step-connector {\r\n        position: absolute;\r\n        left: 22px;\r\n        top: 50px;\r\n        width: 2px;\r\n        height: calc(100% + 1rem);\r\n        background: linear-gradient(180deg, rgba(6, 182, 212, 0.3), transparent);\r\n    }\r\n\r\n    .waterproof-exp-step:last-child .waterproof-exp-step-connector {\r\n        display: none;\r\n    }\r\n\r\n    \/* Image Column *\/\r\n    .waterproof-exp-image-column {\r\n        opacity: 0;\r\n        animation: exp-image-slide 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    @keyframes exp-image-slide {\r\n        from { opacity: 0; transform: translateX(30px); }\r\n        to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    .waterproof-exp-product-showcase {\r\n        position: sticky;\r\n        top: 2rem;\r\n    }\r\n\r\n    .waterproof-exp-image-wrapper {\r\n        position: relative;\r\n        margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .waterproof-exp-image-frame {\r\n        position: relative;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(6, 182, 212, 0.2);\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 10px 40px rgba(6, 182, 212, 0.15);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .waterproof-exp-image-frame:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 50px rgba(6, 182, 212, 0.2);\r\n    }\r\n\r\n    .waterproof-exp-product-image {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .waterproof-exp-image-frame:hover .waterproof-exp-product-image {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .waterproof-exp-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(180deg, transparent 60%, rgba(15, 23, 42, 0.8));\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .waterproof-exp-image-frame:hover .waterproof-exp-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .waterproof-exp-overlay-badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 0.5rem 1rem;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border-radius: 10px;\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .waterproof-exp-badge-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: white;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .waterproof-exp-badge-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    \/* Info Tags *\/\r\n    .waterproof-exp-info-tag {\r\n        position: absolute;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 0.75rem 1rem;\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border: 1px solid rgba(6, 182, 212, 0.3);\r\n        border-radius: 12px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 6px 20px rgba(6, 182, 212, 0.15);\r\n        opacity: 0;\r\n        animation: exp-tag-appear 0.6s ease-out var(--tag-delay) forwards;\r\n    }\r\n\r\n    @keyframes exp-tag-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-exp-tag-top {\r\n        top: 1rem;\r\n        right: 1rem;\r\n    }\r\n\r\n    .waterproof-exp-tag-bottom {\r\n        bottom: 1rem;\r\n        left: 1rem;\r\n    }\r\n\r\n    .waterproof-exp-tag-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(8, 145, 178, 0.1));\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: #06b6d4;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .waterproof-exp-tag-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.125rem;\r\n    }\r\n\r\n    .waterproof-exp-tag-label {\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .waterproof-exp-tag-value {\r\n        font-size: 15px;\r\n        color: #0f172a;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Features List *\/\r\n    .waterproof-exp-features-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .waterproof-exp-feature-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 0.75rem 1rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(6, 182, 212, 0.2);\r\n        border-radius: 12px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(6, 182, 212, 0.08);\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        animation: exp-feature-appear 0.6s ease-out var(--feature-delay) forwards;\r\n    }\r\n\r\n    @keyframes exp-feature-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .waterproof-exp-feature-item:hover {\r\n        transform: translateX(5px);\r\n        border-color: rgba(6, 182, 212, 0.4);\r\n        box-shadow: 0 6px 20px rgba(6, 182, 212, 0.15);\r\n    }\r\n\r\n    .waterproof-exp-feature-check {\r\n        width: 24px;\r\n        height: 24px;\r\n        background: linear-gradient(135deg, #10b981, #059669);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: white;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .waterproof-exp-feature-text {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .waterproof-exp-content-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .waterproof-exp-product-showcase {\r\n            position: relative;\r\n            top: 0;\r\n        }\r\n\r\n        .waterproof-exp-main-title {\r\n            font-size: 36px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .waterproof-explanation-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .waterproof-exp-main-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .waterproof-exp-header {\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .waterproof-exp-intro-box {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .waterproof-exp-intro-icon {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .waterproof-exp-quote-box {\r\n            padding: 1.5rem 1.5rem 1.5rem 2.5rem;\r\n        }\r\n\r\n        .waterproof-exp-process-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .waterproof-exp-info-tag {\r\n            position: static;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .waterproof-explanation-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .waterproof-exp-main-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .waterproof-exp-step {\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .waterproof-exp-step-number {\r\n            width: 40px;\r\n            height: 40px;\r\n        }\r\n\r\n        .waterproof-exp-number-text {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .waterproof-exp-quote-text {\r\n            font-size: 16px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13f5cb9 e-con-full e-flex e-con e-parent\" data-id=\"13f5cb9\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e0d5f8 elementor-widget elementor-widget-html\" data-id=\"0e0d5f8\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-benefits\">\r\n    <section class=\"cccw-benefits-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-bg-effects\">\r\n            <div class=\"cccw-crystal-grid\">\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 10%; --y: 22%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 30%; --y: 38%; --delay: 0.8s;\"><\/div>\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 50%; --y: 15%; --delay: 1.6s;\"><\/div>\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 70%; --y: 45%; --delay: 2.4s;\"><\/div>\r\n                <div class=\"cccw-crystal-point\" style=\"--x: 85%; --y: 28%; --delay: 3.2s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-particles\">\r\n                <div class=\"cccw-particle\" style=\"--x: 18%; --y: 28%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-particle\" style=\"--x: 68%; --y: 38%; --size: 8px; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-particle\" style=\"--x: 45%; --y: 65%; --size: 12px; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-header\">\r\n                <div class=\"cccw-header-badge\">\r\n                    <div class=\"cccw-badge-dot\"><\/div>\r\n                    <span class=\"cccw-badge-text\">CHOIX PREMIUM<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-main-title\">\r\n                    Pourquoi Choisir <span class=\"cccw-title-highlight\">CCCW-Super AD<\/span><br>\r\n                    Admixture hydrofuge cristalline \u00e0 capillaires ?\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-intro-text\">\r\n                    CCCW-Super AD est un adjuvant d'\u00e9tanch\u00e9it\u00e9 capillaire cristallin de haute qualit\u00e9. De plus, il offre de nombreux avantages qui le rendent sup\u00e9rieur aux m\u00e9thodes d'\u00e9tanch\u00e9it\u00e9 classiques. En outre, ce produit a \u00e9t\u00e9 test\u00e9 et prouv\u00e9 efficace dans des conditions difficiles.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Benefits Title -->\r\n            <div class=\"cccw-benefits-header\">\r\n                <div class=\"cccw-benefits-line\"><\/div>\r\n                <h3 class=\"cccw-benefits-title\">\r\n                    Avantages Incroyables de l'Adjuvant d'\u00c9tanch\u00e9it\u00e9 Capillaire Cristallin\r\n                <\/h3>\r\n                <div class=\"cccw-benefits-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Benefits Grid -->\r\n            <div class=\"cccw-benefits-grid\">\r\n                <!-- Benefit 1: Reduces cracks -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.1s;\">\r\n                    <div class=\"cccw-card-number\">01<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">60%<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">R\u00e9duit les fissures de 60%<\/h4>\r\n                        <p class=\"cccw-card-description\">Moins de fissures signifie un b\u00e9ton plus solide<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 2: Self-healing -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.2s;\">\r\n                    <div class=\"cccw-card-number\">02<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">Auto<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">Pouvoir d'auto-r\u00e9g\u00e9n\u00e9ration<\/h4>\r\n                        <p class=\"cccw-card-description\">R\u00e9pare automatiquement les petites fissures lorsque l'eau les touche<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 3: Permanent protection -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.3s;\">\r\n                    <div class=\"cccw-card-number\">03<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">\u221e<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">Protection permanente<\/h4>\r\n                        <p class=\"cccw-card-description\">Fonctionne pendant toute la dur\u00e9e de vie de votre b\u00e9ton<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 4: High pressure -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.4s;\">\r\n                    <div class=\"cccw-card-number\">04<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">12 bar<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">Supporte la haute pression<\/h4>\r\n                        <p class=\"cccw-card-description\">Peut r\u00e9sister \u00e0 une pression d'eau jusqu'\u00e0 12 bars<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 5: Chemical resistance -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.5s;\">\r\n                    <div class=\"cccw-card-number\">05<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">100%<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">R\u00e9sistance chimique<\/h4>\r\n                        <p class=\"cccw-card-description\">Prot\u00e8ge contre les dommages caus\u00e9s par le sel et l'acide<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 6: Safe for drinking water -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.6s;\">\r\n                    <div class=\"cccw-card-number\">06<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">S\u00fbr<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">Sans danger pour l'eau potable<\/h4>\r\n                        <p class=\"cccw-card-description\">Ne nuit pas aux personnes ou aux animaux<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 7: Saves water -->\r\n                <div class=\"cccw-benefit-card\" style=\"--card-delay: 0.7s;\">\r\n                    <div class=\"cccw-card-number\">07<\/div>\r\n                    <div class=\"cccw-card-badge\">\r\n                        <span class=\"cccw-badge-value\">-5%<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">\u00c9conomise l'eau<\/h4>\r\n                        <p class=\"cccw-card-description\">R\u00e9duit les besoins en eau d'environ 5%<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-glow\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Stats Banner -->\r\n            <div class=\"cccw-stats-banner\">\r\n                <div class=\"cccw-stat-item\">\r\n                    <div class=\"cccw-stat-number\">01<\/div>\r\n                    <div class=\"cccw-stat-content\">\r\n                        <div class=\"cccw-stat-value\">Qualit\u00e9 sup\u00e9rieure<\/div>\r\n                        <div class=\"cccw-stat-label\">Performance \u00e9prouv\u00e9e<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-stat-divider\"><\/div>\r\n\r\n                <div class=\"cccw-stat-item\">\r\n                    <div class=\"cccw-stat-number\">02<\/div>\r\n                    <div class=\"cccw-stat-content\">\r\n                        <div class=\"cccw-stat-value\">Test\u00e9 &amp; Approuv\u00e9<\/div>\r\n                        <div class=\"cccw-stat-label\">Conditions difficiles<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-stat-divider\"><\/div>\r\n\r\n                <div class=\"cccw-stat-item\">\r\n                    <div class=\"cccw-stat-number\">03<\/div>\r\n                    <div class=\"cccw-stat-content\">\r\n                        <div class=\"cccw-stat-value\">Meilleur choix<\/div>\r\n                        <div class=\"cccw-stat-label\">Que les m\u00e9thodes classiques<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-benefits {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-benefits *,\r\n    .cccw-benefits *::before,\r\n    .cccw-benefits *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-benefits-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: cccw-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   cccw-crystal-spin 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: cccw-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes cccw-crystal-spin {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes cccw-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: cccw-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-header {\r\n        text-align: center;\r\n        margin-bottom: 2.5rem;\r\n        opacity: 0;\r\n        animation: cccw-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes cccw-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-header-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 8px 20px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 1rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: cccw-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes cccw-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 1rem;\r\n    }\r\n\r\n    .cccw-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-intro-text {\r\n        font-size: 18px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Benefits Header *\/\r\n    .cccw-benefits-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: cccw-benefits-header-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes cccw-benefits-header-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-benefits-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .cccw-benefits-title {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Benefits Grid *\/\r\n    .cccw-benefits-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 1.25rem;\r\n        margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .cccw-benefit-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        padding: 1.5rem;\r\n        position: relative;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cccw-card-appear 0.6s ease-out var(--card-delay) forwards;\r\n    }\r\n\r\n    @keyframes cccw-card-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-benefit-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 16px 40px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-card-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at top right, rgba(14, 165, 233, 0.1), transparent 60%);\r\n        border-radius: 20px;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-benefit-card:hover .cccw-card-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-card-number {\r\n        position: absolute;\r\n        top: 1.5rem;\r\n        left: 1.5rem;\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        color: rgba(14, 165, 233, 0.08);\r\n        line-height: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-card-badge {\r\n        position: absolute;\r\n        top: 1.5rem;\r\n        right: 1.5rem;\r\n        padding: 0.5rem 1rem;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 12px;\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-badge-value {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: white;\r\n    }\r\n\r\n    .cccw-card-body {\r\n        padding-top: 2.5rem;\r\n    }\r\n\r\n    .cccw-card-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.75rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-card-description {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Stats Banner *\/\r\n    .cccw-stats-banner {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto 1fr auto 1fr;\r\n        gap: 2rem;\r\n        padding: 2rem;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.1);\r\n        opacity: 0;\r\n        animation: cccw-stats-appear 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes cccw-stats-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-stat-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.25rem;\r\n    }\r\n\r\n    .cccw-stat-number {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-stat-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-stat-value {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        line-height: 1.2;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .cccw-stat-label {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .cccw-stat-divider {\r\n        width: 1px;\r\n        background: linear-gradient(180deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .cccw-benefits-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        }\r\n\r\n        .cccw-stats-banner {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .cccw-stat-divider {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-benefits-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-intro-text {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .cccw-benefits-header {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .cccw-benefits-line {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-benefits-title {\r\n            font-size: 24px;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-benefits-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-benefits-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-benefit-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-card-number {\r\n            font-size: 36px;\r\n            top: 1.25rem;\r\n            left: 1.25rem;\r\n        }\r\n\r\n        .cccw-card-badge {\r\n            top: 1.25rem;\r\n            right: 1.25rem;\r\n            padding: 0.375rem 0.75rem;\r\n        }\r\n\r\n        .cccw-badge-value {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cccw-card-title {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .cccw-stat-item {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3b3854 e-con-full e-flex e-con e-parent\" data-id=\"a3b3854\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a742647 elementor-widget elementor-widget-html\" data-id=\"a742647\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-specifications\">\r\n    <section class=\"cccw-specifications-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-spec-bg-effects\">\r\n            <div class=\"cccw-spec-crystal-grid\">\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 15%; --y: 25%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 35%; --y: 40%; --delay: 0.9s;\"><\/div>\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 55%; --y: 20%; --delay: 1.8s;\"><\/div>\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 75%; --y: 50%; --delay: 2.7s;\"><\/div>\r\n                <div class=\"cccw-spec-crystal-point\" style=\"--x: 90%; --y: 30%; --delay: 3.6s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating elements -->\r\n            <div class=\"cccw-spec-particles\">\r\n                <div class=\"cccw-spec-particle\" style=\"--x: 20%; --y: 35%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-spec-particle\" style=\"--x: 70%; --y: 45%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-spec-particle\" style=\"--x: 50%; --y: 70%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-spec-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-spec-header\">\r\n                <div class=\"cccw-spec-badge\">\r\n                    <div class=\"cccw-spec-badge-dot\"><\/div>\r\n                    <span class=\"cccw-spec-badge-text\">DONN\u00c9ES TECHNIQUES<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-spec-main-title\">\r\n                    Sp\u00e9cifications techniques de <span class=\"cccw-spec-title-highlight\">CCCW-Super AD<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-spec-intro-text\">\r\n                    Comprendre les d\u00e9tails techniques vous aide \u00e0 utiliser correctement l'adjuvant d'\u00e9tanch\u00e9it\u00e9 capillaire cristallin. De plus, ces sp\u00e9cifications garantissent que vous obtenez les meilleurs r\u00e9sultats pour votre projet en b\u00e9ton.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Main Content Grid: Image + Table -->\r\n            <div class=\"cccw-spec-main-grid\">\r\n                <!-- Left: Product Image Card -->\r\n                <div class=\"cccw-spec-image-card\">\r\n                    <div class=\"cccw-spec-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/NOVASTAR-Super-AD-Crystalline-Capillary-Waterproofing-Admixture.jpg\" alt=\"Produit CCCW-Super AD NOVASTAR\" class=\"cccw-spec-product-image\" \/>\r\n                        <div class=\"cccw-spec-image-overlay\">\r\n                            <div class=\"cccw-spec-overlay-badge\">\r\n                                <span class=\"cccw-overlay-text\">Qualit\u00e9 Premium<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Download Button -->\r\n                    <div class=\"cccw-spec-download-section\">\r\n                        <div class=\"cccw-download-info\">\r\n                            <div class=\"cccw-download-icon\">\r\n                                <svg viewbox=\"0 0 24 24\" class=\"cccw-doc-icon\">\r\n                                    <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n                                    <polyline points=\"14 2 14 8 20 8\"\/>\r\n                                    <line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"12\"\/>\r\n                                    <line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"cccw-download-text\">\r\n                                <h4 class=\"cccw-download-title\">Fiche technique<\/h4>\r\n                                <p class=\"cccw-download-desc\">Sp\u00e9cifications et directives compl\u00e8tes<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/TDS-LANDU-CCCW-SuperAD.pdf\" download class=\"cccw-download-button\">\r\n                            <svg viewbox=\"0 0 24 24\" class=\"cccw-download-arrow\">\r\n                                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\r\n                                <polyline points=\"7 10 12 15 17 10\"\/>\r\n                                <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\r\n                            <\/svg>\r\n                            <span>T\u00e9l\u00e9charger PDF<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Quick Stats -->\r\n                    <div class=\"cccw-spec-quick-stats\">\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">1 kg\/m\u00b3<\/div>\r\n                            <div class=\"cccw-stat-label\">Dosage<\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">\u22640,5 mm<\/div>\r\n                            <div class=\"cccw-stat-label\">Auto-r\u00e9parateur<\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">20 bar<\/div>\r\n                            <div class=\"cccw-stat-label\">Pression<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right: Specifications Table -->\r\n                <div class=\"cccw-spec-table-wrapper\">\r\n                    <div class=\"cccw-spec-table\">\r\n                        <!-- Table Header -->\r\n                        <div class=\"cccw-spec-table-header\">\r\n                            <div class=\"cccw-spec-header-cell\">Propri\u00e9t\u00e9<\/div>\r\n                            <div class=\"cccw-spec-header-cell\">Sp\u00e9cifications<\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Table Body -->\r\n                        <div class=\"cccw-spec-table-body\">\r\n                            <!-- Row 1: Color -->\r\n                            <div class=\"cccw-spec-table-row\" style=\"--row-delay: 0.2s;\">\r\n                                <div class=\"cccw-spec-row-number\">01<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: #ffffff; border: 2px solid #cbd5e1;\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">Couleur<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">Poudre blanche<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Facile \u00e0 identifier<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 2: Form -->\r\n                            <div class=\"cccw-spec-table-row\" style=\"--row-delay: 0.3s;\">\r\n                                <div class=\"cccw-spec-row-number\">02<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #0ea5e9, #06b6d4);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">Forme<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">Poudre fine<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Se m\u00e9lange facilement<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 3: Dosage -->\r\n                            <div class=\"cccw-spec-table-row cccw-spec-row-highlight\" style=\"--row-delay: 0.4s;\">\r\n                                <div class=\"cccw-spec-row-number\">03<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #f59e0b, #d97706);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">Dosage<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">1 kg par m\u00b3<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">\u00c9conomique<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 4: Crack Healing -->\r\n                            <div class=\"cccw-spec-table-row cccw-spec-row-highlight\" style=\"--row-delay: 0.5s;\">\r\n                                <div class=\"cccw-spec-row-number\">04<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #10b981, #059669);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">R\u00e9paration des fissures<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">Jusqu'\u00e0 0,5 mm<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Auto-\u00e9tanche<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 5: Water Pressure -->\r\n                            <div class=\"cccw-spec-table-row cccw-spec-row-highlight\" style=\"--row-delay: 0.6s;\">\r\n                                <div class=\"cccw-spec-row-number\">05<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #0ea5e9, #0284c7);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">Pression de l'eau<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">Jusqu'\u00e0 20 bar<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Haute r\u00e9sistance<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Row 6: Application -->\r\n                            <div class=\"cccw-spec-table-row\" style=\"--row-delay: 0.7s;\">\r\n                                <div class=\"cccw-spec-row-number\">06<\/div>\r\n                                <div class=\"cccw-spec-cell-group\">\r\n                                    <div class=\"cccw-spec-property\">\r\n                                        <div class=\"cccw-spec-property-icon\">\r\n                                            <div class=\"cccw-property-dot\" style=\"background: linear-gradient(135deg, #8b5cf6, #7c3aed);\"><\/div>\r\n                                        <\/div>\r\n                                        <span class=\"cccw-spec-property-label\">Application<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">M\u00e9lange direct<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Pas d'outils sp\u00e9ciaux<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Info Cards -->\r\n            <div class=\"cccw-spec-info-grid\">\r\n                <div class=\"cccw-spec-info-card\" style=\"--info-delay: 0.3s;\">\r\n                    <div class=\"cccw-info-icon-wrapper\">\r\n                        <svg viewbox=\"0 0 24 24\" class=\"cccw-info-icon\">\r\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n                            <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"cccw-info-content\">\r\n                        <h4 class=\"cccw-info-title\">Application facile<\/h4>\r\n                        <p class=\"cccw-info-text\">Forme en poudre simple se m\u00e9lange directement avec le b\u00e9ton lors du batching<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-spec-info-card\" style=\"--info-delay: 0.5s;\">\r\n                    <div class=\"cccw-info-icon-wrapper\">\r\n                        <svg viewbox=\"0 0 24 24\" class=\"cccw-info-icon\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                            <path d=\"M12 6v6l4 2\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"cccw-info-content\">\r\n                        <h4 class=\"cccw-info-title\">Longue dur\u00e9e<\/h4>\r\n                        <p class=\"cccw-info-text\">Protection permanente qui dure toute la vie du b\u00e9ton<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-spec-info-card\" style=\"--info-delay: 0.7s;\">\r\n                    <div class=\"cccw-info-icon-wrapper\">\r\n                        <svg viewbox=\"0 0 24 24\" class=\"cccw-info-icon\">\r\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n                            <polyline points=\"12 22 12 12\"\/>\r\n                            <path d=\"M12 12L2 7\"\/>\r\n                            <path d=\"M12 12l10-5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"cccw-info-content\">\r\n                        <h4 class=\"cccw-info-title\">Haute performance<\/h4>\r\n                        <p class=\"cccw-info-text\">R\u00e9siste \u00e0 une pression d'eau extr\u00eame jusqu'\u00e0 20 bar<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-specifications {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-specifications *,\r\n    .cccw-specifications *::before,\r\n    .cccw-specifications *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-specifications-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 25%, #e0f2fe 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-spec-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-spec-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-spec-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: cccw-spec-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   cccw-spec-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-spec-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: cccw-spec-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-spec-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes cccw-spec-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes cccw-spec-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-spec-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-spec-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: cccw-spec-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-spec-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-spec-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-spec-header {\r\n        text-align: center;\r\n        margin-bottom: 2.5rem;\r\n        opacity: 0;\r\n        animation: cccw-spec-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes cccw-spec-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-spec-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-spec-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: cccw-spec-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes cccw-spec-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-spec-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-spec-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-spec-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-spec-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Main Grid: Image + Table *\/\r\n    .cccw-spec-main-grid {\r\n        display: grid;\r\n        grid-template-columns: 400px 1fr;\r\n        gap: 2rem;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: cccw-spec-grid-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes cccw-spec-grid-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    \/* Product Image Card *\/\r\n    .cccw-spec-image-card {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.25rem;\r\n    }\r\n\r\n    .cccw-spec-image-wrapper {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.1);\r\n        position: relative;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .cccw-spec-image-wrapper:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 12px 40px rgba(14, 165, 233, 0.15);\r\n    }\r\n\r\n    .cccw-spec-product-image {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n    }\r\n\r\n    .cccw-spec-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.3));\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 1.25rem;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .cccw-spec-image-wrapper:hover .cccw-spec-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-spec-overlay-badge {\r\n        background: rgba(255, 255, 255, 0.95);\r\n        padding: 0.5rem 1rem;\r\n        border-radius: 8px;\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .cccw-overlay-text {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Download Section *\/\r\n    .cccw-spec-download-section {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1.25rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-download-info {\r\n        display: flex;\r\n        gap: 1rem;\r\n        align-items: center;\r\n    }\r\n\r\n    .cccw-download-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-doc-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #0ea5e9;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    .cccw-download-text {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-download-title {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.25rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-download-desc {\r\n        font-size: 12px;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    .cccw-download-button {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 0.625rem;\r\n        padding: 0.875rem 1.5rem;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        border: none;\r\n        border-radius: 10px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-download-button:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-download-arrow {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke: currentColor;\r\n        stroke-width: 2.5;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    \/* Quick Stats *\/\r\n    .cccw-spec-quick-stats {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-quick-stat-item {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 12px;\r\n        padding: 0.875rem;\r\n        text-align: center;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.06);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-quick-stat-item:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.12);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-stat-value {\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        color: #0ea5e9;\r\n        margin-bottom: 0.25rem;\r\n        line-height: 1;\r\n    }\r\n\r\n    .cccw-stat-label {\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n        color: #64748b;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Table Wrapper *\/\r\n    .cccw-spec-table-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .cccw-spec-table {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n    }\r\n\r\n    \/* Table Header *\/\r\n    .cccw-spec-table-header {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 1.5rem;\r\n        padding: 1rem 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-bottom: 2px solid rgba(14, 165, 233, 0.2);\r\n    }\r\n\r\n    .cccw-spec-header-cell {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.8px;\r\n    }\r\n\r\n    \/* Table Body *\/\r\n    .cccw-spec-table-body {\r\n        padding: 0.75rem;\r\n    }\r\n\r\n    .cccw-spec-table-row {\r\n        padding: 1rem 1.25rem;\r\n        margin-bottom: 0.625rem;\r\n        background: rgba(255, 255, 255, 0.5);\r\n        border: 1px solid rgba(14, 165, 233, 0.1);\r\n        border-radius: 14px;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cccw-spec-row-appear 0.6s ease-out var(--row-delay) forwards;\r\n    }\r\n\r\n    @keyframes cccw-spec-row-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-spec-table-row:hover {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border-color: rgba(14, 165, 233, 0.3);\r\n        transform: translateX(5px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-spec-row-highlight {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(6, 182, 212, 0.02));\r\n        border-color: rgba(14, 165, 233, 0.2);\r\n    }\r\n\r\n    .cccw-spec-row-number {\r\n        position: absolute;\r\n        top: 0.75rem;\r\n        right: 0.75rem;\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        color: rgba(14, 165, 233, 0.08);\r\n        line-height: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-spec-cell-group {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 1.5rem;\r\n        align-items: center;\r\n    }\r\n\r\n    .cccw-spec-property {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-spec-property-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-property-dot {\r\n        width: 16px;\r\n        height: 16px;\r\n        border-radius: 50%;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .cccw-spec-property-label {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    .cccw-spec-value {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.25rem;\r\n    }\r\n\r\n    .cccw-spec-value-text {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n    }\r\n\r\n    .cccw-value-highlight {\r\n        color: #0ea5e9;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .cccw-spec-value-note {\r\n        font-size: 11px;\r\n        color: #64748b;\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Info Grid *\/\r\n    .cccw-spec-info-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-spec-info-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1.5rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cccw-spec-info-appear 0.6s ease-out var(--info-delay) forwards;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    @keyframes cccw-spec-info-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-spec-info-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-info-icon-wrapper {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-info-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: #0ea5e9;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n    }\r\n\r\n    .cccw-info-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.375rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-info-text {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .cccw-spec-main-grid {\r\n            grid-template-columns: 350px 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .cccw-spec-main-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-spec-image-card {\r\n            max-width: 500px;\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-specifications-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-spec-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-spec-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-spec-cell-group {\r\n            grid-template-columns: 1fr;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .cccw-spec-table-header {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-spec-info-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-spec-quick-stats {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-specifications-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-spec-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-spec-table-row {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-spec-row-number {\r\n            font-size: 20px;\r\n            top: 0.625rem;\r\n            right: 0.625rem;\r\n        }\r\n\r\n        .cccw-spec-download-section {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-download-button {\r\n            padding: 0.75rem 1.25rem;\r\n            font-size: 13px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-140a9be e-con-full e-flex e-con e-parent\" data-id=\"140a9be\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64bc5dc elementor-widget elementor-widget-html\" data-id=\"64bc5dc\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-applications\">\r\n    <section class=\"cccw-applications-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-app-bg-effects\">\r\n            <div class=\"cccw-app-crystal-grid\">\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 12%; --y: 20%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 32%; --y: 35%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 52%; --y: 18%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 72%; --y: 42%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-app-crystal-point\" style=\"--x: 88%; --y: 28%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-app-particles\">\r\n                <div class=\"cccw-app-particle\" style=\"--x: 22%; --y: 32%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-app-particle\" style=\"--x: 68%; --y: 48%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-app-particle\" style=\"--x: 48%; --y: 68%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-app-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-app-header\">\r\n                <div class=\"cccw-app-badge\">\r\n                    <div class=\"cccw-app-badge-dot\"><\/div>\r\n                    <span class=\"cccw-app-badge-text\">APPLICATIONS<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-app-main-title\">\r\n                    O\u00f9 pouvez-vous l'utiliser <span class=\"cccw-app-title-highlight\">Admixture hydrofuge cristalline \u00e0 capillaires ?<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-app-intro-text\">\r\n                    L'adjuvant d'\u00e9tanch\u00e9it\u00e9 capillaire cristallin fonctionne parfaitement dans de nombreux projets diff\u00e9rents. De plus, il est id\u00e9al pour la construction neuve ainsi que pour les travaux de r\u00e9paration. En outre, vous pouvez l'utiliser partout o\u00f9 vous avez besoin d'un b\u00e9ton solide et \u00e9tanche \u00e0 l'eau.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Applications Title -->\r\n            <div class=\"cccw-app-subtitle\">\r\n                <div class=\"cccw-app-subtitle-line\"><\/div>\r\n                <h3 class=\"cccw-app-subtitle-text\">Applications populaires incluent :<\/h3>\r\n                <div class=\"cccw-app-subtitle-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Applications Grid -->\r\n            <div class=\"cccw-app-grid\">\r\n                <!-- Application 1: Building foundations -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.1s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/11\/construction-manager-controlling-building-site-with-plan.jpg\" \r\n                             alt=\"Fondations de b\u00e2timents\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">01<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">Fondations de b\u00e2timents<\/h4>\r\n                        <p class=\"cccw-app-description\">Maintient les sous-sols secs et s\u00fbrs<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 2: Swimming pools -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.2s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/swimming-pool.jpg\" \r\n                             alt=\"Piscines\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">02<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">Piscines<\/h4>\r\n                        <p class=\"cccw-app-description\">Pr\u00e9vient les fuites et la perte d'eau<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 3: Water tanks -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.3s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/a-black-petro-chemical-tank-with-a-ladder-up-the-s-2025-10-16-11-46-30-utc-scaled.jpg\" \r\n                             alt=\"R\u00e9servoirs d&#039;eau\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">03<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">R\u00e9servoirs d'eau<\/h4>\r\n                        <p class=\"cccw-app-description\">Assure un stockage d'eau propre et s\u00fbr<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 4: Tunnels -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.4s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2024\/10\/construction-of-the-underground-tunnel.jpg\" \r\n                             alt=\"Tunnels\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">04<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">Tunnels<\/h4>\r\n                        <p class=\"cccw-app-description\">Prot\u00e8ge contre l'infiltration d'eau souterraine<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 5: Parking garages -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.5s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/underground-parking-2024-10-14-22-22-34-utc-scaled.jpg\" \r\n                             alt=\"Parkings souterrains\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">05<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">Parkings souterrains<\/h4>\r\n                        <p class=\"cccw-app-description\">Pr\u00e9vient les dommages caus\u00e9s par l'eau aux voitures et aux intemp\u00e9ries<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 6: Marine structures -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.6s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/vessels-in-marina-from-above-2025-03-23-22-17-08-utc-scaled.jpg\" \r\n                             alt=\"Structures marines\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">06<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">Structures marines<\/h4>\r\n                        <p class=\"cccw-app-description\">R\u00e9siste aux dommages caus\u00e9s par l'eau sal\u00e9e<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Application 7: Elevator pits -->\r\n                <div class=\"cccw-app-card\" style=\"--card-delay: 0.7s;\">\r\n                    <div class=\"cccw-app-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/interior-of-modern-natural-oil-factory-the-piping-2025-10-16-10-32-51-utc-scaled.jpg\" \r\n                             alt=\"Fosses d&#039;ascenseur\" \r\n                             class=\"cccw-app-image\">\r\n                        <div class=\"cccw-app-overlay\">\r\n                            <div class=\"cccw-app-number\">07<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-app-content\">\r\n                        <h4 class=\"cccw-app-title\">Fosses d'ascenseur<\/h4>\r\n                        <p class=\"cccw-app-description\">Maintient les zones m\u00e9caniques au sec<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Summary -->\r\n            <div class=\"cccw-app-summary\">\r\n                <div class=\"cccw-summary-content\">\r\n                    <div class=\"cccw-summary-icon\">\r\n                        <div class=\"cccw-summary-checkmark\">\u2713<\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-summary-text\">\r\n                        <h4 class=\"cccw-summary-title\">Solution polyvalente pour tous les projets en b\u00e9ton<\/h4>\r\n                        <p class=\"cccw-summary-description\">Du sous-sol r\u00e9sidentiel aux infrastructures \u00e0 grande \u00e9chelle, CCCW-Super AD offre une protection \u00e9tanche fiable pour toute application<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-applications {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-applications *,\r\n    .cccw-applications *::before,\r\n    .cccw-applications *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-applications-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-app-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-app-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-app-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: app-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   app-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-app-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: app-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes app-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes app-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes app-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-app-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-app-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: app-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes app-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-app-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-app-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: app-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes app-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-app-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-app-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: app-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes app-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-app-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-app-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-app-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-app-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Subtitle *\/\r\n    .cccw-app-subtitle {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: app-subtitle-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes app-subtitle-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-app-subtitle-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .cccw-app-subtitle-text {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Applications Grid *\/\r\n    .cccw-app-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 1.25rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .cccw-app-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: app-card-appear 0.6s ease-out var(--card-delay) forwards;\r\n    }\r\n\r\n    @keyframes app-card-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-app-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 12px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-app-image-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 200px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cccw-app-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .cccw-app-card:hover .cccw-app-image {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .cccw-app-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.8), rgba(6, 182, 212, 0.6));\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-app-card:hover .cccw-app-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-app-number {\r\n        font-size: 64px;\r\n        font-weight: 800;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        line-height: 1;\r\n    }\r\n\r\n    .cccw-app-content {\r\n        padding: 1.25rem;\r\n    }\r\n\r\n    .cccw-app-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.5rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-app-description {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Summary Section *\/\r\n    .cccw-app-summary {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        padding: 2rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        opacity: 0;\r\n        animation: app-summary-appear 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes app-summary-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-summary-content {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .cccw-summary-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-summary-checkmark {\r\n        font-size: 32px;\r\n        color: white;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .cccw-summary-text {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-summary-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.5rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-summary-description {\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .cccw-app-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-applications-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-app-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-app-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-app-subtitle {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .cccw-app-subtitle-line {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-app-subtitle-text {\r\n            font-size: 22px;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-app-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-summary-content {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-applications-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-app-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-app-image-wrapper {\r\n            height: 180px;\r\n        }\r\n\r\n        .cccw-app-content {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-app-title {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .cccw-app-summary {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-summary-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n\r\n        .cccw-summary-checkmark {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .cccw-summary-title {\r\n            font-size: 18px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7110ac e-con-full e-flex e-con e-parent\" data-id=\"c7110ac\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68a338f elementor-widget elementor-widget-html\" data-id=\"68a338f\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-application-method\">\r\n    <section class=\"cccw-method-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-method-bg-effects\">\r\n            <div class=\"cccw-method-crystal-grid\">\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 14%; --y: 22%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 34%; --y: 38%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 54%; --y: 16%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 74%; --y: 44%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-method-crystal-point\" style=\"--x: 90%; --y: 26%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-method-particles\">\r\n                <div class=\"cccw-method-particle\" style=\"--x: 24%; --y: 34%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-method-particle\" style=\"--x: 70%; --y: 50%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-method-particle\" style=\"--x: 50%; --y: 70%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-method-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-method-header\">\r\n                <div class=\"cccw-method-badge\">\r\n                    <div class=\"cccw-method-badge-dot\"><\/div>\r\n                    <span class=\"cccw-method-badge-text\">GUIDE D'APPLICATION<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-method-main-title\">\r\n                    Comment appliquer Super-AD <span class=\"cccw-method-title-highlight\">Additif d'imperm\u00e9abilisation capillaire cristallin<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-method-intro-text\">\r\n                    L'utilisation d'un adjuvant d'\u00e9tanch\u00e9it\u00e9 capillaire cristallin est en r\u00e9alit\u00e9 assez simple. Cependant, suivre les bonnes \u00e9tapes garantit les meilleurs r\u00e9sultats. De plus, une application correcte assure une protection durable.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Primary Method: Easy Mixing -->\r\n            <div class=\"cccw-primary-method\">\r\n                <div class=\"cccw-primary-header\">\r\n                    <div class=\"cccw-primary-number\">01<\/div>\r\n                    <h3 class=\"cccw-primary-title\">M\u00e9thode de m\u00e9lange facile<\/h3>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-primary-content\">\r\n                    <!-- Left: Image -->\r\n                    <div class=\"cccw-primary-image-wrapper\">\r\n                        <div class=\"cccw-primary-image-frame\">\r\n                            <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/Easy-Mixing-Method-scaled.jpg\" \r\n                                 alt=\"M\u00e9thode de m\u00e9lange facile\" \r\n                                 class=\"cccw-primary-image\">\r\n                            <div class=\"cccw-primary-image-overlay\">\r\n                                <div class=\"cccw-primary-overlay-badge\">M\u00e9thode recommand\u00e9e<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Right: Steps -->\r\n                    <div class=\"cccw-primary-steps\">\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.2s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">1<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">Premi\u00e8rement<\/div>\r\n                                <p class=\"cccw-step-text\">Ajoutez du ciment dans votre malaxeur \u00e0 b\u00e9ton<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.3s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">2<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">Ensuite<\/div>\r\n                                <p class=\"cccw-step-text\">Ajoutez l'adjuvant d'\u00e9tanch\u00e9it\u00e9 capillaire cristallin<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.4s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">3<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">Suivant<\/div>\r\n                                <p class=\"cccw-step-text\">M\u00e9langez \u00e0 haute vitesse pendant 10 minutes<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.5s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">4<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">Apr\u00e8s cela<\/div>\r\n                                <p class=\"cccw-step-text\">Ajoutez les autres ingr\u00e9dients comme d'habitude<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"cccw-step-item\" style=\"--step-delay: 0.6s;\">\r\n                            <div class=\"cccw-step-number\">\r\n                                <span class=\"cccw-step-num\">5<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-step-content\">\r\n                                <div class=\"cccw-step-label\">Enfin<\/div>\r\n                                <p class=\"cccw-step-text\">Versez et finissez le b\u00e9ton comme d'habitude<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Important Note -->\r\n                <div class=\"cccw-important-note\">\r\n                    <div class=\"cccw-note-icon\">!<\/div>\r\n                    <div class=\"cccw-note-content\">\r\n                        <div class=\"cccw-note-title\">Souvenez-vous :<\/div>\r\n                        <p class=\"cccw-note-text\">Ajoutez toujours l'adjuvant d'\u00e9tanch\u00e9it\u00e9 capillaire cristallin avant les autres additifs chimiques pour \u00e9viter toute interf\u00e9rence.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Alternative Methods Title -->\r\n            <div class=\"cccw-alternative-header\">\r\n                <div class=\"cccw-alternative-line\"><\/div>\r\n                <h3 class=\"cccw-alternative-title\">M\u00e9thodes d'application alternatives<\/h3>\r\n                <div class=\"cccw-alternative-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Alternative Methods Grid -->\r\n            <div class=\"cccw-alternative-grid\">\r\n                <!-- Method 1: Dry Shake - \u4f7f\u7528Brush\u56fe\u7247 -->\r\n                <div class=\"cccw-alt-method-card\" style=\"--alt-delay: 0.2s;\">\r\n                    <div class=\"cccw-alt-header\">\r\n                        <div class=\"cccw-alt-number\">02<\/div>\r\n                        <h4 class=\"cccw-alt-title\">M\u00e9thode de secouage \u00e0 sec<\/h4>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"cccw-alt-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/Brush-Application-scaled.jpg\" \r\n                             alt=\"M\u00e9thode de secouage \u00e0 sec\" \r\n                             class=\"cccw-alt-image\">\r\n                        <div class=\"cccw-alt-image-overlay\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-alt-content\">\r\n                        <ul class=\"cccw-alt-steps-list\">\r\n                            <li class=\"cccw-alt-step\">Saupoudrez 1,5 kg par m\u00e8tre carr\u00e9 sur la surface en b\u00e9ton<\/li>\r\n                            <li class=\"cccw-alt-step\">Travaillez-le dans la surface avec une truelle<\/li>\r\n                            <li class=\"cccw-alt-step\">Id\u00e9al pour les surfaces planes comme les sols<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Method 2: Brush Application - \u4f7f\u7528Dry Shake\u56fe\u7247 -->\r\n                <div class=\"cccw-alt-method-card\" style=\"--alt-delay: 0.4s;\">\r\n                    <div class=\"cccw-alt-header\">\r\n                        <div class=\"cccw-alt-number\">03<\/div>\r\n                        <h4 class=\"cccw-alt-title\">Application de brosse<\/h4>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"cccw-alt-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/landu-china.com\/wp-content\/uploads\/2025\/11\/Dry-Shake-Method-scaled.jpg\" \r\n                             alt=\"Application de brosse\" \r\n                             class=\"cccw-alt-image\">\r\n                        <div class=\"cccw-alt-image-overlay\"><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-alt-content\">\r\n                        <ul class=\"cccw-alt-steps-list\">\r\n                            <li class=\"cccw-alt-step\">M\u00e9langer la poudre avec de l'eau pour faire une p\u00e2te<\/li>\r\n                            <li class=\"cccw-alt-step\">Appliquer avec une brosse rigide en deux couches<\/li>\r\n                            <li class=\"cccw-alt-step\">Parfait pour les murs et surfaces verticales<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-application-method {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-application-method *,\r\n    .cccw-application-method *::before,\r\n    .cccw-application-method *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-method-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 25%, #e0f2fe 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-method-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-method-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-method-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: method-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   method-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-method-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: method-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes method-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes method-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes method-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-method-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-method-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: method-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes method-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-method-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-method-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: method-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes method-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-method-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-method-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: method-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes method-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-method-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-method-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-method-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-method-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Primary Method Section *\/\r\n    .cccw-primary-method {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        padding: 2rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: method-primary-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes method-primary-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-primary-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        margin-bottom: 1.5rem;\r\n        padding-bottom: 1rem;\r\n        border-bottom: 2px solid rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-primary-number {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-primary-title {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0;\r\n    }\r\n\r\n    .cccw-primary-content {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 2rem;\r\n        margin-bottom: 1.5rem;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* Primary Image - \u51cf\u5c11\u9ad8\u5ea6\u4e09\u5206\u4e4b\u4e00 *\/\r\n    .cccw-primary-image-wrapper {\r\n        position: relative;\r\n        height: 280px;\r\n    }\r\n\r\n    .cccw-primary-image-frame {\r\n        position: relative;\r\n        height: 100%;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-primary-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .cccw-primary-image-frame:hover .cccw-primary-image {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .cccw-primary-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(180deg, transparent 60%, rgba(15, 23, 42, 0.8));\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 1.5rem;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .cccw-primary-image-frame:hover .cccw-primary-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-primary-overlay-badge {\r\n        padding: 0.5rem 1rem;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 10px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: white;\r\n    }\r\n\r\n    \/* Primary Steps *\/\r\n    .cccw-primary-steps {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-step-item {\r\n        display: flex;\r\n        gap: 1rem;\r\n        opacity: 0;\r\n        animation: method-step-appear 0.6s ease-out var(--step-delay) forwards;\r\n    }\r\n\r\n    @keyframes method-step-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-step-number {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-step-num {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n    }\r\n\r\n    .cccw-step-content {\r\n        flex: 1;\r\n        padding-top: 0.25rem;\r\n    }\r\n\r\n    .cccw-step-label {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.8px;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .cccw-step-text {\r\n        font-size: 14px;\r\n        line-height: 1.4;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Important Note *\/\r\n    .cccw-important-note {\r\n        display: flex;\r\n        gap: 1rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.05));\r\n        border: 1px solid rgba(251, 191, 36, 0.3);\r\n        border-left: 4px solid #fbbf24;\r\n        border-radius: 12px;\r\n    }\r\n\r\n    .cccw-note-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-note-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-note-title {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #f59e0b;\r\n        margin-bottom: 0.25rem;\r\n    }\r\n\r\n    .cccw-note-text {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Alternative Methods Header *\/\r\n    .cccw-alternative-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 1.5rem;\r\n        opacity: 0;\r\n        animation: method-alt-header-appear 0.8s ease-out 0.6s forwards;\r\n    }\r\n\r\n    @keyframes method-alt-header-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-alternative-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .cccw-alternative-title {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Alternative Methods Grid *\/\r\n    .cccw-alternative-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .cccw-alt-method-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: method-alt-appear 0.6s ease-out var(--alt-delay) forwards;\r\n    }\r\n\r\n    @keyframes method-alt-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-alt-method-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-alt-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-bottom: 1px solid rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-alt-number {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-alt-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Alternative Image - \u589e\u52a0\u9ad8\u5ea6\u5e76\u4f7f\u7528cover *\/\r\n    .cccw-alt-image-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 280px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cccw-alt-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .cccw-alt-method-card:hover .cccw-alt-image {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .cccw-alt-image-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: linear-gradient(180deg, transparent, rgba(14, 165, 233, 0.2));\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .cccw-alt-method-card:hover .cccw-alt-image-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-alt-content {\r\n        padding: 1.25rem;\r\n    }\r\n\r\n    .cccw-alt-steps-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-alt-step {\r\n        position: relative;\r\n        padding-left: 1.5rem;\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #475569;\r\n    }\r\n\r\n    .cccw-alt-step::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0.4rem;\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .cccw-primary-content {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-primary-image-wrapper {\r\n            height: 250px;\r\n        }\r\n\r\n        .cccw-alternative-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-method-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-method-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-method-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-primary-method {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-primary-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .cccw-primary-image-wrapper {\r\n            height: 220px;\r\n        }\r\n\r\n        .cccw-alternative-header {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .cccw-alternative-line {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-alternative-title {\r\n            font-size: 22px;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-alt-image-wrapper {\r\n            height: 240px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-method-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-method-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-primary-method {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-primary-header {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-primary-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .cccw-primary-image-wrapper {\r\n            height: 200px;\r\n        }\r\n\r\n        .cccw-important-note {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-note-icon {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cccw-alt-image-wrapper {\r\n            height: 200px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7036fcf e-con-full e-flex e-con e-parent\" data-id=\"7036fcf\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c90f7d elementor-widget elementor-widget-html\" data-id=\"1c90f7d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-cost-benefits\">\r\n    <section class=\"cccw-cost-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-cost-bg-effects\">\r\n            <div class=\"cccw-cost-crystal-grid\">\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 16%; --y: 24%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 36%; --y: 40%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 56%; --y: 18%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 76%; --y: 46%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-cost-crystal-point\" style=\"--x: 92%; --y: 28%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-cost-particles\">\r\n                <div class=\"cccw-cost-particle\" style=\"--x: 26%; --y: 36%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cost-particle\" style=\"--x: 72%; --y: 52%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-cost-particle\" style=\"--x: 52%; --y: 72%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-cost-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-cost-header\">\r\n                <div class=\"cccw-cost-badge\">\r\n                    <div class=\"cccw-cost-badge-dot\"><\/div>\r\n                    <span class=\"cccw-cost-badge-text\">AVANTAGES \u00c9CONOMIQUES<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-cost-main-title\">\r\n                    Avantages \u00e9conomiques de <span class=\"cccw-cost-title-highlight\">Additif d'imperm\u00e9abilisation capillaire cristallin<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-cost-intro-text\">\r\n                    Bien que l'adjuvant d'\u00e9tanch\u00e9it\u00e9 capillaire cristallin co\u00fbte plus cher que le b\u00e9ton ordinaire, il permet d'\u00e9conomiser de l'argent \u00e0 long terme. De plus, vous \u00e9vitez des r\u00e9parations et un entretien co\u00fbteux. En outre, la protection permanente signifie qu'il n'est pas n\u00e9cessaire de le remplacer.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Money-Saving Title -->\r\n            <div class=\"cccw-saving-header\">\r\n                <div class=\"cccw-saving-line\"><\/div>\r\n                <h3 class=\"cccw-saving-title\">Avantages pour \u00e9conomiser de l'argent :<\/h3>\r\n                <div class=\"cccw-saving-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Benefits Grid -->\r\n            <div class=\"cccw-benefits-grid\">\r\n                <!-- Benefit 1: No waterproof membranes -->\r\n                <div class=\"cccw-benefit-card\" style=\"--benefit-delay: 0.2s;\">\r\n                    <div class=\"cccw-benefit-number\">01<\/div>\r\n                    <div class=\"cccw-benefit-icon-wrapper\">\r\n                        <div class=\"cccw-benefit-icon\">\r\n                            <div class=\"cccw-icon-circle\"><\/div>\r\n                            <div class=\"cccw-icon-checkmark\">\u2713<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-content\">\r\n                        <h4 class=\"cccw-benefit-title\">Pas besoin de membranes d'\u00e9tanch\u00e9it\u00e9<\/h4>\r\n                        <p class=\"cccw-benefit-description\">\u00c9conomise sur les mat\u00e9riaux et la main-d'\u0153uvre<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 2: Fewer repairs -->\r\n                <div class=\"cccw-benefit-card\" style=\"--benefit-delay: 0.3s;\">\r\n                    <div class=\"cccw-benefit-number\">02<\/div>\r\n                    <div class=\"cccw-benefit-icon-wrapper\">\r\n                        <div class=\"cccw-benefit-icon\">\r\n                            <div class=\"cccw-icon-circle\"><\/div>\r\n                            <div class=\"cccw-icon-checkmark\">\u2713<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-content\">\r\n                        <h4 class=\"cccw-benefit-title\">Moins de r\u00e9parations n\u00e9cessaires<\/h4>\r\n                        <p class=\"cccw-benefit-description\">L'auto-r\u00e9paration r\u00e9duit les co\u00fbts d'entretien<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 3: Longer concrete life -->\r\n                <div class=\"cccw-benefit-card\" style=\"--benefit-delay: 0.4s;\">\r\n                    <div class=\"cccw-benefit-number\">03<\/div>\r\n                    <div class=\"cccw-benefit-icon-wrapper\">\r\n                        <div class=\"cccw-benefit-icon\">\r\n                            <div class=\"cccw-icon-circle\"><\/div>\r\n                            <div class=\"cccw-icon-checkmark\">\u2713<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-content\">\r\n                        <h4 class=\"cccw-benefit-title\">Dur\u00e9e de vie du b\u00e9ton plus longue<\/h4>\r\n                        <p class=\"cccw-benefit-description\">Prot\u00e8ge votre investissement pendant des d\u00e9cennies<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-glow\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Benefit 4: No specialized contractors -->\r\n                <div class=\"cccw-benefit-card\" style=\"--benefit-delay: 0.5s;\">\r\n                    <div class=\"cccw-benefit-number\">04<\/div>\r\n                    <div class=\"cccw-benefit-icon-wrapper\">\r\n                        <div class=\"cccw-benefit-icon\">\r\n                            <div class=\"cccw-icon-circle\"><\/div>\r\n                            <div class=\"cccw-icon-checkmark\">\u2713<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-content\">\r\n                        <h4 class=\"cccw-benefit-title\">Pas d'entrepreneurs sp\u00e9cialis\u00e9s n\u00e9cessaires<\/h4>\r\n                        <p class=\"cccw-benefit-description\">Les travailleurs en b\u00e9ton r\u00e9guliers peuvent l'appliquer<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-benefit-glow\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Cost Comparison Section -->\r\n            <div class=\"cccw-comparison-wrapper\">\r\n                <div class=\"cccw-comparison-card cccw-traditional\">\r\n                    <div class=\"cccw-comparison-header\">\r\n                        <div class=\"cccw-comparison-icon cccw-icon-traditional\">\r\n                            <span class=\"cccw-comparison-symbol\">$$$<\/span>\r\n                        <\/div>\r\n                        <h4 class=\"cccw-comparison-title\">M\u00e9thode traditionnelle<\/h4>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-body\">\r\n                        <ul class=\"cccw-comparison-list\">\r\n                            <li class=\"cccw-comparison-item cccw-item-negative\">\r\n                                <span class=\"cccw-item-icon\">\u2715<\/span>\r\n                                <span class=\"cccw-item-text\">Membranes co\u00fbteuses<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-negative\">\r\n                                <span class=\"cccw-item-icon\">\u2715<\/span>\r\n                                <span class=\"cccw-item-text\">R\u00e9parations fr\u00e9quentes<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-negative\">\r\n                                <span class=\"cccw-item-icon\">\u2715<\/span>\r\n                                <span class=\"cccw-item-text\">Main-d'\u0153uvre sp\u00e9cialis\u00e9e<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-negative\">\r\n                                <span class=\"cccw-item-icon\">\u2715<\/span>\r\n                                <span class=\"cccw-item-text\">Dur\u00e9e de vie limit\u00e9e<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-footer\">\r\n                        <div class=\"cccw-footer-label\">Co\u00fbt \u00e0 long terme<\/div>\r\n                        <div class=\"cccw-footer-value cccw-value-high\">Haut<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-vs-divider\">\r\n                    <div class=\"cccw-vs-circle\">VS<\/div>\r\n                    <div class=\"cccw-vs-line\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-comparison-card cccw-cccw-method\">\r\n                    <div class=\"cccw-comparison-header\">\r\n                        <div class=\"cccw-comparison-icon cccw-icon-cccw\">\r\n                            <span class=\"cccw-comparison-symbol\">$<\/span>\r\n                        <\/div>\r\n                        <h4 class=\"cccw-comparison-title\">CCCW-Super AD<\/h4>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-body\">\r\n                        <ul class=\"cccw-comparison-list\">\r\n                            <li class=\"cccw-comparison-item cccw-item-positive\">\r\n                                <span class=\"cccw-item-icon\">\u2713<\/span>\r\n                                <span class=\"cccw-item-text\">Aucune membrane n\u00e9cessaire<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-positive\">\r\n                                <span class=\"cccw-item-icon\">\u2713<\/span>\r\n                                <span class=\"cccw-item-text\">Technologie d'auto-r\u00e9paration<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-positive\">\r\n                                <span class=\"cccw-item-icon\">\u2713<\/span>\r\n                                <span class=\"cccw-item-text\">Application standard<\/span>\r\n                            <\/li>\r\n                            <li class=\"cccw-comparison-item cccw-item-positive\">\r\n                                <span class=\"cccw-item-icon\">\u2713<\/span>\r\n                                <span class=\"cccw-item-text\">Protection permanente<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-footer\">\r\n                        <div class=\"cccw-footer-label\">Co\u00fbt \u00e0 long terme<\/div>\r\n                        <div class=\"cccw-footer-value cccw-value-low\">Faible<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Summary -->\r\n            <div class=\"cccw-cost-summary\">\r\n                <div class=\"cccw-summary-icon\">\r\n                    <div class=\"cccw-summary-badge\">\r\n                        <span class=\"cccw-summary-percent\">50%<\/span>\r\n                        <span class=\"cccw-summary-label\">\u00c9conomies<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"cccw-summary-content\">\r\n                    <h4 class=\"cccw-summary-title\">Investissement intelligent pour des \u00e9conomies \u00e0 long terme<\/h4>\r\n                    <p class=\"cccw-summary-text\">CCCW-Super AD peut avoir un co\u00fbt initial plus \u00e9lev\u00e9, mais il offre des \u00e9conomies significatives sur la dur\u00e9e de vie de votre structure en b\u00e9ton gr\u00e2ce \u00e0 une maintenance r\u00e9duite, aucune n\u00e9cessit\u00e9 de remplacer la membrane, et une protection imperm\u00e9able permanente.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    \/* \u786e\u4fdd\u6240\u6709\u6837\u5f0f\u53ea\u4f5c\u7528\u4e8e cccw-cost-benefits \u5185\u90e8 *\/\r\n    .cccw-cost-benefits {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-cost-benefits *,\r\n    .cccw-cost-benefits *::before,\r\n    .cccw-cost-benefits *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-cost-benefits .cccw-cost-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: cccw-cost-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   cccw-cost-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: cccw-cost-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-cost-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes cccw-cost-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes cccw-cost-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: cccw-cost-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cccw-cost-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-cost-benefits .cccw-cost-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: cccw-cost-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: cccw-cost-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes cccw-cost-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-cost-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Saving Header *\/\r\n    .cccw-cost-benefits .cccw-saving-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1.5rem;\r\n        margin-bottom: 1.5rem;\r\n        opacity: 0;\r\n        animation: cccw-cost-saving-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-saving-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-saving-line {\r\n        flex: 1;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-saving-title {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        white-space: nowrap;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Benefits Grid *\/\r\n    .cccw-cost-benefits .cccw-benefits-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 1rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 16px;\r\n        padding: 1.25rem;\r\n        position: relative;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cccw-cost-benefit-appear 0.6s ease-out var(--benefit-delay) forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-benefit-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-glow {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: radial-gradient(circle at top right, rgba(14, 165, 233, 0.1), transparent 60%);\r\n        border-radius: 16px;\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-card:hover .cccw-benefit-glow {\r\n        opacity: 1;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-number {\r\n        position: absolute;\r\n        top: 1rem;\r\n        right: 1rem;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: rgba(14, 165, 233, 0.08);\r\n        line-height: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-icon-wrapper {\r\n        margin-bottom: 0.875rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-circle {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 3px solid #0ea5e9;\r\n        border-radius: 14px;\r\n        position: absolute;\r\n        animation: cccw-cost-icon-pulse 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes cccw-cost-icon-pulse {\r\n        0% { transform: scale(1); opacity: 1; }\r\n        100% { transform: scale(1.3); opacity: 0; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-checkmark {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-content {\r\n        padding-right: 2.5rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.5rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-benefit-description {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Comparison Section *\/\r\n    .cccw-cost-benefits .cccw-comparison-wrapper {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto 1fr;\r\n        gap: 2rem;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: cccw-cost-comparison-appear 0.8s ease-out 0.8s forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-comparison-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-card {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-header {\r\n        padding: 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-bottom: 1px solid rgba(14, 165, 233, 0.1);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-traditional {\r\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));\r\n        border: 2px solid rgba(239, 68, 68, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-cccw {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-symbol {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-traditional .cccw-comparison-symbol {\r\n        color: #ef4444;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-icon-cccw .cccw-comparison-symbol {\r\n        color: #0ea5e9;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-body {\r\n        padding: 1.5rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.875rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-item-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-item-negative .cccw-item-icon {\r\n        background: linear-gradient(135deg, #ef4444, #dc2626);\r\n        color: white;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-item-positive .cccw-item-icon {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-item-text {\r\n        color: #475569;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-comparison-footer {\r\n        padding: 1.25rem 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(6, 182, 212, 0.02));\r\n        border-top: 1px solid rgba(14, 165, 233, 0.1);\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-footer-label {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #64748b;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-footer-value {\r\n        padding: 0.375rem 0.875rem;\r\n        border-radius: 8px;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-value-high {\r\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));\r\n        color: #ef4444;\r\n        border: 1px solid rgba(239, 68, 68, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-value-low {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        color: #0ea5e9;\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    \/* VS Divider *\/\r\n    .cccw-cost-benefits .cccw-vs-divider {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-vs-circle {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: white;\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-vs-line {\r\n        flex: 1;\r\n        width: 2px;\r\n        background: linear-gradient(180deg, transparent, rgba(14, 165, 233, 0.3), transparent);\r\n    }\r\n\r\n    \/* Cost Summary *\/\r\n    .cccw-cost-benefits .cccw-cost-summary {\r\n        display: flex;\r\n        gap: 2rem;\r\n        padding: 2rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        opacity: 0;\r\n        animation: cccw-cost-summary-appear 0.8s ease-out 1s forwards;\r\n    }\r\n\r\n    @keyframes cccw-cost-summary-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-icon {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-badge {\r\n        width: 100px;\r\n        height: 100px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 8px 25px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-percent {\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        color: white;\r\n        line-height: 1;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-label {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        margin-top: 0.25rem;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-title {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.75rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-cost-benefits .cccw-summary-text {\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .cccw-cost-benefits .cccw-benefits-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .cccw-cost-benefits .cccw-comparison-wrapper {\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-vs-divider {\r\n            flex-direction: row;\r\n            justify-content: center;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-vs-line {\r\n            width: 100px;\r\n            height: 2px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-cost-benefits .cccw-cost-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-saving-header {\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-saving-line {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-saving-title {\r\n            font-size: 22px;\r\n            white-space: normal;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-benefits-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-summary {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-summary-badge {\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-cost-benefits .cccw-cost-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-benefit-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-benefit-number {\r\n            font-size: 32px;\r\n            top: 1rem;\r\n            right: 1rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-comparison-header {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-comparison-body {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-cost-summary {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-summary-badge {\r\n            width: 80px;\r\n            height: 80px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-summary-percent {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .cccw-cost-benefits .cccw-summary-title {\r\n            font-size: 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52c3219 e-con-full e-flex e-con e-parent\" data-id=\"52c3219\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0051f9d elementor-widget elementor-widget-html\" data-id=\"0051f9d\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-comparison-methods\">\r\n    <section class=\"cccw-methods-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-methods-bg-effects\">\r\n            <div class=\"cccw-methods-crystal-grid\">\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 18%; --y: 26%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 38%; --y: 42%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 58%; --y: 20%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 78%; --y: 48%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-methods-crystal-point\" style=\"--x: 94%; --y: 30%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-methods-particles\">\r\n                <div class=\"cccw-methods-particle\" style=\"--x: 28%; --y: 38%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-methods-particle\" style=\"--x: 74%; --y: 54%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-methods-particle\" style=\"--x: 54%; --y: 74%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-methods-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-methods-header\">\r\n                <div class=\"cccw-methods-badge\">\r\n                    <div class=\"cccw-methods-badge-dot\"><\/div>\r\n                    <span class=\"cccw-methods-badge-text\">COMPARAISON<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-methods-main-title\">\r\n                    Comparaison <span class=\"cccw-methods-title-highlight\">Additif d'imperm\u00e9abilisation capillaire cristallin<\/span> avec d'autres m\u00e9thodes\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-methods-intro-text\">\r\n                    Beaucoup se demandent comment l'admixture d'\u00e9tanch\u00e9it\u00e9 capillaire cristalline se compare aux autres m\u00e9thodes d'\u00e9tanch\u00e9it\u00e9. En r\u00e9alit\u00e9, elle pr\u00e9sente plusieurs avantages par rapport aux approches traditionnelles.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Comparison Table -->\r\n            <div class=\"cccw-methods-table-wrapper\">\r\n                <div class=\"cccw-methods-table\">\r\n                    <!-- Table Header -->\r\n                    <div class=\"cccw-methods-table-header\">\r\n                        <div class=\"cccw-methods-header-cell cccw-col-method\">M\u00e9thode<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-durability\">Durabilit\u00e9<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-healing\">Auto-r\u00e9parateur<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-cost\">Co\u00fbt dans le temps<\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Table Body -->\r\n                    <div class=\"cccw-methods-table-body\">\r\n                        <!-- Row 1: Crystalline (Highlighted) -->\r\n                        <div class=\"cccw-methods-table-row cccw-row-featured\" style=\"--row-delay: 0.2s;\">\r\n                            <div class=\"cccw-methods-row-badge\">\r\n                                <span class=\"cccw-badge-star\">\u2605<\/span>\r\n                                <span class=\"cccw-badge-label\">Meilleur choix<\/span>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-method\">\r\n                                <div class=\"cccw-method-name\">\r\n                                    <div class=\"cccw-method-icon cccw-icon-featured\">01<\/div>\r\n                                    <span class=\"cccw-method-text\">Additif d'imperm\u00e9abilisation capillaire cristallin<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-durability\">\r\n                                <div class=\"cccw-value-badge cccw-badge-excellent\">\r\n                                    <span class=\"cccw-value-text\">Dur\u00e9e de vie<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-healing\">\r\n                                <div class=\"cccw-value-badge cccw-badge-yes\">\r\n                                    <span class=\"cccw-value-icon\">\u2713<\/span>\r\n                                    <span class=\"cccw-value-text\">Oui<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-cost\">\r\n                                <div class=\"cccw-value-badge cccw-badge-low\">\r\n                                    <span class=\"cccw-value-text\">Faible<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Row 2: Waterproof Membranes -->\r\n                        <div class=\"cccw-methods-table-row\" style=\"--row-delay: 0.3s;\">\r\n                            <div class=\"cccw-methods-cell cccw-col-method\">\r\n                                <div class=\"cccw-method-name\">\r\n                                    <div class=\"cccw-method-icon\">02<\/div>\r\n                                    <span class=\"cccw-method-text\">Membranes \u00e9tanches<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-durability\">\r\n                                <div class=\"cccw-value-badge cccw-badge-medium\">\r\n                                    <span class=\"cccw-value-text\">10-20 ans<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-healing\">\r\n                                <div class=\"cccw-value-badge cccw-badge-no\">\r\n                                    <span class=\"cccw-value-icon\">\u2715<\/span>\r\n                                    <span class=\"cccw-value-text\">No<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-cost\">\r\n                                <div class=\"cccw-value-badge cccw-badge-high\">\r\n                                    <span class=\"cccw-value-text\">Haut<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Row 3: Coatings -->\r\n                        <div class=\"cccw-methods-table-row\" style=\"--row-delay: 0.4s;\">\r\n                            <div class=\"cccw-methods-cell cccw-col-method\">\r\n                                <div class=\"cccw-method-name\">\r\n                                    <div class=\"cccw-method-icon\">03<\/div>\r\n                                    <span class=\"cccw-method-text\">Rev\u00eatements<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-durability\">\r\n                                <div class=\"cccw-value-badge cccw-badge-poor\">\r\n                                    <span class=\"cccw-value-text\">5-10 ans<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-healing\">\r\n                                <div class=\"cccw-value-badge cccw-badge-no\">\r\n                                    <span class=\"cccw-value-icon\">\u2715<\/span>\r\n                                    <span class=\"cccw-value-text\">No<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-cost\">\r\n                                <div class=\"cccw-value-badge cccw-badge-veryhigh\">\r\n                                    <span class=\"cccw-value-text\">Tr\u00e8s \u00e9lev\u00e9<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Row 4: Sealers -->\r\n                        <div class=\"cccw-methods-table-row\" style=\"--row-delay: 0.5s;\">\r\n                            <div class=\"cccw-methods-cell cccw-col-method\">\r\n                                <div class=\"cccw-method-name\">\r\n                                    <div class=\"cccw-method-icon\">04<\/div>\r\n                                    <span class=\"cccw-method-text\">Scelleurs<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-durability\">\r\n                                <div class=\"cccw-value-badge cccw-badge-verypoor\">\r\n                                    <span class=\"cccw-value-text\">2-5 ans<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-healing\">\r\n                                <div class=\"cccw-value-badge cccw-badge-no\">\r\n                                    <span class=\"cccw-value-icon\">\u2715<\/span>\r\n                                    <span class=\"cccw-value-text\">No<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"cccw-methods-cell cccw-col-cost\">\r\n                                <div class=\"cccw-value-badge cccw-badge-veryhigh\">\r\n                                    <span class=\"cccw-value-text\">Tr\u00e8s \u00e9lev\u00e9<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Key Advantages -->\r\n            <div class=\"cccw-advantages-section\">\r\n                <h3 class=\"cccw-advantages-title\">Pourquoi CCCW-Super AD se d\u00e9marque :<\/h3>\r\n                <div class=\"cccw-advantages-grid\">\r\n                    <div class=\"cccw-advantage-item\" style=\"--adv-delay: 0.2s;\">\r\n                        <div class=\"cccw-advantage-icon\">\r\n                            <span class=\"cccw-adv-number\">\u221e<\/span>\r\n                        <\/div>\r\n                        <div class=\"cccw-advantage-content\">\r\n                            <h4 class=\"cccw-advantage-title\">Protection \u00e0 vie<\/h4>\r\n                            <p class=\"cccw-advantage-text\">Contrairement aux solutions temporaires, la technologie cristalline dure aussi longtemps que le b\u00e9ton lui-m\u00eame<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-advantage-item\" style=\"--adv-delay: 0.3s;\">\r\n                        <div class=\"cccw-advantage-icon\">\r\n                            <span class=\"cccw-adv-number\">\u2713<\/span>\r\n                        <\/div>\r\n                        <div class=\"cccw-advantage-content\">\r\n                            <h4 class=\"cccw-advantage-title\">Capacit\u00e9 d'auto-r\u00e9paration<\/h4>\r\n                            <p class=\"cccw-advantage-text\">R\u00e9pare automatiquement les fissures jusqu'\u00e0 0,5 mm, \u00e9liminant ainsi les co\u00fbts d'entretien \u00e9lev\u00e9s<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-advantage-item\" style=\"--adv-delay: 0.4s;\">\r\n                        <div class=\"cccw-advantage-icon\">\r\n                            <span class=\"cccw-adv-number\">$<\/span>\r\n                        <\/div>\r\n                        <div class=\"cccw-advantage-content\">\r\n                            <h4 class=\"cccw-advantage-title\">Co\u00fbt \u00e0 long terme r\u00e9duit<\/h4>\r\n                            <p class=\"cccw-advantage-text\">Aucun remplacement ou r\u00e9application n\u00e9cessaire, permettant d'\u00e9conomiser de l'argent sur plusieurs d\u00e9cennies<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-comparison-methods {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-comparison-methods *,\r\n    .cccw-comparison-methods *::before,\r\n    .cccw-comparison-methods *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-methods-section {\r\n        background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 25%, #e0f2fe 50%, #ffffff 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-methods-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-methods-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-methods-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: methods-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   methods-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-methods-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: methods-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes methods-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes methods-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes methods-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-methods-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-methods-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: methods-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes methods-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-methods-container {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-methods-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: methods-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes methods-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-methods-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-methods-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: methods-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes methods-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-methods-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-methods-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .cccw-methods-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-methods-intro-text {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Table Wrapper *\/\r\n    .cccw-methods-table-wrapper {\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: methods-table-appear 0.8s ease-out 0.4s forwards;\r\n    }\r\n\r\n    @keyframes methods-table-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-methods-table {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 8px 30px rgba(14, 165, 233, 0.08);\r\n    }\r\n\r\n    \/* Table Header *\/\r\n    .cccw-methods-table-header {\r\n        display: grid;\r\n        grid-template-columns: 2fr 1fr 1fr 1fr;\r\n        gap: 1.25rem;\r\n        padding: 1rem 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-bottom: 2px solid rgba(14, 165, 233, 0.2);\r\n    }\r\n\r\n    .cccw-methods-header-cell {\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.8px;\r\n    }\r\n\r\n    \/* Table Body *\/\r\n    .cccw-methods-table-body {\r\n        padding: 0.5rem;\r\n    }\r\n\r\n    .cccw-methods-table-row {\r\n        display: grid;\r\n        grid-template-columns: 2fr 1fr 1fr 1fr;\r\n        gap: 1.25rem;\r\n        padding: 1rem 1.25rem;\r\n        margin-bottom: 0.5rem;\r\n        background: rgba(255, 255, 255, 0.5);\r\n        border: 1px solid rgba(14, 165, 233, 0.1);\r\n        border-radius: 14px;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: methods-row-appear 0.6s ease-out var(--row-delay) forwards;\r\n    }\r\n\r\n    @keyframes methods-row-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-methods-table-row:hover {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border-color: rgba(14, 165, 233, 0.3);\r\n        transform: translateX(5px);\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    \/* Featured Row (Crystalline) *\/\r\n    .cccw-row-featured {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.15), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        padding-top: 2.5rem;\r\n    }\r\n\r\n    .cccw-row-featured:hover {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(6, 182, 212, 0.15));\r\n        border-color: rgba(14, 165, 233, 0.5);\r\n    }\r\n\r\n    .cccw-methods-row-badge {\r\n        position: absolute;\r\n        top: 0.75rem;\r\n        right: 1.25rem;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.375rem;\r\n        padding: 0.25rem 0.75rem;\r\n        background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n        border-radius: 8px;\r\n        box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3);\r\n    }\r\n\r\n    .cccw-badge-star {\r\n        font-size: 14px;\r\n        color: white;\r\n    }\r\n\r\n    .cccw-badge-label {\r\n        font-size: 11px;\r\n        font-weight: 700;\r\n        color: white;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .cccw-methods-cell {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Method Name *\/\r\n    .cccw-method-name {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n    }\r\n\r\n    .cccw-method-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-icon-featured {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border: none;\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-method-text {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    \/* Value Badges *\/\r\n    .cccw-value-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.375rem;\r\n        padding: 0.375rem 0.875rem;\r\n        border-radius: 8px;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-badge-excellent {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-badge-medium {\r\n        background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.05));\r\n        color: #f59e0b;\r\n        border: 1px solid rgba(251, 191, 36, 0.3);\r\n    }\r\n\r\n    .cccw-badge-poor {\r\n        background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(234, 88, 12, 0.05));\r\n        color: #f97316;\r\n        border: 1px solid rgba(249, 115, 22, 0.3);\r\n    }\r\n\r\n    .cccw-badge-verypoor {\r\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));\r\n        color: #ef4444;\r\n        border: 1px solid rgba(239, 68, 68, 0.3);\r\n    }\r\n\r\n    .cccw-badge-yes {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-badge-no {\r\n        background: linear-gradient(135deg, rgba(100, 116, 139, 0.1), rgba(71, 85, 105, 0.05));\r\n        color: #64748b;\r\n        border: 1px solid rgba(100, 116, 139, 0.3);\r\n    }\r\n\r\n    .cccw-badge-low {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-badge-high {\r\n        background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(234, 88, 12, 0.05));\r\n        color: #f97316;\r\n        border: 1px solid rgba(249, 115, 22, 0.3);\r\n    }\r\n\r\n    .cccw-badge-veryhigh {\r\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));\r\n        color: #ef4444;\r\n        border: 1px solid rgba(239, 68, 68, 0.3);\r\n    }\r\n\r\n    .cccw-value-icon {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .cccw-value-text {\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* Advantages Section *\/\r\n    .cccw-advantages-section {\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 18px;\r\n        padding: 2rem;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        opacity: 0;\r\n        animation: methods-advantages-appear 0.8s ease-out 0.8s forwards;\r\n    }\r\n\r\n    @keyframes methods-advantages-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-advantages-title {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        margin: 0 0 1.5rem 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .cccw-advantages-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 1.5rem;\r\n    }\r\n\r\n    .cccw-advantage-item {\r\n        display: flex;\r\n        gap: 1rem;\r\n        opacity: 0;\r\n        animation: methods-adv-appear 0.6s ease-out var(--adv-delay) forwards;\r\n    }\r\n\r\n    @keyframes methods-adv-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-advantage-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 6px 20px rgba(14, 165, 233, 0.3);\r\n    }\r\n\r\n    .cccw-adv-number {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: white;\r\n    }\r\n\r\n    .cccw-advantage-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-advantage-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.5rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-advantage-text {\r\n        font-size: 13px;\r\n        line-height: 1.4;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .cccw-methods-table-header,\r\n        .cccw-methods-table-row {\r\n            grid-template-columns: 1fr;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .cccw-methods-header-cell {\r\n            display: none;\r\n        }\r\n\r\n        .cccw-methods-cell {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .cccw-methods-cell::before {\r\n            content: attr(data-label);\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: #64748b;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .cccw-advantages-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-methods-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-methods-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-methods-intro-text {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-methods-table-header,\r\n        .cccw-methods-table-row {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-methods-table-body {\r\n            padding: 0.25rem;\r\n        }\r\n\r\n        .cccw-advantages-section {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-advantages-title {\r\n            font-size: 22px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-methods-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-methods-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-methods-table-row {\r\n            padding: 0.875rem;\r\n        }\r\n\r\n        .cccw-row-featured {\r\n            padding-top: 2rem;\r\n        }\r\n\r\n        .cccw-methods-row-badge {\r\n            top: 0.5rem;\r\n            right: 0.875rem;\r\n            padding: 0.25rem 0.625rem;\r\n        }\r\n\r\n        .cccw-badge-label {\r\n            font-size: 10px;\r\n        }\r\n\r\n        .cccw-advantages-section {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-advantage-item {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-advantage-icon {\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-833b9fc e-con-full e-flex e-con e-parent\" data-id=\"833b9fc\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67135f1 elementor-widget elementor-widget-html\" data-id=\"67135f1\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-faq\">\r\n    <section class=\"cccw-faq-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-faq-bg-effects\">\r\n            <div class=\"cccw-faq-crystal-grid\">\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 20%; --y: 28%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 40%; --y: 44%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 60%; --y: 22%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 80%; --y: 50%; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-faq-crystal-point\" style=\"--x: 96%; --y: 32%; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-faq-particles\">\r\n                <div class=\"cccw-faq-particle\" style=\"--x: 30%; --y: 40%; --size: 10px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-faq-particle\" style=\"--x: 76%; --y: 56%; --size: 8px; --delay: 2.5s;\"><\/div>\r\n                <div class=\"cccw-faq-particle\" style=\"--x: 56%; --y: 76%; --size: 12px; --delay: 5s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-faq-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"cccw-faq-header\">\r\n                <div class=\"cccw-faq-badge\">\r\n                    <div class=\"cccw-faq-badge-dot\"><\/div>\r\n                    <span class=\"cccw-faq-badge-text\">FAQ<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-faq-main-title\">\r\n                    Questions fr\u00e9quentes sur <span class=\"cccw-faq-title-highlight\">Additif d'imperm\u00e9abilisation capillaire cristallin<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- FAQ Accordion -->\r\n            <div class=\"cccw-faq-accordion\">\r\n                <!-- Question 1 -->\r\n                <div class=\"cccw-faq-item\" style=\"--faq-delay: 0.2s;\">\r\n                    <input type=\"checkbox\" id=\"cccw-faq-1\" class=\"cccw-faq-toggle\">\r\n                    <label for=\"cccw-faq-1\" class=\"cccw-faq-question\">\r\n                        <div class=\"cccw-question-content\">\r\n                            <div class=\"cccw-question-number\">01<\/div>\r\n                            <div class=\"cccw-question-text\">\r\n                                <span class=\"cccw-question-icon\">Q<\/span>\r\n                                <span class=\"cccw-question-title\">Combien de temps faut-il pour que l'admixture d'\u00e9tanch\u00e9it\u00e9 capillaire cristalline agisse ?<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-question-toggle-icon\">\r\n                            <span class=\"cccw-toggle-plus\">+<\/span>\r\n                            <span class=\"cccw-toggle-minus\">\u2212<\/span>\r\n                        <\/div>\r\n                    <\/label>\r\n                    <div class=\"cccw-faq-answer\">\r\n                        <div class=\"cccw-answer-content\">\r\n                            <span class=\"cccw-answer-icon\">A<\/span>\r\n                            <p class=\"cccw-answer-text\">L'admixture d'\u00e9tanch\u00e9it\u00e9 capillaire cristalline commence \u00e0 agir imm\u00e9diatement lorsqu'elle est m\u00e9lang\u00e9e au b\u00e9ton. Cependant, elle devient plus efficace avec le temps \u00e0 mesure que les cristaux continuent de cro\u00eetre et de se renforcer.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Question 2 -->\r\n                <div class=\"cccw-faq-item\" style=\"--faq-delay: 0.3s;\">\r\n                    <input type=\"checkbox\" id=\"cccw-faq-2\" class=\"cccw-faq-toggle\">\r\n                    <label for=\"cccw-faq-2\" class=\"cccw-faq-question\">\r\n                        <div class=\"cccw-question-content\">\r\n                            <div class=\"cccw-question-number\">02<\/div>\r\n                            <div class=\"cccw-question-text\">\r\n                                <span class=\"cccw-question-icon\">Q<\/span>\r\n                                <span class=\"cccw-question-title\">Puis-je utiliser l'admixture d'\u00e9tanch\u00e9it\u00e9 capillaire cristalline par temps froid ?<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-question-toggle-icon\">\r\n                            <span class=\"cccw-toggle-plus\">+<\/span>\r\n                            <span class=\"cccw-toggle-minus\">\u2212<\/span>\r\n                        <\/div>\r\n                    <\/label>\r\n                    <div class=\"cccw-faq-answer\">\r\n                        <div class=\"cccw-answer-content\">\r\n                            <span class=\"cccw-answer-icon\">A<\/span>\r\n                            <p class=\"cccw-answer-text\">Oui, mais suivez les pratiques normales de b\u00e9tonnage par temps froid. De plus, prot\u00e9gez le b\u00e9ton du gel jusqu'\u00e0 ce qu'il ait acquis une r\u00e9sistance suffisante.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Question 3 -->\r\n                <div class=\"cccw-faq-item\" style=\"--faq-delay: 0.4s;\">\r\n                    <input type=\"checkbox\" id=\"cccw-faq-3\" class=\"cccw-faq-toggle\">\r\n                    <label for=\"cccw-faq-3\" class=\"cccw-faq-question\">\r\n                        <div class=\"cccw-question-content\">\r\n                            <div class=\"cccw-question-number\">03<\/div>\r\n                            <div class=\"cccw-question-text\">\r\n                                <span class=\"cccw-question-icon\">Q<\/span>\r\n                                <span class=\"cccw-question-title\">L'admixture d'\u00e9tanch\u00e9it\u00e9 capillaire cristalline change-t-elle la couleur du b\u00e9ton ?<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-question-toggle-icon\">\r\n                            <span class=\"cccw-toggle-plus\">+<\/span>\r\n                            <span class=\"cccw-toggle-minus\">\u2212<\/span>\r\n                        <\/div>\r\n                    <\/label>\r\n                    <div class=\"cccw-faq-answer\">\r\n                        <div class=\"cccw-answer-content\">\r\n                            <span class=\"cccw-answer-icon\">A<\/span>\r\n                            <p class=\"cccw-answer-text\">L'admixture est blanche et ne modifie g\u00e9n\u00e9ralement pas l'apparence du b\u00e9ton de mani\u00e8re significative. Cependant, elle peut l\u00e9g\u00e8rement \u00e9claircir les m\u00e9langes de b\u00e9ton plus fonc\u00e9s.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-faq {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-faq *,\r\n    .cccw-faq *::before,\r\n    .cccw-faq *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-faq-section {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 25%, #e0f2fe 50%, #f8fafc 100%);\r\n        padding: 3rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-faq-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n        opacity: 0.1;\r\n    }\r\n\r\n    .cccw-faq-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-faq-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 6px;\r\n        height: 6px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: faq-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   faq-crystal-rotate 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-faq-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 28px;\r\n        height: 28px;\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: faq-crystal-pulse 3.5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes faq-crystal-appear {\r\n        to { opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes faq-crystal-rotate {\r\n        0%, 100% { transform: rotate(45deg) scale(1); }\r\n        50% { transform: rotate(225deg) scale(1.2); }\r\n    }\r\n\r\n    @keyframes faq-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.7); opacity: 0.4; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.3); opacity: 0.7; }\r\n    }\r\n\r\n    .cccw-faq-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-faq-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: radial-gradient(circle, #22d3ee, #06b6d4);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: faq-particle-float 5s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes faq-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.7; transform: translateY(-15px) scale(1.2); }\r\n        75% { opacity: 0.7; transform: translateY(15px) scale(0.9); }\r\n    }\r\n\r\n    .cccw-faq-container {\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .cccw-faq-header {\r\n        text-align: center;\r\n        margin-bottom: 2rem;\r\n        opacity: 0;\r\n        animation: faq-header-fade 1s ease-out 0.2s forwards;\r\n    }\r\n\r\n    @keyframes faq-header-fade {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-faq-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.75rem;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 4px 15px rgba(14, 165, 233, 0.1);\r\n    }\r\n\r\n    .cccw-faq-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: faq-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes faq-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-faq-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-faq-main-title {\r\n        font-size: 42px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n        margin: 0;\r\n    }\r\n\r\n    .cccw-faq-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    \/* FAQ Accordion *\/\r\n    .cccw-faq-accordion {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-faq-item {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        border: 1px solid rgba(14, 165, 233, 0.2);\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 6px 25px rgba(14, 165, 233, 0.08);\r\n        transition: all 0.4s ease;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: faq-item-appear 0.6s ease-out var(--faq-delay) forwards;\r\n    }\r\n\r\n    @keyframes faq-item-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-faq-item:hover {\r\n        box-shadow: 0 10px 35px rgba(14, 165, 233, 0.15);\r\n        border-color: rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-faq-toggle {\r\n        display: none;\r\n    }\r\n\r\n    .cccw-faq-question {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 1.5rem;\r\n        cursor: pointer;\r\n        user-select: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-faq-question:hover {\r\n        background: rgba(14, 165, 233, 0.05);\r\n    }\r\n\r\n    .cccw-question-content {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 1rem;\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-question-number {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-question-text {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-question-icon {\r\n        width: 32px;\r\n        height: 32px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-question-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .cccw-question-toggle-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 2px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        flex-shrink: 0;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-toggle-plus,\r\n    .cccw-toggle-minus {\r\n        position: absolute;\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .cccw-toggle-minus {\r\n        opacity: 0;\r\n        transform: rotate(-90deg);\r\n    }\r\n\r\n    .cccw-faq-toggle:checked + .cccw-faq-question .cccw-toggle-plus {\r\n        opacity: 0;\r\n        transform: rotate(90deg);\r\n    }\r\n\r\n    .cccw-faq-toggle:checked + .cccw-faq-question .cccw-toggle-minus {\r\n        opacity: 1;\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    .cccw-faq-toggle:checked + .cccw-faq-question .cccw-question-toggle-icon {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-color: #0ea5e9;\r\n    }\r\n\r\n    .cccw-faq-toggle:checked + .cccw-faq-question .cccw-question-toggle-icon .cccw-toggle-minus {\r\n        color: white;\r\n    }\r\n\r\n    .cccw-faq-answer {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.4s ease, padding 0.4s ease;\r\n    }\r\n\r\n    .cccw-faq-toggle:checked ~ .cccw-faq-answer {\r\n        max-height: 500px;\r\n        padding: 0 1.5rem 1.5rem 1.5rem;\r\n    }\r\n\r\n    .cccw-answer-content {\r\n        display: flex;\r\n        gap: 0.75rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(6, 182, 212, 0.02));\r\n        border-radius: 12px;\r\n        border-left: 4px solid #0ea5e9;\r\n    }\r\n\r\n    .cccw-answer-icon {\r\n        width: 32px;\r\n        height: 32px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: white;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .cccw-answer-text {\r\n        font-size: 14px;\r\n        line-height: 1.6;\r\n        color: #475569;\r\n        margin: 0;\r\n        padding-top: 0.25rem;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 768px) {\r\n        .cccw-faq-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-faq-main-title {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .cccw-faq-question {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-question-content {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .cccw-question-number {\r\n            width: 36px;\r\n            height: 36px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cccw-question-title {\r\n            font-size: 15px;\r\n        }\r\n\r\n        .cccw-faq-toggle:checked ~ .cccw-faq-answer {\r\n            padding: 0 1.25rem 1.25rem 1.25rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-faq-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-faq-main-title {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .cccw-faq-question {\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-question-text {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .cccw-question-title {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cccw-answer-content {\r\n            flex-direction: column;\r\n            padding: 1rem;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0649042 e-con-full e-flex e-con e-parent\" data-id=\"0649042\" data-element_type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c0ae42 elementor-widget elementor-widget-html\" data-id=\"3c0ae42\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cccw-cta-final\">\r\n    <section class=\"cccw-cta-final-section\">\r\n        <!-- Background effects -->\r\n        <div class=\"cccw-cta-bg-effects\">\r\n            <div class=\"cccw-cta-crystal-grid\">\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 10%; --y: 15%; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 25%; --y: 35%; --delay: 0.5s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 45%; --y: 20%; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 65%; --y: 40%; --delay: 1.5s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 80%; --y: 25%; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-cta-crystal-point\" style=\"--x: 90%; --y: 45%; --delay: 2.5s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Animated waves -->\r\n            <div class=\"cccw-cta-waves\">\r\n                <div class=\"cccw-cta-wave\" style=\"--wave-delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cta-wave\" style=\"--wave-delay: 2s;\"><\/div>\r\n                <div class=\"cccw-cta-wave\" style=\"--wave-delay: 4s;\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Floating particles -->\r\n            <div class=\"cccw-cta-particles\">\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 15%; --y: 25%; --size: 8px; --delay: 0s;\"><\/div>\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 35%; --y: 45%; --size: 10px; --delay: 1s;\"><\/div>\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 55%; --y: 30%; --size: 12px; --delay: 2s;\"><\/div>\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 75%; --y: 50%; --size: 9px; --delay: 3s;\"><\/div>\r\n                <div class=\"cccw-cta-particle\" style=\"--x: 85%; --y: 35%; --size: 11px; --delay: 4s;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cccw-cta-container\">\r\n            <!-- Main CTA Card -->\r\n            <div class=\"cccw-cta-main-card\">\r\n                <!-- Header -->\r\n                <div class=\"cccw-cta-header\">\r\n                    <div class=\"cccw-cta-badge\">\r\n                        <div class=\"cccw-cta-badge-dot\"><\/div>\r\n                        <span class=\"cccw-cta-badge-text\">COMMENCEZ<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h2 class=\"cccw-cta-main-title\">\r\n                        Commencez avec <span class=\"cccw-cta-title-highlight\">CCCW-Super AD<\/span> Aujourd'hui\r\n                    <\/h2>\r\n                    \r\n                    <p class=\"cccw-cta-intro-text\">\r\n                        L'adjuvant d'\u00e9tanch\u00e9it\u00e9 capillaire cristallin offre la meilleure protection pour vos projets en b\u00e9ton. De plus, CCCW-Super AD garantit des performances et une fiabilit\u00e9 \u00e9prouv\u00e9es. En outre, choisir la bonne solution d'\u00e9tanch\u00e9it\u00e9 maintenant permet d'\u00e9conomiser de l'argent et d'\u00e9viter des probl\u00e8mes ult\u00e9rieurs.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Key Benefits Grid -->\r\n                <div class=\"cccw-cta-benefits\">\r\n                    <div class=\"cccw-cta-benefit-item\" style=\"--benefit-delay: 0.2s;\">\r\n                        <div class=\"cccw-benefit-icon-wrapper\">\r\n                            <div class=\"cccw-benefit-icon-circle\"><\/div>\r\n                            <span class=\"cccw-benefit-icon-text\">\u2713<\/span>\r\n                        <\/div>\r\n                        <span class=\"cccw-benefit-label\">Protection \u00e0 vie<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-cta-benefit-item\" style=\"--benefit-delay: 0.3s;\">\r\n                        <div class=\"cccw-benefit-icon-wrapper\">\r\n                            <div class=\"cccw-benefit-icon-circle\"><\/div>\r\n                            <span class=\"cccw-benefit-icon-text\">\u2713<\/span>\r\n                        <\/div>\r\n                        <span class=\"cccw-benefit-label\">Technologie d'auto-r\u00e9paration<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-cta-benefit-item\" style=\"--benefit-delay: 0.4s;\">\r\n                        <div class=\"cccw-benefit-icon-wrapper\">\r\n                            <div class=\"cccw-benefit-icon-circle\"><\/div>\r\n                            <span class=\"cccw-benefit-icon-text\">\u2713<\/span>\r\n                        <\/div>\r\n                        <span class=\"cccw-benefit-label\">Solution \u00c9conomique<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"cccw-cta-benefit-item\" style=\"--benefit-delay: 0.5s;\">\r\n                        <div class=\"cccw-benefit-icon-wrapper\">\r\n                            <div class=\"cccw-benefit-icon-circle\"><\/div>\r\n                            <span class=\"cccw-benefit-icon-text\">\u2713<\/span>\r\n                        <\/div>\r\n                        <span class=\"cccw-benefit-label\">Application facile<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Warning Box -->\r\n                <div class=\"cccw-cta-warning\">\r\n                    <div class=\"cccw-warning-icon\">\u26a0<\/div>\r\n                    <div class=\"cccw-warning-content\">\r\n                        <h4 class=\"cccw-warning-title\">Ne pas attendre que les d\u00e9g\u00e2ts d'eau ruinent votre b\u00e9ton<\/h4>\r\n                        <p class=\"cccw-warning-text\">Au lieu de cela, prot\u00e9gez votre investissement avec la puissance de la technologie cristalline. De plus, contactez LANDU NOVASTAR d\u00e8s aujourd'hui pour en savoir plus sur la fa\u00e7on dont l'adjuvant d'\u00e9tanch\u00e9it\u00e9 capillaire cristallin peut b\u00e9n\u00e9ficier \u00e0 votre prochain projet.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CTA Button Section -->\r\n                <div class=\"cccw-cta-action\">\r\n                    <div class=\"cccw-action-content\">\r\n                        <h3 class=\"cccw-action-title\">Obtenez votre devis pour CCCW-Super AD d\u00e8s aujourd'hui !<\/h3>\r\n                        <p class=\"cccw-action-subtitle\">Rejoignez des milliers de clients satisfaits dans le monde entier<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-action-buttons\">\r\n                        <a href=\"https:\/\/landu-china.com\/fr\/nous-contacter\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cccw-action-button cccw-button-primary\">\r\n                            <span class=\"cccw-button-icon\">\ud83d\udcac<\/span>\r\n                            <span class=\"cccw-button-text\">Nous contacter<\/span>\r\n                            <span class=\"cccw-button-arrow\">\u2192<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Trust Indicators -->\r\n            <div class=\"cccw-trust-section\">\r\n                <div class=\"cccw-trust-item\" style=\"--trust-delay: 0.2s;\">\r\n                    <div class=\"cccw-trust-icon\">\r\n                        <span class=\"cccw-trust-number\">15+<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-trust-text\">\r\n                        <div class=\"cccw-trust-label\">Ann\u00e9es d'exp\u00e9rience<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-trust-item\" style=\"--trust-delay: 0.3s;\">\r\n                    <div class=\"cccw-trust-icon\">\r\n                        <span class=\"cccw-trust-number\">50+<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-trust-text\">\r\n                        <div class=\"cccw-trust-label\">Pays desservis<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-trust-item\" style=\"--trust-delay: 0.4s;\">\r\n                    <div class=\"cccw-trust-icon\">\r\n                        <span class=\"cccw-trust-number\">1000+<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-trust-text\">\r\n                        <div class=\"cccw-trust-label\">Projets r\u00e9ussis<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cccw-trust-item\" style=\"--trust-delay: 0.5s;\">\r\n                    <div class=\"cccw-trust-icon\">\r\n                        <span class=\"cccw-trust-number\">24\/7<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-trust-text\">\r\n                        <div class=\"cccw-trust-label\">Support technique<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    .cccw-cta-final {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    .cccw-cta-final *,\r\n    .cccw-cta-final *::before,\r\n    .cccw-cta-final *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .cccw-cta-final-section {\r\n        background: linear-gradient(135deg, #0c4a6e 0%, #075985 25%, #0369a1 50%, #0284c7 75%, #0ea5e9 100%);\r\n        padding: 2.5rem 2rem;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Background Effects *\/\r\n    .cccw-cta-bg-effects {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cccw-cta-crystal-grid {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-cta-crystal-point {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: 8px;\r\n        height: 8px;\r\n        background: rgba(255, 255, 255, 0.6);\r\n        border-radius: 2px;\r\n        transform: rotate(45deg);\r\n        opacity: 0;\r\n        animation: cta-crystal-appear 1s ease-out var(--delay) forwards,\r\n                   cta-crystal-twinkle 3s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    .cccw-cta-crystal-point::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 32px;\r\n        height: 32px;\r\n        border: 2px solid rgba(255, 255, 255, 0.3);\r\n        transform: translate(-50%, -50%) rotate(45deg);\r\n        animation: cta-crystal-pulse 4s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cta-crystal-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    @keyframes cta-crystal-twinkle {\r\n        0%, 100% { opacity: 0.4; }\r\n        50% { opacity: 1; }\r\n    }\r\n\r\n    @keyframes cta-crystal-pulse {\r\n        0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(0.8); opacity: 0.3; }\r\n        50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.4); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Animated Waves *\/\r\n    .cccw-cta-waves {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cccw-cta-wave {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: -100%;\r\n        width: 200%;\r\n        height: 100%;\r\n        background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\r\n        animation: cta-wave-move 20s linear var(--wave-delay) infinite;\r\n    }\r\n\r\n    @keyframes cta-wave-move {\r\n        0% { transform: translateX(0) translateY(0); }\r\n        100% { transform: translateX(50%) translateY(-20px); }\r\n    }\r\n\r\n    .cccw-cta-particles {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .cccw-cta-particle {\r\n        position: absolute;\r\n        left: var(--x);\r\n        top: var(--y);\r\n        width: var(--size);\r\n        height: var(--size);\r\n        background: rgba(255, 255, 255, 0.6);\r\n        border-radius: 50%;\r\n        opacity: 0;\r\n        animation: cta-particle-float 6s ease-in-out var(--delay) infinite;\r\n    }\r\n\r\n    @keyframes cta-particle-float {\r\n        0%, 100% { opacity: 0; transform: translateY(0) scale(1); }\r\n        25% { opacity: 0.8; transform: translateY(-20px) scale(1.3); }\r\n        75% { opacity: 0.8; transform: translateY(20px) scale(0.8); }\r\n    }\r\n\r\n    .cccw-cta-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Main CTA Card *\/\r\n    .cccw-cta-main-card {\r\n        background: rgba(255, 255, 255, 0.98);\r\n        border-radius: 24px;\r\n        padding: 2rem;\r\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n        backdrop-filter: blur(20px);\r\n        margin-bottom: 1.25rem;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        animation: cta-card-appear 1s ease-out 0.3s forwards;\r\n    }\r\n\r\n    @keyframes cta-card-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    \/* Header *\/\r\n    .cccw-cta-header {\r\n        text-align: center;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .cccw-cta-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        padding: 6px 18px;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border: 1px solid rgba(14, 165, 233, 0.3);\r\n        border-radius: 30px;\r\n        margin-bottom: 0.625rem;\r\n    }\r\n\r\n    .cccw-cta-badge-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        border-radius: 50%;\r\n        animation: cta-dot-pulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes cta-dot-pulse {\r\n        0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); }\r\n        50% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(14, 165, 233, 0); }\r\n    }\r\n\r\n    .cccw-cta-badge-text {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0ea5e9;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .cccw-cta-main-title {\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        line-height: 1.2;\r\n        margin-bottom: 0.625rem;\r\n    }\r\n\r\n    .cccw-cta-title-highlight {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4, #0891b2);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-cta-intro-text {\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Benefits Grid *\/\r\n    .cccw-cta-benefits {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 0.875rem;\r\n        margin-bottom: 1.25rem;\r\n        padding: 1.25rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.05), rgba(6, 182, 212, 0.02));\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .cccw-cta-benefit-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 0.5rem;\r\n        opacity: 0;\r\n        animation: cta-benefit-appear 0.6s ease-out var(--benefit-delay) forwards;\r\n    }\r\n\r\n    @keyframes cta-benefit-appear {\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    .cccw-benefit-icon-wrapper {\r\n        width: 50px;\r\n        height: 50px;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-benefit-icon-circle {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.1));\r\n        border: 3px solid #0ea5e9;\r\n        border-radius: 50%;\r\n        animation: cta-icon-pulse 2s ease-out infinite;\r\n    }\r\n\r\n    @keyframes cta-icon-pulse {\r\n        0% { transform: scale(1); opacity: 1; }\r\n        100% { transform: scale(1.4); opacity: 0; }\r\n    }\r\n\r\n    .cccw-benefit-icon-text {\r\n        position: relative;\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        color: #0ea5e9;\r\n        z-index: 2;\r\n    }\r\n\r\n    .cccw-benefit-label {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n        text-align: center;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    \/* Warning Box *\/\r\n    .cccw-cta-warning {\r\n        display: flex;\r\n        gap: 1rem;\r\n        padding: 1rem;\r\n        background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(245, 158, 11, 0.05));\r\n        border: 2px solid rgba(251, 191, 36, 0.3);\r\n        border-left: 6px solid #fbbf24;\r\n        border-radius: 16px;\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .cccw-warning-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: linear-gradient(135deg, #fbbf24, #f59e0b);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 28px;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 6px 20px rgba(251, 191, 36, 0.3);\r\n    }\r\n\r\n    .cccw-warning-content {\r\n        flex: 1;\r\n    }\r\n\r\n    .cccw-warning-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0f172a;\r\n        margin: 0 0 0.375rem 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .cccw-warning-text {\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n        color: #475569;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* CTA Action *\/\r\n    .cccw-cta-action {\r\n        text-align: center;\r\n        padding: 1.5rem;\r\n        background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), rgba(6, 182, 212, 0.05));\r\n        border-radius: 20px;\r\n        border: 2px solid rgba(14, 165, 233, 0.2);\r\n    }\r\n\r\n    .cccw-action-content {\r\n        margin-bottom: 1.25rem;\r\n    }\r\n\r\n    .cccw-action-title {\r\n        font-size: 26px;\r\n        font-weight: 800;\r\n        color: #0f172a;\r\n        margin: 0 0 0.375rem 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .cccw-action-subtitle {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        margin: 0;\r\n    }\r\n\r\n    .cccw-action-buttons {\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .cccw-action-button {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n        padding: 1.125rem 2.5rem;\r\n        border-radius: 14px;\r\n        text-decoration: none;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cccw-button-primary {\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        color: white;\r\n        box-shadow: 0 8px 25px rgba(14, 165, 233, 0.4);\r\n    }\r\n\r\n    .cccw-button-primary:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 12px 35px rgba(14, 165, 233, 0.5);\r\n    }\r\n\r\n    .cccw-button-icon {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .cccw-button-arrow {\r\n        font-size: 24px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .cccw-action-button:hover .cccw-button-arrow {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* Trust Section *\/\r\n    .cccw-trust-section {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 1rem;\r\n    }\r\n\r\n    .cccw-trust-item {\r\n        background: rgba(255, 255, 255, 0.95);\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        border-radius: 16px;\r\n        padding: 1rem;\r\n        text-align: center;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        animation: cta-trust-appear 0.6s ease-out var(--trust-delay) forwards;\r\n    }\r\n\r\n    @keyframes cta-trust-appear {\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .cccw-trust-icon {\r\n        margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .cccw-trust-number {\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        background: linear-gradient(135deg, #0ea5e9, #06b6d4);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .cccw-trust-label {\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .cccw-cta-benefits {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n\r\n        .cccw-trust-section {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cccw-cta-final-section {\r\n            padding: 2rem 1.5rem;\r\n        }\r\n\r\n        .cccw-cta-main-card {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .cccw-cta-main-title {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .cccw-cta-intro-text {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .cccw-cta-benefits {\r\n            grid-template-columns: 1fr;\r\n            padding: 1rem;\r\n        }\r\n\r\n        .cccw-cta-warning {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .cccw-warning-icon {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .cccw-action-title {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .cccw-action-button {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n\r\n        .cccw-trust-section {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cccw-cta-final-section {\r\n            padding: 1.5rem 1rem;\r\n        }\r\n\r\n        .cccw-cta-main-card {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-cta-main-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .cccw-cta-action {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .cccw-action-title {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .cccw-action-button {\r\n            padding: 1rem 2rem;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .cccw-warning-title {\r\n            font-size: 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>TECHNOLOGIE D'IMPERM\u00c9ABILISATION CRISTALLINE NOVASTAR CCCW-Super AD Additif Cristallin Imperm\u00e9abilisant Capillaire Votre b\u00e9ton, auto-prot\u00e9g\u00e9. Construisez un b\u00e9ton \u00e9tanche avec une technologie cristalline avanc\u00e9e qui offre une protection permanente de l'int\u00e9rieur. NOVASTAR CCCW-Super AD cr\u00e9e une barri\u00e8re imperm\u00e9able qui scelle activement les fissures et r\u00e9siste aux conditions difficiles. Auto-r\u00e9parateur, scelle les fissures \u22640,5 mm, dose de 1 kg\/m\u00b3, r\u00e9sistant jusqu'\u00e0 20 bar [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":695,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-23645","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/pages\/23645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/comments?post=23645"}],"version-history":[{"count":17,"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/pages\/23645\/revisions"}],"predecessor-version":[{"id":23670,"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/pages\/23645\/revisions\/23670"}],"up":[{"embeddable":true,"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/pages\/695"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/fr\/wp-json\/wp\/v2\/media?parent=23645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}