{"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":"krystalicka-kapilarni-hydroizolacni-prisada-cccw-super-ad","status":"publish","type":"page","link":"https:\/\/landu-china.com\/cs\/produkty\/krystalicka-kapilarni-hydroizolacni-prisada-cccw-super-ad\/","title":{"rendered":"Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada \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 krystalick\u00e9 hydroizolace<\/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\">Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"novastar-subtitle\">\r\n                    V\u00e1\u0161 beton, <span class=\"novastar-highlight\">Sebep\u0159ilnav\u00fd<\/span>.\r\n                <\/p>\r\n                \r\n                <div class=\"novastar-description\">\r\n                    <p>Vytvo\u0159te vodot\u011bsn\u00fd beton s pokro\u010dilou krystalickou technologi\u00ed, kter\u00e1 poskytuje trvalou ochranu zevnit\u0159.<\/p>\r\n                    <p>NOVASTAR CCCW-Super AD vytv\u00e1\u0159\u00ed nepropustnou bari\u00e9ru, kter\u00e1 aktivn\u011b ut\u011bs\u0148uje praskliny a odol\u00e1v\u00e1 drsn\u00fdm podm\u00ednk\u00e1m.<\/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\">Samouzdravuj\u00edc\u00ed<\/div>\r\n                        <div class=\"novastar-property-desc\">Ut\u011bsn\u00ed praskliny \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\">Trval\u00fd<\/div>\r\n                        <div class=\"novastar-property-desc\">D\u00e1vka 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\">Odoln\u00fd<\/div>\r\n                        <div class=\"novastar-property-desc\">Odol\u00e1v\u00e1 tlaku a\u017e 20 bar\u016f<\/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>Chemicky odoln\u00fd<\/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>Ne\u0161kodn\u00e1 slo\u017een\u00ed<\/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>Snadn\u00e1 aplikace<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"novastar-cta-buttons\">\r\n                    <a href=\"https:\/\/landu-china.com\/cs\/kontaktujte-nas\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"novastar-btn novastar-btn-primary\">\r\n                        <span>Z\u00edskejte svou nab\u00eddku je\u0161t\u011b dnes<\/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=\"Produkt NOVASTAR CCCW-Super AD\" \/>\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\">V\u00fdkonnostn\u00ed \u00fadaje<\/div>\r\n                        <div class=\"novastar-tech-status\">\r\n                            <div class=\"novastar-status-dot\"><\/div>\r\n                            <span>Certifikovan\u00fd<\/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\">Hydroizolace<\/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\u016f<\/span>\r\n                        <\/div>\r\n                        <div class=\"novastar-spec-item\">\r\n                            <span class=\"novastar-spec-label\">Samouzdravuj\u00edc\u00ed<\/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\">D\u00e1vkov\u00e1n\u00ed<\/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\">Odolnost proti tlaku<\/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\">POKRO\u010cIL\u00c1 HYDROIZOLACE<\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"waterproof-hero-title\">\r\n                    Krystalick\u00e1 kapil\u00e1ra<br>\r\n                    <span class=\"waterproof-hero-gradient\">Hydroizola\u010dn\u00ed p\u0159\u00edsada<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"waterproof-hero-description\">\r\n                    U\u017e v\u00e1s nebav\u00ed beton, kter\u00fd prask\u00e1 a prosakuje vodou? Tato speci\u00e1ln\u00ed p\u0159\u00edsada do betonu funguje jako kouzlo uvnit\u0159 va\u0161eho betonu, vytv\u00e1\u0159\u00ed mal\u00e9 krystaly, kter\u00e9 blokuj\u00ed pr\u016fnik vody.\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 samoozdravov\u00e1n\u00ed<\/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>Trval\u00e1 ochrana<\/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>Jednoduch\u00e1 aplikace<\/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\">Kl\u00ed\u010dov\u00e9 poznatky<\/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\">Samouzdravuj\u00edc\u00ed<\/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\">V\u00fdhoda:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Automaticky opravuje praskliny do 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\">Nen\u00ed t\u0159eba drah\u00fdch oprav<\/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\">Trval\u00e1 ochrana<\/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\">V\u00fdhoda:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Vydr\u017e\u00ed po cel\u00fd \u017eivot betonu<\/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\">U\u0161et\u0159ete pen\u00edze na \u00fadr\u017eb\u011b<\/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\">Snadn\u00e9 pou\u017eit\u00ed<\/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\">V\u00fdhoda:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Sta\u010d\u00ed sm\u00edchat 1 kg na kubick\u00fd metr<\/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\">Jednoduch\u00fd proces aplikace<\/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\">Chemick\u00e1 odolnost<\/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\">V\u00fdhoda:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Chr\u00e1n\u00ed proti po\u0161kozen\u00ed sol\u00ed a kyselinami<\/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\">Siln\u011bj\u0161\u00ed, odoln\u011bj\u0161\u00ed beton<\/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\">Schopnost samoopravy<\/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\">D\u00e1vkov\u00e1n\u00ed aplikace<\/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\">\u017divotnost<\/div>\r\n                    <div class=\"waterproof-stat-label\">Doba ochrany<\/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                    Co p\u0159esn\u011b je CCCW-Super AD<br>\r\n                    <span class=\"waterproof-exp-title-highlight\">Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada?<\/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>P\u0159edstavte si krystalickou kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsadu jako <strong>super chytr\u00e9ho pomocn\u00edka pro beton<\/strong>. Nav\u00edc, kdy\u017e ji sm\u00edch\u00e1te s betonem, za\u010dne okam\u017eit\u011b fungovat. Ve skute\u010dnosti tato p\u0159\u00edsada obsahuje speci\u00e1ln\u00ed chemik\u00e1lie, kter\u00e9 reaguj\u00ed s vodou a cementem.<\/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                            Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada p\u0159em\u011b\u0148uje b\u011b\u017en\u00fd beton na samo-ochrann\u00fd, vod\u011bodoln\u00fd materi\u00e1l, kter\u00fd s \u010dasem s\u00edl\u00ed.\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                            Jak to funguje jednodu\u0161e:\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\">Nejprve<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">P\u0159id\u00e1te krystalickou kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsadu do mokr\u00e9ho betonu<\/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\">Pak<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">M\u00edch\u00e1 se s cementem a vodou, aby vytvo\u0159il speci\u00e1ln\u00ed krystaly<\/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\">Dal\u0161\u00ed<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Tyto krystaly rostou uvnit\u0159 mal\u00fdch d\u011br v betonu<\/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\">Nakonec<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Krystaly br\u00e1n\u00ed pr\u016fchodu vody<\/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=\"Pr\u00e1\u0161ek 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\">Pr\u00e9miov\u00e1 kvalita<\/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\">Pokro\u010dil\u00e1 formule<\/div>\r\n                                    <div class=\"waterproof-exp-tag-value\">Samouzdravuj\u00edc\u00ed<\/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\">Ochrana<\/div>\r\n                                    <div class=\"waterproof-exp-tag-value\">\u017divotnost<\/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\">Okam\u017eit\u00e1 aktivace<\/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\">Tvorba krystal\u016f<\/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\">Zabra\u0148uje pr\u016fchodu vody<\/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\">PREMIUM VOLBA<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-main-title\">\r\n                    Pro\u010d zvolit <span class=\"cccw-title-highlight\">CCCW-Super AD<\/span><br>\r\n                    Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada?\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-intro-text\">\r\n                    CCCW-Super AD je vysoce kvalitn\u00ed krystalick\u00fd kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada. Nav\u00edc nab\u00edz\u00ed mnoho v\u00fdhod, kter\u00e9 ji \u010din\u00ed lep\u0161\u00ed ne\u017e b\u011b\u017en\u00e9 hydroizola\u010dn\u00ed metody. Tento produkt byl d\u00e1le testov\u00e1n a prok\u00e1zal svou \u00fa\u010dinnost v n\u00e1ro\u010dn\u00fdch podm\u00ednk\u00e1ch.\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                    \u00da\u017easn\u00e9 v\u00fdhody krystalick\u00e9 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsady\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\">Sni\u017euje praskliny o 60%<\/h4>\r\n                        <p class=\"cccw-card-description\">M\u00e9n\u011b prasklin znamen\u00e1 pevn\u011bj\u0161\u00ed beton<\/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\">Schopnost samol\u00e9\u010den\u00ed<\/h4>\r\n                        <p class=\"cccw-card-description\">Automaticky opravuje mal\u00e9 praskliny, kdy\u017e na n\u011b p\u0159ijde voda<\/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\">Trval\u00e1 ochrana<\/h4>\r\n                        <p class=\"cccw-card-description\">Funguje po cel\u00fd \u017eivot va\u0161eho betonu<\/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\">Odol\u00e1v\u00e1 vysok\u00e9mu tlaku<\/h4>\r\n                        <p class=\"cccw-card-description\">M\u016f\u017ee odolat vodn\u00edmu tlaku a\u017e 12 bar\u016f<\/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\">Chemick\u00e1 odolnost<\/h4>\r\n                        <p class=\"cccw-card-description\">Chr\u00e1n\u00ed proti po\u0161kozen\u00ed sol\u00ed a kyselinami<\/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\">Bezpe\u010dn\u00e9<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">Bezpe\u010dn\u00e9 pro pitnou vodu<\/h4>\r\n                        <p class=\"cccw-card-description\">Ne\u0161kod\u00ed lidem ani zv\u00ed\u0159at\u016fm<\/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\">\u0160et\u0159\u00ed vodu<\/h4>\r\n                        <p class=\"cccw-card-description\">Sni\u017euje pot\u0159ebu vody p\u0159ibli\u017en\u011b o 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\">Nejvy\u0161\u0161\u00ed kvalita<\/div>\r\n                        <div class=\"cccw-stat-label\">Ov\u011b\u0159en\u00fd v\u00fdkon<\/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\">Testov\u00e1no a ov\u011b\u0159eno<\/div>\r\n                        <div class=\"cccw-stat-label\">N\u00e1ro\u010dn\u00e9 podm\u00ednky<\/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\">Lep\u0161\u00ed volba<\/div>\r\n                        <div class=\"cccw-stat-label\">Ne\u017e b\u011b\u017en\u00e9 metody<\/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\">TECHNICK\u00c9 \u00daDAJE<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-spec-main-title\">\r\n                    Technick\u00e9 specifikace <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                    Porozum\u011bn\u00ed technick\u00fdm detail\u016fm v\u00e1m pom\u016f\u017ee spr\u00e1vn\u011b pou\u017e\u00edvat krystalick\u00fd kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada. Nav\u00edc tyto specifikace zajist\u00ed, \u017ee dos\u00e1hnete nejlep\u0161\u00edch v\u00fdsledk\u016f ze sv\u00e9ho betonov\u00e9ho projektu.\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=\"Produkt NOVASTAR CCCW-Super AD\" 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\">Pr\u00e9miov\u00e1 kvalita<\/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\">Technick\u00fd list<\/h4>\r\n                                <p class=\"cccw-download-desc\">Kompletn\u00ed specifikace a pokyny<\/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>St\u00e1hnout 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\">D\u00e1vkov\u00e1n\u00ed<\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">\u22640,5mm<\/div>\r\n                            <div class=\"cccw-stat-label\">Samouzdravuj\u00edc\u00ed<\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">20 bar\u016f<\/div>\r\n                            <div class=\"cccw-stat-label\">Tlak<\/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\">Majetek<\/div>\r\n                            <div class=\"cccw-spec-header-cell\">Specifikace<\/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\">Barva<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">B\u00edl\u00fd pr\u00e1\u0161ek<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Snadno rozpoznateln\u00e9<\/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\">Forma<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">Jemn\u00fd pr\u00e1\u0161ek<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Snadn\u00e9 m\u00edch\u00e1n\u00ed<\/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\">D\u00e1vkov\u00e1n\u00ed<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">1 kg na m\u00b3<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Ekonomick\u00e9<\/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\">L\u00e9\u010den\u00ed prasklin<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">A\u017e 0,5mm<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Samouzav\u00edrac\u00ed<\/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\">Voda tlak<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">A\u017e 20 bar\u016f<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Vysok\u00e1 odolnost<\/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\">Aplikace<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">P\u0159\u00edm\u00e9 m\u00edch\u00e1n\u00ed<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">\u017d\u00e1dn\u00e9 speci\u00e1ln\u00ed n\u00e1stroje<\/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\">Snadn\u00e1 aplikace<\/h4>\r\n                        <p class=\"cccw-info-text\">Jednoduch\u00e1 pr\u00e1\u0161kov\u00e1 forma se p\u0159\u00edmo m\u00edch\u00e1 s betonem p\u0159i d\u00e1vkov\u00e1n\u00ed<\/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\">Dlouhotrvaj\u00edc\u00ed<\/h4>\r\n                        <p class=\"cccw-info-text\">Trval\u00e1 ochrana, kter\u00e1 vydr\u017e\u00ed po cel\u00fd \u017eivot betonu<\/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\">Vysok\u00fd v\u00fdkon<\/h4>\r\n                        <p class=\"cccw-info-text\">Odol\u00e1v\u00e1 extr\u00e9mn\u00edmu vodn\u00edmu tlaku a\u017e do 20 bar\u016f<\/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\">APLIKACE<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-app-main-title\">\r\n                    Kde M\u016f\u017eete Pou\u017e\u00edt <span class=\"cccw-app-title-highlight\">Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada?<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-app-intro-text\">\r\n                    Krystalick\u00fd kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada skv\u011ble funguje v mnoha r\u016fzn\u00fdch projektech. Nav\u00edc je ide\u00e1ln\u00ed jak pro novou v\u00fdstavbu, tak pro opravy. M\u016f\u017eete ji tak\u00e9 pou\u017e\u00edt kdekoliv, kde pot\u0159ebujete pevn\u00fd, vodot\u011bsn\u00fd beton.\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\">Obl\u00edben\u00e9 pou\u017eit\u00ed zahrnuje:<\/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=\"Z\u00e1klady budov\" \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\">Z\u00e1klady budov<\/h4>\r\n                        <p class=\"cccw-app-description\">Udr\u017euje sklepy such\u00e9 a bezpe\u010dn\u00e9<\/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=\"Baz\u00e9ny\" \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\">Baz\u00e9ny<\/h4>\r\n                        <p class=\"cccw-app-description\">Zabra\u0148uje \u00fanik\u016fm a ztr\u00e1t\u00e1m vody<\/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=\"Vodn\u00ed n\u00e1dr\u017ee\" \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\">Vodn\u00ed n\u00e1dr\u017ee<\/h4>\r\n                        <p class=\"cccw-app-description\">Zaji\u0161\u0165uje \u010dist\u00e9 a bezpe\u010dn\u00e9 skladov\u00e1n\u00ed vody<\/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=\"Tunely\" \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\">Tunely<\/h4>\r\n                        <p class=\"cccw-app-description\">Chr\u00e1n\u00ed p\u0159ed pronik\u00e1n\u00edm podzemn\u00ed vody<\/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=\"Parkovac\u00ed gar\u00e1\u017ee\" \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\">Parkovac\u00ed gar\u00e1\u017ee<\/h4>\r\n                        <p class=\"cccw-app-description\">Zabra\u0148uje po\u0161kozen\u00ed vodou od aut a po\u010das\u00ed<\/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=\"N\u00e1mo\u0159n\u00ed konstrukce\" \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\">N\u00e1mo\u0159n\u00ed konstrukce<\/h4>\r\n                        <p class=\"cccw-app-description\">Odol\u00e1v\u00e1 po\u0161kozen\u00ed slanou vodou<\/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=\"V\u00fdtahov\u00e9 \u0161achty\" \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\">V\u00fdtahov\u00e9 \u0161achty<\/h4>\r\n                        <p class=\"cccw-app-description\">Udr\u017euje mechanick\u00e9 prostory such\u00e9<\/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\">Univerz\u00e1ln\u00ed \u0159e\u0161en\u00ed pro v\u0161echny projekty s betonem<\/h4>\r\n                        <p class=\"cccw-summary-description\">Od reziden\u010dn\u00edch sklep\u016f po velk\u00e9 infrastrukturn\u00ed projekty, CCCW-Super AD poskytuje spolehlivou hydroizola\u010dn\u00ed ochranu pro jak\u00e9koli pou\u017eit\u00ed<\/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\">P\u0158\u00cdRU\u010cKA K POU\u017dIT\u00cd<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-method-main-title\">\r\n                    Jak aplikovat Super-AD <span class=\"cccw-method-title-highlight\">Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-method-intro-text\">\r\n                    Pou\u017eit\u00ed krystalick\u00e9ho kapil\u00e1rn\u00edho hydroizola\u010dn\u00edho p\u0159\u00edsady je vlastn\u011b docela jednoduch\u00e9. Nicm\u00e9n\u011b spr\u00e1vn\u00fd postup zaji\u0161\u0165uje nejlep\u0161\u00ed v\u00fdsledky. Nav\u00edc spr\u00e1vn\u00e1 aplikace garantuje dlouhotrvaj\u00edc\u00ed ochranu.\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\">Snadn\u00e1 metoda m\u00edch\u00e1n\u00ed<\/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=\"Snadn\u00e1 metoda m\u00edch\u00e1n\u00ed\" \r\n                                 class=\"cccw-primary-image\">\r\n                            <div class=\"cccw-primary-image-overlay\">\r\n                                <div class=\"cccw-primary-overlay-badge\">Doporu\u010den\u00e1 metoda<\/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\">Nejprve<\/div>\r\n                                <p class=\"cccw-step-text\">P\u0159idejte cement do va\u0161eho betonov\u00e9ho m\u00edcha\u010de<\/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\">Pak<\/div>\r\n                                <p class=\"cccw-step-text\">P\u0159idejte krystalickou kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsadu<\/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\">Dal\u0161\u00ed<\/div>\r\n                                <p class=\"cccw-step-text\">M\u00edchejte vysokou rychlost\u00ed po dobu 10 minut<\/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\">Pot\u00e9<\/div>\r\n                                <p class=\"cccw-step-text\">P\u0159idejte ostatn\u00ed slo\u017eky jako obvykle<\/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\">Nakonec<\/div>\r\n                                <p class=\"cccw-step-text\">Nalijte a upravte beton jako obvykle<\/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\">Pamatujte:<\/div>\r\n                        <p class=\"cccw-note-text\">V\u017edy p\u0159id\u00e1vejte krystalickou kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsadu p\u0159ed ostatn\u00ed chemick\u00e9 p\u0159\u00edsady, aby nedo\u0161lo k naru\u0161en\u00ed \u00fa\u010dinku.<\/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\">Alternativn\u00ed metody aplikace<\/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\">Metoda such\u00e9ho posypu<\/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=\"Metoda such\u00e9ho posypu\" \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\">Posypte 1,5 kg na \u010dtvere\u010dn\u00ed metr na povrch betonu<\/li>\r\n                            <li class=\"cccw-alt-step\">Zapracujte ho do povrchu pomoc\u00ed hlad\u00edtka<\/li>\r\n                            <li class=\"cccw-alt-step\">Nejlep\u0161\u00ed pro rovn\u00e9 povrchy, jako jsou podlahy<\/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\">Aplikace \u0161t\u011btcem<\/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=\"Aplikace \u0161t\u011btcem\" \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\">Sm\u00edchejte pr\u00e1\u0161ek s vodou, aby vznikla pasta<\/li>\r\n                            <li class=\"cccw-alt-step\">Naneste \u0161t\u011btcem s tuh\u00fdm \u0161t\u011btinami ve dvou vrstv\u00e1ch<\/li>\r\n                            <li class=\"cccw-alt-step\">Perfektn\u00ed pro st\u011bny a svisl\u00e9 povrchy<\/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\">N\u00c1KLADOV\u00c9 V\u00ddHODY<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-cost-main-title\">\r\n                    N\u00e1kladov\u00e9 v\u00fdhody <span class=\"cccw-cost-title-highlight\">Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-cost-intro-text\">\r\n                    Zat\u00edmco krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada stoj\u00ed v\u00edce ne\u017e b\u011b\u017en\u00fd beton, u\u0161et\u0159\u00edte pen\u00edze v dlouhodob\u00e9m horizontu. Nav\u00edc se vyhnete n\u00e1kladn\u00fdm oprav\u00e1m a \u00fadr\u017eb\u011b. D\u00e1le je trval\u00e1 ochrana znamen\u00e1, \u017ee nen\u00ed pot\u0159eba v\u00fdm\u011bna.\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\">V\u00fdhody \u00faspor pen\u011bz:<\/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\">Nen\u00ed pot\u0159eba hydroizola\u010dn\u00ed membr\u00e1ny<\/h4>\r\n                        <p class=\"cccw-benefit-description\">U\u0161et\u0159\u00edte na materi\u00e1lech a pr\u00e1ci<\/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\">Vy\u017eaduje m\u00e9n\u011b oprav<\/h4>\r\n                        <p class=\"cccw-benefit-description\">Seberegenerace sni\u017euje n\u00e1klady na \u00fadr\u017ebu<\/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\">Del\u0161\u00ed \u017eivotnost betonu<\/h4>\r\n                        <p class=\"cccw-benefit-description\">Chr\u00e1n\u00ed va\u0161i investici na desetilet\u00ed<\/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\">Nen\u00ed pot\u0159eba specializovan\u00fdch dodavatel\u016f<\/h4>\r\n                        <p class=\"cccw-benefit-description\">B\u011b\u017en\u00ed pracovn\u00edci betonu ji mohou aplikovat<\/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\">Tradi\u010dn\u00ed metoda<\/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\">Drah\u00e9 membr\u00e1ny<\/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\">\u010cast\u00e9 opravy<\/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\">Specializovan\u00e1 pr\u00e1ce<\/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\">Omezen\u00e1 \u017eivotnost<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-footer\">\r\n                        <div class=\"cccw-footer-label\">Dlouhodob\u00e9 n\u00e1klady<\/div>\r\n                        <div class=\"cccw-footer-value cccw-value-high\">Vysok\u00e1<\/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\">Nen\u00ed pot\u0159eba membr\u00e1n<\/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 samouzdravov\u00e1n\u00ed<\/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\">Standardn\u00ed aplikace<\/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\">Trval\u00e1 ochrana<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-footer\">\r\n                        <div class=\"cccw-footer-label\">Dlouhodob\u00e9 n\u00e1klady<\/div>\r\n                        <div class=\"cccw-footer-value cccw-value-low\">N\u00edzk\u00e1<\/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\">\u00daspory<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"cccw-summary-content\">\r\n                    <h4 class=\"cccw-summary-title\">Chytr\u00e1 investice pro dlouhodob\u00e9 \u00faspory<\/h4>\r\n                    <p class=\"cccw-summary-text\">CCCW-Super AD m\u016f\u017ee m\u00edt vy\u0161\u0161\u00ed po\u010d\u00e1te\u010dn\u00ed n\u00e1klady, ale p\u0159in\u00e1\u0161\u00ed v\u00fdznamn\u00e9 \u00faspory b\u011bhem \u017eivotnosti va\u0161\u00ed betonov\u00e9 konstrukce d\u00edky sn\u00ed\u017een\u00e9 \u00fadr\u017eb\u011b, \u017e\u00e1dn\u00e9 v\u00fdm\u011bn\u011b membr\u00e1n a trval\u00e9 vodot\u011bsn\u00e9 ochran\u011b.<\/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\">POROVN\u00c1N\u00cd<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-methods-main-title\">\r\n                    Porovn\u00e1v\u00e1n\u00ed <span class=\"cccw-methods-title-highlight\">Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada<\/span> s jin\u00fdmi metodami\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-methods-intro-text\">\r\n                    Mnoho lid\u00ed se pt\u00e1, jak se krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada srovn\u00e1v\u00e1 s jin\u00fdmi metodami hydroizolace. Ve skute\u010dnosti nab\u00edz\u00ed n\u011bkolik v\u00fdhod oproti tradi\u010dn\u00edm p\u0159\u00edstup\u016fm.\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\">Metoda<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-durability\">Odolnost<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-healing\">Samouzdravuj\u00edc\u00ed<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-cost\">N\u00e1klady v \u010dase<\/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\">Nejlep\u0161\u00ed volba<\/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\">Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada<\/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\">\u017divotnost<\/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\">Ano<\/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\">N\u00edzk\u00e1<\/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\">Vodot\u011bsn\u00e9 membr\u00e1ny<\/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 let<\/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\">Vysok\u00e1<\/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\">N\u00e1t\u011bry<\/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 let<\/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\">Velmi vysok\u00e1<\/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\">Tmel\u00edc\u00ed p\u00e1sky<\/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 let<\/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\">Velmi vysok\u00e1<\/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\">Pro\u010d vynik\u00e1 CCCW-Super AD:<\/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\">\u017divotn\u00ed ochrana<\/h4>\r\n                            <p class=\"cccw-advantage-text\">Na rozd\u00edl od do\u010dasn\u00fdch \u0159e\u0161en\u00ed trv\u00e1 krystalick\u00e1 technologie tak dlouho, jako samotn\u00fd beton<\/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\">Schopnost samol\u00e9\u010den\u00ed<\/h4>\r\n                            <p class=\"cccw-advantage-text\">Automaticky opravuje praskliny do 0,5 mm, \u010d\u00edm\u017e eliminuje n\u00e1kladnou \u00fadr\u017ebu<\/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\">Ni\u017e\u0161\u00ed dlouhodob\u00e9 n\u00e1klady<\/h4>\r\n                            <p class=\"cccw-advantage-text\">Nen\u00ed t\u0159eba v\u00fdm\u011bna nebo op\u011btovn\u00e1 aplikace, u\u0161et\u0159\u00edte pen\u00edze po desetilet\u00ed<\/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\">\u010cASTO KLADEN\u00c9 DOTAZY<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-faq-main-title\">\r\n                    B\u011b\u017en\u00e9 ot\u00e1zky ohledn\u011b <span class=\"cccw-faq-title-highlight\">Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada<\/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\">Jak dlouho trv\u00e1, ne\u017e krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada za\u010dne fungovat?<\/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\">Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada za\u010d\u00edn\u00e1 fungovat okam\u017eit\u011b po sm\u00edch\u00e1n\u00ed s betonem. Nicm\u00e9n\u011b, st\u00e1v\u00e1 se \u00fa\u010dinn\u011bj\u0161\u00ed \u010dasem, jak krystaly pokra\u010duj\u00ed v r\u016fstu a posilov\u00e1n\u00ed.<\/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\">Mohu pou\u017e\u00edt krystalickou kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsadu v chladn\u00e9m po\u010das\u00ed?<\/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\">Ano, ale dodr\u017eujte b\u011b\u017en\u00e9 postupy pro betonov\u00e1n\u00ed za studena. Nav\u00edc chra\u0148te beton p\u0159ed zamrznut\u00edm, dokud nez\u00edsk\u00e1 dostate\u010dnou pevnost.<\/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\">Zm\u011bn\u00ed krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada barvu betonu?<\/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\">P\u0159\u00edsada je b\u00edl\u00e1 a obvykle v\u00fdrazn\u011b nem\u011bn\u00ed vzhled betonu. M\u016f\u017ee v\u0161ak m\u00edrn\u011b zesv\u011btlit tmav\u0161\u00ed sm\u011bsi betonu.<\/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\">ZA\u010cN\u011aTE<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h2 class=\"cccw-cta-main-title\">\r\n                        Za\u010dn\u011bte s <span class=\"cccw-cta-title-highlight\">CCCW-Super AD<\/span> dnes\r\n                    <\/h2>\r\n                    \r\n                    <p class=\"cccw-cta-intro-text\">\r\n                        Krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada nab\u00edz\u00ed nejlep\u0161\u00ed ochranu pro va\u0161e betonov\u00e9 projekty. Nav\u00edc CCCW-Super AD poskytuje ov\u011b\u0159en\u00fd v\u00fdkon a spolehlivost. D\u00e1le v\u00fdb\u011br spr\u00e1vn\u00e9ho hydroizola\u010dn\u00edho \u0159e\u0161en\u00ed nyn\u00ed u\u0161et\u0159\u00ed pen\u00edze a probl\u00e9my pozd\u011bji.\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\">\u017divotn\u00ed ochrana<\/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 samoozdravov\u00e1n\u00ed<\/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\">N\u00e1kladov\u011b efektivn\u00ed \u0159e\u0161en\u00ed<\/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\">Snadn\u00e1 aplikace<\/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\u010dekejte, a\u017e v\u00e1m vodn\u00ed \u0161kody zni\u010d\u00ed beton<\/h4>\r\n                        <p class=\"cccw-warning-text\">M\u00edsto toho chra\u0148te svou investici silou krystalick\u00e9 technologie. Nav\u00edc kontaktujte LANDU NOVASTAR je\u0161t\u011b dnes a dozv\u00edte se v\u00edce o tom, jak m\u016f\u017ee krystalick\u00e1 kapil\u00e1rn\u00ed hydroizola\u010dn\u00ed p\u0159\u00edsada prosp\u011bt va\u0161emu dal\u0161\u00edmu projektu.<\/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\">Z\u00edskejte svou nab\u00eddku na CCCW-Super AD je\u0161t\u011b dnes!<\/h3>\r\n                        <p class=\"cccw-action-subtitle\">P\u0159ipojte se ke tis\u00edc\u016fm spokojen\u00fdch z\u00e1kazn\u00edk\u016f po cel\u00e9m sv\u011bt\u011b<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-action-buttons\">\r\n                        <a href=\"https:\/\/landu-china.com\/cs\/kontaktujte-nas\/\" 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\">Kontaktujte n\u00e1s<\/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\">Roky zku\u0161enost\u00ed<\/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\">Servisovan\u00e9 zem\u011b<\/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\">\u00dasp\u011b\u0161n\u00e9 projekty<\/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\">Technick\u00e1 podpora<\/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>KRYSTALICK\u00c1 VODOZ\u00c1BRANA TECHNOLOGIE NOVASTAR CCCW-Super AD Krystalick\u00e1 kapil\u00e1rn\u00ed vodot\u011bsn\u00e1 p\u0159\u00edsada Va\u0161eho betonu, samoopravn\u00e1. Vytvo\u0159te vodot\u011bsn\u00fd beton s pokro\u010dilou krystalickou technologi\u00ed, kter\u00e1 poskytuje trvalou ochranu zevnit\u0159. NOVASTAR CCCW-Super AD vytv\u00e1\u0159\u00ed nepropustnou bari\u00e9ru, kter\u00e1 aktivn\u011b ut\u011bs\u0148uje praskliny a odol\u00e1v\u00e1 drsn\u00fdm podm\u00ednk\u00e1m. Samoopravn\u00e9 ut\u011bsn\u011bn\u00ed prasklin do velikosti \u22640,5 mm Trval\u00e9 d\u00e1vkov\u00e1n\u00ed 1 kg\/m\u00b3 Odoln\u00e9 a\u017e do 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\/cs\/wp-json\/wp\/v2\/pages\/23645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/comments?post=23645"}],"version-history":[{"count":17,"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/pages\/23645\/revisions"}],"predecessor-version":[{"id":23670,"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/pages\/23645\/revisions\/23670"}],"up":[{"embeddable":true,"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/pages\/695"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/cs\/wp-json\/wp\/v2\/media?parent=23645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}