{"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":"krystalni-kapilarni-vodoodporni-dodatek-cccw-super-ad","status":"publish","type":"page","link":"https:\/\/landu-china.com\/sl\/izdelki\/krystalni-kapilarni-vodoodporni-dodatek-cccw-super-ad\/","title":{"rendered":"Kristalni kapilarni vodoodporni dodatek \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\">KRISTALNA TEHNOLOGIJA VODOOTPORNEGA ZIDANJA<\/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\">Kristalni kapilarni dodatek za vodotesnost<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"novastar-subtitle\">\r\n                    Va\u0161 beton, <span class=\"novastar-highlight\">Samozavarovalni<\/span>.\r\n                <\/p>\r\n                \r\n                <div class=\"novastar-description\">\r\n                    <p>Zgradite vodotesen beton z napredno kristalno tehnologijo, ki zagotavlja trajno za\u0161\u010dito od znotraj.<\/p>\r\n                    <p>NOVASTAR CCCW-Super AD ustvari neprepustno oviro, ki aktivno zapira razpoke in se upira te\u017ekim pogojem.<\/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\">Samozdravilni<\/div>\r\n                        <div class=\"novastar-property-desc\">Zapira razpoke \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\">Ve\u010dno<\/div>\r\n                        <div class=\"novastar-property-desc\">Odmerka 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\">Odporen<\/div>\r\n                        <div class=\"novastar-property-desc\">Do 20 barov tlaka<\/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>Kemijsko odporen<\/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>Nekotoksi\u010dna formula<\/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>Enostavna uporaba<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"novastar-cta-buttons\">\r\n                    <a href=\"https:\/\/landu-china.com\/sl\/stopite-v-stik-z-nami\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"novastar-btn novastar-btn-primary\">\r\n                        <span>Zahtevajte ponudbo danes<\/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=\"Izdelek 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\">Podatki o zmogljivosti<\/div>\r\n                        <div class=\"novastar-tech-status\">\r\n                            <div class=\"novastar-status-dot\"><\/div>\r\n                            <span>Certificirano<\/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\">Vodoza\u0161\u010dita<\/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 barov<\/span>\r\n                        <\/div>\r\n                        <div class=\"novastar-spec-item\">\r\n                            <span class=\"novastar-spec-label\">Samozdravilni<\/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\">Odmerjanje<\/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\">Odpornost na tlak<\/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\">NAPREDNO Vodoodpornost<\/span>\r\n                <\/div>\r\n                \r\n                <h1 class=\"waterproof-hero-title\">\r\n                    Kristalna kapilarna<br>\r\n                    <span class=\"waterproof-hero-gradient\">Vodikotvorna me\u0161anica<\/span>\r\n                <\/h1>\r\n                \r\n                <p class=\"waterproof-hero-description\">\r\n                    Ste utrujeni od betona, ki razpoka in pu\u0161\u010da vodo? Ta poseben dodatek za beton deluje kot \u010darovnija znotraj va\u0161ega betona, ustvarja majhne kristale, ki blokirajo vodo.\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>Tehnologija samozdravljenja<\/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>Ve\u010dna za\u0161\u010dita<\/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>Enostavna uporaba<\/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\">Klju\u010dne ugotovitve<\/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\">Samozdravilni<\/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\">Korist:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Samodejno popravi razpoke 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\">Ni potrebno drago popravilo<\/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\">Ve\u010dna za\u0161\u010dita<\/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\">Korist:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Traja skozi celotno \u017eivljenjsko dobo betona<\/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\">Prihranite denar pri vzdr\u017eevanju<\/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\">Enostavno za uporabo<\/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\">Korist:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">Samo zme\u0161ajte 1 kg na kubi\u010dni meter<\/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\">Preprost postopek nanosa<\/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\">Kemijska odpornost<\/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\">Korist:<\/span>\r\n                                <p class=\"waterproof-benefit-text\">\u0160\u010diti pred \u0161kodo zaradi soli in kisline<\/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\">Mo\u010dnej\u0161i, trajnej\u0161i 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\">Samozdravilna zmogljivost<\/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\">Odmerjanje za uporabo<\/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\">\u017divljenjska doba<\/div>\r\n                    <div class=\"waterproof-stat-label\">Trajanje za\u0161\u010dite<\/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                    Kaj natan\u010dno je CCCW-Super AD<br>\r\n                    <span class=\"waterproof-exp-title-highlight\">Kristalini\u010dni kapilarni vodotesni dodatek?<\/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>Mislite na kristalini\u010dni kapilarni vodotesni dodatek kot na <strong>super pametnega pomo\u010dnika za beton<\/strong>. Poleg tega, ko ga zme\u0161ate z betonom, za\u010dne takoj delovati. V resnici ta dodatek vsebuje posebne kemikalije, ki reagirajo z vodo in cementom.<\/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                            Kristalini\u010dni kapilarni vodotesni dodatek pretvori obi\u010dajen beton v samoohranjujo\u010d, vodoodporen material, ki s\u010dasoma postaja mo\u010dnej\u0161i.\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                            Kako deluje v preprostih besedah:\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\">Prvi\u010d<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Dodate kristalini\u010dni kapilarni vodotesni dodatek v mokri beton<\/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\">Potem<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Me\u0161a se s cementom in vodo za ustvarjanje posebnih kristalov<\/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\">Naslednji<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Ti kristali rastejo znotraj majhnih lukenj 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\">Na koncu<\/div>\r\n                                    <p class=\"waterproof-exp-step-text\">Kristali prepre\u010dujejo prehod vode<\/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=\"Pra\u0161kast 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\">Premium kakovost<\/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\">Napredna formula<\/div>\r\n                                    <div class=\"waterproof-exp-tag-value\">Samozdravilni<\/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\">Za\u0161\u010dita<\/div>\r\n                                    <div class=\"waterproof-exp-tag-value\">\u017divljenjska doba<\/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\">Takoj\u0161nja aktivacija<\/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\">Oblikovanje kristalov<\/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\">Vodno blokiranje<\/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\">PREMIJSKA IZBIRA<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-main-title\">\r\n                    Zakaj izbrati <span class=\"cccw-title-highlight\">CCCW-Super AD<\/span><br>\r\n                    Kristalini\u010dni kapilarni vodotesni dodatek?\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-intro-text\">\r\n                    CCCW-Super AD je vrhunski kristalini\u010dni kapilarni vodotesni dodatek. Poleg tega ponuja \u0161tevilne prednosti, ki ga naredijo bolj\u0161i od obi\u010dajnih metod vodotesnosti. Poleg tega je ta izdelek testiran in dokazan, da deluje v te\u017ekih pogojih.\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                    Neverjetne prednosti kristalini\u010dnega kapilarnega vodotesnega dodatka\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\">Zmanj\u0161uje razpoke za 60%<\/h4>\r\n                        <p class=\"cccw-card-description\">Manj razpok pomeni mo\u010dnej\u0161i 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\">Avto<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">Samozdravilna mo\u010d<\/h4>\r\n                        <p class=\"cccw-card-description\">Samodejno popravlja majhne razpoke, ko jih dotakne 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\">Trajna za\u0161\u010dita<\/h4>\r\n                        <p class=\"cccw-card-description\">Deluje skozi celotno \u017eivljenjsko dobo va\u0161ega betona<\/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\">Obvladuje visok tlak<\/h4>\r\n                        <p class=\"cccw-card-description\">Lahko prenese vodni tlak do 12 barov<\/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\">Kemijska odpornost<\/h4>\r\n                        <p class=\"cccw-card-description\">\u0160\u010diti pred \u0161kodo zaradi soli in kisline<\/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\">Varnost<\/span>\r\n                    <\/div>\r\n                    <div class=\"cccw-card-body\">\r\n                        <h4 class=\"cccw-card-title\">Varnost za pitno vodo<\/h4>\r\n                        <p class=\"cccw-card-description\">Ne bo \u0161kodovalo ljudem ali \u017eivalim<\/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\">Var\u010duje z vodo<\/h4>\r\n                        <p class=\"cccw-card-description\">Zmanj\u0161a potrebo po vodi za pribli\u017eno 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\">Najvi\u0161ja kakovost<\/div>\r\n                        <div class=\"cccw-stat-label\">Preizku\u0161ena zmogljivost<\/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\">Preizku\u0161eno in dokazano<\/div>\r\n                        <div class=\"cccw-stat-label\">Te\u017eki pogoji<\/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\">Bolj\u0161a izbira<\/div>\r\n                        <div class=\"cccw-stat-label\">V primerjavi z obi\u010dajnimi metodami<\/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\">TEHNI\u010cNI PODATKI<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-spec-main-title\">\r\n                    Tehni\u010dne specifikacije izdelka <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                    Razumevanje tehni\u010dnih podrobnosti vam pomaga pravilno uporabljati kristalno kapilarno vodotesno me\u0161anico. Poleg tega te specifikacije zagotavljajo, da dose\u017eete najbolj\u0161e rezultate pri va\u0161em betonskem 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=\"Izdelek 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\">Premium kakovost<\/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\">Tehni\u010dni list podatkov<\/h4>\r\n                                <p class=\"cccw-download-desc\">Popolne specifikacije in smernice<\/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>Prenesi 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\">Odmerjanje<\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">\u22640,5 mm<\/div>\r\n                            <div class=\"cccw-stat-label\">Samozdravilni<\/div>\r\n                        <\/div>\r\n                        <div class=\"cccw-quick-stat-item\">\r\n                            <div class=\"cccw-stat-value\">20 barov<\/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\">Lastnina<\/div>\r\n                            <div class=\"cccw-spec-header-cell\">Specifikacija<\/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\">Beli prah<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Enostavno za prepoznati<\/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\">Oblika<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">Fini prah<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Enostavno me\u0161anje<\/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\">Odmerjanje<\/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\">Ekonomi\u010dno<\/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\">Popravljanje razpok<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">Do 0,5 mm<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Samozapiralno<\/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\">Vodni tlak<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text cccw-value-highlight\">Do 20 barov<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Visoka odpornost<\/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\">Aplikacija<\/span>\r\n                                    <\/div>\r\n                                    <div class=\"cccw-spec-value\">\r\n                                        <span class=\"cccw-spec-value-text\">Neposredno me\u0161anje<\/span>\r\n                                        <span class=\"cccw-spec-value-note\">Ni potrebnih posebnih orodij<\/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\">Enostavna uporaba<\/h4>\r\n                        <p class=\"cccw-info-text\">Preprosta oblika prahu, ki se neposredno me\u0161a z betonom med me\u0161anjem<\/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\">Dolgotrajno<\/h4>\r\n                        <p class=\"cccw-info-text\">Ve\u010dno za\u0161\u010dito, ki traja celotno \u017eivljenjsko dobo betona<\/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\">Visoka zmogljivost<\/h4>\r\n                        <p class=\"cccw-info-text\">Vzdr\u017ei ekstremni vodni tlak do 20 barov<\/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\">UPORABE<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-app-main-title\">\r\n                    Kje lahko uporabite <span class=\"cccw-app-title-highlight\">Kristalini\u010dni kapilarni vodotesni dodatek?<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-app-intro-text\">\r\n                    Kristalini\u010dni kapilarni vodotesni dodatek za me\u0161anje odli\u010dno deluje v mnogih razli\u010dnih projektih. Poleg tega je popoln tako za novo gradnjo kot za popravila. Poleg tega ga lahko uporabite kjer koli potrebujete mo\u010dno, vodoodporno betonsko me\u0161anico.\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\">Priljubljene uporabe vklju\u010dujejo:<\/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=\"Temeljne konstrukcije\" \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\">Temeljne konstrukcije<\/h4>\r\n                        <p class=\"cccw-app-description\">Ohranja kleti suhe in varne<\/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=\"Bazeni\" \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\">Bazeni<\/h4>\r\n                        <p class=\"cccw-app-description\">Prepre\u010duje pu\u0161\u010danje in izgubo vode<\/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=\"Vodni rezervoarji\" \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\">Vodni rezervoarji<\/h4>\r\n                        <p class=\"cccw-app-description\">Zagotavlja \u010disto in varno shranjevanje vode<\/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=\"Tuneli\" \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\">Tuneli<\/h4>\r\n                        <p class=\"cccw-app-description\">\u0160\u010diti pred vdol\u017enim vdorom podtalnice<\/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=\"Parkirne gara\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\">Parkirne gara\u017ee<\/h4>\r\n                        <p class=\"cccw-app-description\">Prepre\u010duje \u0161kodo zaradi vode od avtomobilov in vremena<\/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=\"Pomorski objekti\" \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\">Pomorski objekti<\/h4>\r\n                        <p class=\"cccw-app-description\">Odporen na \u0161kodo zaradi slane vode<\/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=\"Dvigala\" \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\">Dvigala<\/h4>\r\n                        <p class=\"cccw-app-description\">Ohranja mehanska obmo\u010dja suha<\/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\">Ve\u010dnamenska re\u0161itev za vse betonske projekte<\/h4>\r\n                        <p class=\"cccw-summary-description\">Od stanovanjskih kleti do infrastrukturnih projektov velikega obsega, CCCW-Super AD zagotavlja zanesljivo vodoodpornost za katerokoli uporabo<\/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\">VODI\u010c ZA UPORABO<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-method-main-title\">\r\n                    Kako uporabiti Super-AD <span class=\"cccw-method-title-highlight\">Kristalni kapilarni dodatek za vodotesnost<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-method-intro-text\">\r\n                    Uporaba kristalnega kapilarnega vodoodpornega dodatka je pravzaprav precej preprosta. Vendar pa pravilni koraki zagotavljajo najbolj\u0161e rezultate. Poleg tega pravilna uporaba zagotavlja dolgo trajno za\u0161\u010dito.\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\">Enostavna metoda me\u0161anja<\/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=\"Enostavna metoda me\u0161anja\" \r\n                                 class=\"cccw-primary-image\">\r\n                            <div class=\"cccw-primary-image-overlay\">\r\n                                <div class=\"cccw-primary-overlay-badge\">Priporo\u010dena 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\">Prvi\u010d<\/div>\r\n                                <p class=\"cccw-step-text\">Dodajte cement v va\u0161 me\u0161alnik betona<\/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\">Potem<\/div>\r\n                                <p class=\"cccw-step-text\">Dodajte kristalni kapilarni vodoodporni dodatek<\/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\">Naslednji<\/div>\r\n                                <p class=\"cccw-step-text\">Me\u0161ajte pri visoki hitrosti 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\">Po tem<\/div>\r\n                                <p class=\"cccw-step-text\">Dodajte ostale sestavine kot obi\u010dajno<\/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\">Na koncu<\/div>\r\n                                <p class=\"cccw-step-text\">Vlijte in zaklju\u010dite beton kot obi\u010dajno<\/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\">Ne pozabite:<\/div>\r\n                        <p class=\"cccw-note-text\">Vedno dodajte kristalni kapilarni vodoodporni dodatek pred drugimi kemi\u010dnimi dodatki, da prepre\u010dite motnje.<\/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\">Alternativne metode uporabe<\/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 suhega me\u0161anja<\/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 suhega me\u0161anja\" \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\">Posujte 1,5 kg na kvadratni meter po povr\u0161ini betona<\/li>\r\n                            <li class=\"cccw-alt-step\">Vtrite ga v povr\u0161ino s plosko lopatico<\/li>\r\n                            <li class=\"cccw-alt-step\">Najbolj\u0161e za ravne povr\u0161ine, kot so tla<\/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\">\u010copi\u010d za nanos<\/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=\"\u010copi\u010d za nanos\" \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\">Zme\u0161ajte pra\u0161ek z vodo, da dobite pasto<\/li>\r\n                            <li class=\"cccw-alt-step\">Nanesite z trdim \u010dopi\u010dem v dveh slojih<\/li>\r\n                            <li class=\"cccw-alt-step\">Popolno za stene in vertikalne povr\u0161ine<\/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\">KORISTNE UGODNOSTI<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-cost-main-title\">\r\n                    Koristne ugodnosti od <span class=\"cccw-cost-title-highlight\">Kristalni kapilarni dodatek za vodotesnost<\/span>\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-cost-intro-text\">\r\n                    \u010ceprav kristalni kapilarni hidroizolacijski dodatek stane ve\u010d kot obi\u010dajen beton, prihrani denar na dolgi rok. Poleg tega se izognete dragim popravilom in vzdr\u017eevanju. Nadalje, trajna za\u0161\u010dita pomeni, da ni potrebe po zamenjavi.\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\">Prihranki denarja:<\/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\">Ni potrebno hidroizolacijskih membran<\/h4>\r\n                        <p class=\"cccw-benefit-description\">Prihrani na materialih in delu<\/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\">Manj popravil je potrebnih<\/h4>\r\n                        <p class=\"cccw-benefit-description\">Samozdravljenje zmanj\u0161uje stro\u0161ke vzdr\u017eevanja<\/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\">Dalj\u0161a \u017eivljenjska doba betona<\/h4>\r\n                        <p class=\"cccw-benefit-description\">\u0160\u010diti va\u0161o nalo\u017ebo desetletja<\/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\">Ni potrebno specializiranih izvajalcev<\/h4>\r\n                        <p class=\"cccw-benefit-description\">Obi\u010dajni delavci za beton jo lahko nanesejo<\/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\">Tradicionalna 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\">Drage membrane<\/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\">Pogosta popravila<\/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\">Specializirana dela<\/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\">Omejena \u017eivljenjska doba<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-footer\">\r\n                        <div class=\"cccw-footer-label\">Dolgotrajni stro\u0161ki<\/div>\r\n                        <div class=\"cccw-footer-value cccw-value-high\">Visoka<\/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\">Membrane niso potrebne<\/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\">Tehnologija samoozdravljenja<\/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\">Standardna uporaba<\/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\">Trajna za\u0161\u010dita<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"cccw-comparison-footer\">\r\n                        <div class=\"cccw-footer-label\">Dolgotrajni stro\u0161ki<\/div>\r\n                        <div class=\"cccw-footer-value cccw-value-low\">Nizka<\/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\">Prihranki<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"cccw-summary-content\">\r\n                    <h4 class=\"cccw-summary-title\">Pametna nalo\u017eba za dolgoro\u010dne prihranke<\/h4>\r\n                    <p class=\"cccw-summary-text\">CCCW-Super AD ima lahko vi\u0161je za\u010detne stro\u0161ke, vendar zagotavlja znatne prihranke skozi celotno \u017eivljenjsko dobo va\u0161e betonske konstrukcije z zmanj\u0161anim vzdr\u017eevanjem, brez zamenjave membrane in trajno vodoodpornostjo.<\/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\">PRIMERJAVA<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-methods-main-title\">\r\n                    Primerjanje <span class=\"cccw-methods-title-highlight\">Kristalni kapilarni dodatek za vodotesnost<\/span> z drugimi metodami\r\n                <\/h2>\r\n                \r\n                <p class=\"cccw-methods-intro-text\">\r\n                    Veliko ljudi se spra\u0161uje, kako se kristalni kapilarni vodoodporni dodatek primerja z drugimi metodami vodoodpornosti. V resnici ponuja ve\u010d prednosti v primerjavi s tradicionalnimi pristopi.\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\">Trajnost<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-healing\">Samozdravilni<\/div>\r\n                        <div class=\"cccw-methods-header-cell cccw-col-cost\">Stro\u0161ki skozi \u010das<\/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\">Najbolj\u0161a izbira<\/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\">Kristalni kapilarni dodatek za vodotesnost<\/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\">\u017divljenjska doba<\/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\">Da<\/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\">Nizka<\/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\">Vodoodporne membrane<\/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\">Visoka<\/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\">Prekrivanja<\/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\">Zelo visoko<\/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\">Tesnila<\/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\">Zelo visoko<\/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\">Zakaj izstopa 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\">Za\u0161\u010dita do\u017eivljenjska<\/h4>\r\n                            <p class=\"cccw-advantage-text\">Za razliko od za\u010dasnih re\u0161itev, kristalna tehnologija traja tako dolgo kot beton sam<\/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\">Samozdravilna sposobnost<\/h4>\r\n                            <p class=\"cccw-advantage-text\">Samodejno popravi razpoke do 0,5 mm, s \u010dimer odpravi drago vzdr\u017eevanje<\/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\u017eji dolgoro\u010dni stro\u0161ki<\/h4>\r\n                            <p class=\"cccw-advantage-text\">Ni potrebe po zamenjavi ali ponovni nanosu, prihrani denar skozi desetletja<\/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\">POGOSTA VPRA\u0160ANJA<\/span>\r\n                <\/div>\r\n                \r\n                <h2 class=\"cccw-faq-main-title\">\r\n                    Pogosta vpra\u0161anja o <span class=\"cccw-faq-title-highlight\">Kristalni kapilarni dodatek za vodotesnost<\/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\">Kako dolgo traja delovanje kristalnega kapilarnega vodoodpornega dodatka?<\/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\">Kristalni kapilarni vodoodporni dodatek za\u010dne delovati takoj ob me\u0161anju z betonom. Vendar pa postaja u\u010dinkovitej\u0161i s \u010dasom, saj kristali nadaljujejo rast in krepitev.<\/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\">Ali lahko uporabljam kristalni kapilarni vodoodporni dodatek v hladnem vremenu?<\/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\">Da, vendar sledite obi\u010dajnim praksam za betoniranje v hladnem vremenu. Poleg tega za\u0161\u010ditite beton pred zmrzaljo, dokler ne dose\u017ee zadostne trdnosti.<\/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\">Ali bo kristalni kapilarni vodoodporni dodatek spremenil barvo betona?<\/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\">Dodatek je bel in obi\u010dajno ne spremeni videza betona bistveno. Vendar pa lahko rahlo osvetli temnej\u0161e me\u0161anice betona.<\/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\u010cNITE<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h2 class=\"cccw-cta-main-title\">\r\n                        Za\u010dnite z <span class=\"cccw-cta-title-highlight\">CCCW-Super AD<\/span> danes\r\n                    <\/h2>\r\n                    \r\n                    <p class=\"cccw-cta-intro-text\">\r\n                        Kremena kapilarna vodotesna me\u0161anica za izbolj\u0161ano za\u0161\u010dito va\u0161ih betonskih projektov. Poleg tega CCCW-Super AD zagotavlja preverjeno zmogljivost in zanesljivost. Nadalje, izbira prave re\u0161itve za vodotesnost zdaj prihrani denar in te\u017eave kasneje.\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\">Za\u0161\u010dita do\u017eivljenjska<\/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\">Tehnologija samozdravljenja<\/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\">Ekonomi\u010dna re\u0161itev<\/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\">Enostavna uporaba<\/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 \u010dakajte, da vam voda uni\u010di beton<\/h4>\r\n                        <p class=\"cccw-warning-text\">Namesto tega za\u0161\u010ditite svojo nalo\u017ebo z mo\u010djo kristalne tehnologije. Poleg tega kontaktirajte LANDU NOVASTAR danes, da izveste ve\u010d o tem, kako lahko kristalna kapilarna vodotesna me\u0161anica koristi va\u0161emu naslednjemu 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\">Zahtevajte svojo ponudbo za CCCW-Super AD danes!<\/h3>\r\n                        <p class=\"cccw-action-subtitle\">Pridru\u017eite se tiso\u010dem zadovoljnih strank po vsem svetu<\/p>\r\n                    <\/div>\r\n                    <div class=\"cccw-action-buttons\">\r\n                        <a href=\"https:\/\/landu-china.com\/sl\/stopite-v-stik-z-nami\/\" 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\">Pi\u0161ite nam<\/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\">Leta izku\u0161enj<\/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\">Dr\u017eave, ki jih oskrbujemo<\/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\">Uspe\u0161ni projekti<\/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\">Tehni\u010dna 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>KRISTALNA TEHNOLOGIJA NEPREBOJNOSTI NOVASTAR CCCW-Super AD Kristalni kapilarni dodatek za neprebojno betoniranje Va\u0161 beton, samoozdravilni. Zgradite vodotesen beton z napredno kristalno tehnologijo, ki zagotavlja trajno za\u0161\u010dito od znotraj. NOVASTAR CCCW-Super AD ustvari neprepustno pregrado, ki aktivno zapira razpoke in odpira na te\u017eke pogoje. Samo-zdravljenje Zapira razpoke do 0,5 mm Trajno 1 kg\/m\u00b3 odmerek Odporen do 20 barov [\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\/sl\/wp-json\/wp\/v2\/pages\/23645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landu-china.com\/sl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landu-china.com\/sl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landu-china.com\/sl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landu-china.com\/sl\/wp-json\/wp\/v2\/comments?post=23645"}],"version-history":[{"count":17,"href":"https:\/\/landu-china.com\/sl\/wp-json\/wp\/v2\/pages\/23645\/revisions"}],"predecessor-version":[{"id":23670,"href":"https:\/\/landu-china.com\/sl\/wp-json\/wp\/v2\/pages\/23645\/revisions\/23670"}],"up":[{"embeddable":true,"href":"https:\/\/landu-china.com\/sl\/wp-json\/wp\/v2\/pages\/695"}],"wp:attachment":[{"href":"https:\/\/landu-china.com\/sl\/wp-json\/wp\/v2\/media?parent=23645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}