{"id":91719,"date":"2025-12-15T11:47:54","date_gmt":"2025-12-15T03:47:54","guid":{"rendered":"https:\/\/www.jarsking.com\/?page_id=91719"},"modified":"2026-07-31T16:44:16","modified_gmt":"2026-07-31T08:44:16","slug":"ppwr-enforcement-guide-interactive-tools","status":"publish","type":"page","link":"https:\/\/www.jarsking.com\/ar\/ppwr-enforcement-guide-interactive-tools\/","title":{"rendered":"PPWR Enforcement Guide: Interactive Tools"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"91719\" class=\"elementor elementor-91719\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1e5ea2b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1e5ea2b\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-466a8b8\" data-id=\"466a8b8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dc113a2 elementor-widget elementor-widget-html\" data-id=\"dc113a2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    \r\n    \r\n    <style>\r\n        \/* Scoped wrapper - won't affect Elementor *\/\r\n        .ppwr-enforcement-wrapper {\r\n            all: initial;\r\n            display: block;\r\n            width: 100%;\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\r\n            line-height: 1.6;\r\n            color: #1E293B;\r\n            background: #FFFFFF;\r\n        }\r\n        \r\n        .ppwr-enforcement-wrapper * {\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        \/* CSS Variables *\/\r\n        .ppwr-enforcement-wrapper {\r\n            --primary: #6B46C1;\r\n            --primary-light: #9F7AEA;\r\n            --success: #10B981;\r\n            --warning: #F59E0B;\r\n            --danger: #EF4444;\r\n            --neutral-dark: #64748B;\r\n            --neutral-light: #F1F5F9;\r\n            --text-dark: #1E293B;\r\n            --text-light: #F8FAFC;\r\n        }\r\n        \r\n        \/* Hero Section *\/\r\n        .ppwr-enf-hero {\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);\r\n            color: var(--text-light);\r\n            text-align: center;\r\n            padding: 4rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .ppwr-enf-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: rgba(255,255,255,0.1);\r\n            border-radius: 50%;\r\n            top: -250px;\r\n            right: -250px;\r\n            animation: ppwr-enf-float 8s ease-in-out infinite;\r\n        }\r\n        \r\n        @keyframes ppwr-enf-float {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-30px); }\r\n        }\r\n        \r\n        .ppwr-enf-hero-content {\r\n            position: relative;\r\n            z-index: 1;\r\n            max-width: 900px;\r\n        }\r\n        \r\n        .ppwr-enf-hero h1 {\r\n            font-size: clamp(2.5rem, 6vw, 4.5rem);\r\n            font-weight: 800;\r\n            margin: 0 0 1.5rem 0;\r\n            line-height: 1.1;\r\n            text-shadow: 0 2px 20px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .ppwr-enf-hero p {\r\n            font-size: clamp(1.1rem, 2vw, 1.4rem);\r\n            margin: 0 0 2rem 0;\r\n            opacity: 0.95;\r\n        }\r\n        \r\n        .ppwr-enf-ecosystem {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 2rem;\r\n            margin-top: 3rem;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .ppwr-enf-ecosystem-item {\r\n            background: rgba(255,255,255,0.15);\r\n            backdrop-filter: blur(10px);\r\n            padding: 1.5rem;\r\n            border-radius: 15px;\r\n            border: 2px solid rgba(255,255,255,0.3);\r\n            min-width: 150px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ppwr-enf-ecosystem-item:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .ppwr-enf-ecosystem-item .icon {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-ecosystem-item h3 {\r\n            font-size: 1.1rem;\r\n            margin: 0;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        \/* Section Base *\/\r\n        .ppwr-enf-section {\r\n            padding: 6rem 2rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .ppwr-enf-section:nth-child(even) {\r\n            background: var(--neutral-light);\r\n        }\r\n        \r\n        .ppwr-enf-container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .ppwr-enf-section-header {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n        }\r\n        \r\n        .ppwr-enf-pillar-number {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n            color: white;\r\n            padding: 0.5rem 1.5rem;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            font-size: 0.9rem;\r\n            margin-bottom: 1rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n        \r\n        .ppwr-enf-section-title {\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            font-weight: 800;\r\n            margin: 0 0 1rem 0;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-enf-section-subtitle {\r\n            font-size: clamp(1rem, 2vw, 1.2rem);\r\n            color: var(--neutral-dark);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        \/* EU Map *\/\r\n        .ppwr-enf-map-container {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 3rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .ppwr-enf-map-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 1.5rem;\r\n            margin-top: 2rem;\r\n        }\r\n        \r\n        .ppwr-enf-country-card {\r\n            background: var(--neutral-light);\r\n            border-radius: 15px;\r\n            padding: 1.5rem;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 3px solid transparent;\r\n        }\r\n        \r\n        .ppwr-enf-country-card:hover {\r\n            transform: translateY(-5px);\r\n            border-color: var(--primary);\r\n            box-shadow: 0 6px 25px rgba(107, 70, 193, 0.2);\r\n        }\r\n        \r\n        .ppwr-enf-country-card.active {\r\n            border-color: var(--primary);\r\n            background: rgba(107, 70, 193, 0.05);\r\n        }\r\n        \r\n        .ppwr-enf-country-flag {\r\n            font-size: 3rem;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-country-card h4 {\r\n            font-size: 1.2rem;\r\n            margin: 0 0 0.5rem 0;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-enf-country-card p {\r\n            font-size: 0.9rem;\r\n            color: var(--neutral-dark);\r\n            margin: 0.3rem 0;\r\n        }\r\n        \r\n        .ppwr-enf-country-details {\r\n            background: white;\r\n            border-radius: 15px;\r\n            padding: 2rem;\r\n            margin-top: 2rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n            display: none;\r\n        }\r\n        \r\n        .ppwr-enf-country-details.active {\r\n            display: block;\r\n            animation: ppwr-enf-fadeIn 0.5s ease;\r\n        }\r\n        \r\n        @keyframes ppwr-enf-fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        .ppwr-enf-country-details h3 {\r\n            color: var(--primary);\r\n            margin: 0 0 1.5rem 0;\r\n            font-size: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-detail-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-detail-item {\r\n            background: var(--neutral-light);\r\n            padding: 1rem;\r\n            border-radius: 10px;\r\n        }\r\n        \r\n        .ppwr-enf-detail-item strong {\r\n            display: block;\r\n            color: var(--primary);\r\n            margin-bottom: 0.5rem;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .ppwr-enf-detail-item p {\r\n            margin: 0;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        \/* EPR Fee Calculator *\/\r\n        .ppwr-enf-calculator {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 3rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .ppwr-enf-calculator h3 {\r\n            text-align: center;\r\n            margin: 0 0 2rem 0;\r\n            color: var(--primary);\r\n            font-size: 1.8rem;\r\n        }\r\n        \r\n        .ppwr-enf-calc-controls {\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .ppwr-enf-calc-row {\r\n            display: grid;\r\n            grid-template-columns: 150px 1fr 100px;\r\n            gap: 1rem;\r\n            align-items: center;\r\n            margin-bottom: 1rem;\r\n            padding: 1rem;\r\n            background: var(--neutral-light);\r\n            border-radius: 10px;\r\n        }\r\n        \r\n        .ppwr-enf-calc-row label {\r\n            font-weight: 600;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-enf-calc-row input[type=\"range\"] {\r\n            width: 100%;\r\n            height: 8px;\r\n            border-radius: 5px;\r\n            background: #ddd;\r\n            outline: none;\r\n            -webkit-appearance: none;\r\n        }\r\n        \r\n        .ppwr-enf-calc-row input[type=\"range\"]::-webkit-slider-thumb {\r\n            -webkit-appearance: none;\r\n            appearance: none;\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            background: var(--primary);\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .ppwr-enf-calc-row input[type=\"range\"]::-moz-range-thumb {\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            background: var(--primary);\r\n            cursor: pointer;\r\n            border: none;\r\n        }\r\n        \r\n        .ppwr-enf-calc-value {\r\n            text-align: right;\r\n            font-weight: 700;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-enf-country-select {\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .ppwr-enf-country-select label {\r\n            display: block;\r\n            font-weight: 600;\r\n            margin-bottom: 0.5rem;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-enf-country-select select {\r\n            width: 100%;\r\n            padding: 0.8rem;\r\n            border: 2px solid var(--neutral-light);\r\n            border-radius: 10px;\r\n            font-size: 1rem;\r\n            background: white;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .ppwr-enf-country-select select:focus {\r\n            outline: none;\r\n            border-color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-enf-optimization {\r\n            background: var(--neutral-light);\r\n            padding: 1.5rem;\r\n            border-radius: 15px;\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .ppwr-enf-optimization h4 {\r\n            margin: 0 0 1rem 0;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-enf-checkbox-group {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 0.8rem;\r\n        }\r\n        \r\n        .ppwr-enf-checkbox-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.8rem;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .ppwr-enf-checkbox-item input[type=\"checkbox\"] {\r\n            width: 20px;\r\n            height: 20px;\r\n            cursor: pointer;\r\n        }\r\n        \r\n        .ppwr-enf-checkbox-item label {\r\n            cursor: pointer;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .ppwr-enf-results {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .ppwr-enf-result-card {\r\n            padding: 2rem;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .ppwr-enf-result-card.before {\r\n            background: rgba(239, 68, 68, 0.1);\r\n            border: 3px solid var(--danger);\r\n        }\r\n        \r\n        .ppwr-enf-result-card.after {\r\n            background: rgba(16, 185, 129, 0.1);\r\n            border: 3px solid var(--success);\r\n        }\r\n        \r\n        .ppwr-enf-result-card h4 {\r\n            margin: 0 0 1rem 0;\r\n            font-size: 1.2rem;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-enf-result-amount {\r\n            font-size: 2.5rem;\r\n            font-weight: 900;\r\n            margin: 0 0 0.5rem 0;\r\n        }\r\n        \r\n        .ppwr-enf-result-card.before .ppwr-enf-result-amount {\r\n            color: var(--danger);\r\n        }\r\n        \r\n        .ppwr-enf-result-card.after .ppwr-enf-result-amount {\r\n            color: var(--success);\r\n        }\r\n        \r\n        .ppwr-enf-result-savings {\r\n            text-align: center;\r\n            margin-top: 1.5rem;\r\n            padding: 1rem;\r\n            background: rgba(16, 185, 129, 0.1);\r\n            border-radius: 10px;\r\n        }\r\n        \r\n        .ppwr-enf-result-savings p {\r\n            margin: 0.3rem 0;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        .ppwr-enf-result-savings strong {\r\n            color: var(--success);\r\n            font-size: 1.5rem;\r\n        }\r\n        \r\n        \/* DPP Builder *\/\r\n        .ppwr-enf-dpp-builder {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 3rem;\r\n        }\r\n        \r\n        .ppwr-enf-dpp-form {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 2.5rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .ppwr-enf-dpp-tabs {\r\n            display: flex;\r\n            gap: 0.5rem;\r\n            margin-bottom: 2rem;\r\n            border-bottom: 2px solid var(--neutral-light);\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .ppwr-enf-dpp-tab {\r\n            padding: 0.8rem 1.2rem;\r\n            background: transparent;\r\n            border: none;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            color: var(--neutral-dark);\r\n            border-bottom: 3px solid transparent;\r\n            transition: all 0.3s ease;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .ppwr-enf-dpp-tab:hover {\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-enf-dpp-tab.active {\r\n            color: var(--primary);\r\n            border-bottom-color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-enf-dpp-tab-content {\r\n            display: none;\r\n        }\r\n        \r\n        .ppwr-enf-dpp-tab-content.active {\r\n            display: block;\r\n            animation: ppwr-enf-fadeIn 0.5s ease;\r\n        }\r\n        \r\n        .ppwr-enf-form-group {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-form-group label {\r\n            display: block;\r\n            font-weight: 600;\r\n            margin-bottom: 0.5rem;\r\n            color: var(--text-dark);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .ppwr-enf-form-group input,\r\n        .ppwr-enf-form-group select {\r\n            width: 100%;\r\n            padding: 0.8rem;\r\n            border: 2px solid var(--neutral-light);\r\n            border-radius: 10px;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .ppwr-enf-form-group input:focus,\r\n        .ppwr-enf-form-group select:focus {\r\n            outline: none;\r\n            border-color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-enf-dpp-preview {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 2.5rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n            position: sticky;\r\n            top: 2rem;\r\n        }\r\n        \r\n        .ppwr-enf-dpp-preview h4 {\r\n            margin: 0 0 1.5rem 0;\r\n            color: var(--primary);\r\n            text-align: center;\r\n        }\r\n        \r\n        .ppwr-enf-qr-container {\r\n            width: 200px;\r\n            height: 200px;\r\n            margin: 0 auto 2rem;\r\n            background: var(--neutral-light);\r\n            border-radius: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 3rem;\r\n        }\r\n        \r\n        .ppwr-enf-progress {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-progress-label {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-bottom: 0.5rem;\r\n            font-size: 0.9rem;\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        .ppwr-enf-progress-bar {\r\n            width: 100%;\r\n            height: 12px;\r\n            background: var(--neutral-light);\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .ppwr-enf-progress-fill {\r\n            height: 100%;\r\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n            border-radius: 10px;\r\n            transition: width 0.5s ease;\r\n            width: 0%;\r\n        }\r\n        \r\n        .ppwr-enf-preview-data {\r\n            background: var(--neutral-light);\r\n            padding: 1.5rem;\r\n            border-radius: 10px;\r\n        }\r\n        \r\n        .ppwr-enf-preview-data h5 {\r\n            margin: 0 0 1rem 0;\r\n            color: var(--text-dark);\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .ppwr-enf-preview-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-bottom: 0.8rem;\r\n            font-size: 0.85rem;\r\n        }\r\n        \r\n        .ppwr-enf-preview-item strong {\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        .ppwr-enf-preview-item span {\r\n            color: var(--text-dark);\r\n            font-weight: 600;\r\n        }\r\n        \r\n        \/* Label Comparison *\/\r\n        .ppwr-enf-label-comparison {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .ppwr-enf-label-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 3rem;\r\n        }\r\n        \r\n        .ppwr-enf-label-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 2rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .ppwr-enf-label-card h4 {\r\n            text-align: center;\r\n            margin: 0 0 1.5rem 0;\r\n            font-size: 1.3rem;\r\n        }\r\n        \r\n        .ppwr-enf-label-card.before h4 {\r\n            color: var(--danger);\r\n        }\r\n        \r\n        .ppwr-enf-label-card.after h4 {\r\n            color: var(--success);\r\n        }\r\n        \r\n        .ppwr-enf-label-visual {\r\n            background: var(--neutral-light);\r\n            border-radius: 15px;\r\n            padding: 2rem;\r\n            min-height: 300px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-label-visual.before {\r\n            opacity: 0.6;\r\n        }\r\n        \r\n        .ppwr-enf-bottle-icon {\r\n            font-size: 5rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .ppwr-enf-label-text {\r\n            text-align: center;\r\n            padding: 1rem;\r\n            background: white;\r\n            border-radius: 10px;\r\n            margin-top: 1rem;\r\n            font-size: 0.9rem;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .ppwr-enf-label-card ul {\r\n            margin: 0;\r\n            padding-left: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-label-card li {\r\n            margin-bottom: 0.5rem;\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        \/* Penalty Pyramid *\/\r\n        .ppwr-enf-pyramid-container {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .ppwr-enf-pyramid {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1.5rem;\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-level {\r\n            background: white;\r\n            border-radius: 15px;\r\n            padding: 2rem;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-level:hover {\r\n            transform: translateX(10px);\r\n            box-shadow: 0 6px 30px rgba(0,0,0,0.15);\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-level.severe {\r\n            border-left: 8px solid var(--danger);\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-level.moderate {\r\n            border-left: 8px solid var(--warning);\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-level.minor {\r\n            border-left: 8px solid var(--success);\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-level h4 {\r\n            margin: 0;\r\n            font-size: 1.5rem;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-level.severe h4 {\r\n            color: var(--danger);\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-level.moderate h4 {\r\n            color: var(--warning);\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-level.minor h4 {\r\n            color: var(--success);\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-amount {\r\n            font-size: 1.8rem;\r\n            font-weight: 900;\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-content {\r\n            margin-top: 1rem;\r\n            padding-top: 1rem;\r\n            border-top: 2px dashed var(--neutral-light);\r\n        }\r\n        \r\n        .ppwr-enf-pyramid-content p {\r\n            margin: 0.5rem 0;\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        .ppwr-enf-case-studies {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .ppwr-enf-case-card {\r\n            background: white;\r\n            border-radius: 15px;\r\n            padding: 2rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ppwr-enf-case-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .ppwr-enf-case-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .ppwr-enf-case-icon {\r\n            font-size: 2.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-case-card h5 {\r\n            margin: 0;\r\n            font-size: 1.2rem;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-enf-case-card .country {\r\n            font-size: 0.9rem;\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        .ppwr-enf-case-details {\r\n            margin: 1rem 0;\r\n        }\r\n        \r\n        .ppwr-enf-case-details p {\r\n            margin: 0.5rem 0;\r\n            font-size: 0.9rem;\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        .ppwr-enf-case-cost {\r\n            background: rgba(239, 68, 68, 0.1);\r\n            padding: 1rem;\r\n            border-radius: 10px;\r\n            text-align: center;\r\n            margin-top: 1rem;\r\n        }\r\n        \r\n        .ppwr-enf-case-cost strong {\r\n            display: block;\r\n            font-size: 1.8rem;\r\n            color: var(--danger);\r\n            margin-bottom: 0.3rem;\r\n        }\r\n        \r\n        .ppwr-enf-case-cost span {\r\n            font-size: 0.85rem;\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        \/* Risk Assessment *\/\r\n        .ppwr-enf-risk-assessment {\r\n            display: grid;\r\n            grid-template-columns: 1fr 400px;\r\n            gap: 3rem;\r\n        }\r\n        \r\n        .ppwr-enf-checklist {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 2.5rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .ppwr-enf-checklist h4 {\r\n            margin: 0 0 2rem 0;\r\n            color: var(--primary);\r\n            font-size: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-checklist-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 1rem;\r\n            padding: 1rem;\r\n            border-radius: 10px;\r\n            margin-bottom: 1rem;\r\n            cursor: pointer;\r\n            transition: background 0.3s ease;\r\n        }\r\n        \r\n        .ppwr-enf-checklist-item:hover {\r\n            background: var(--neutral-light);\r\n        }\r\n        \r\n        .ppwr-enf-checklist-item input[type=\"checkbox\"] {\r\n            width: 24px;\r\n            height: 24px;\r\n            cursor: pointer;\r\n            margin-top: 0.2rem;\r\n            flex-shrink: 0;\r\n        }\r\n        \r\n        .ppwr-enf-checklist-label {\r\n            flex: 1;\r\n        }\r\n        \r\n        .ppwr-enf-checklist-label strong {\r\n            display: block;\r\n            margin-bottom: 0.3rem;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-enf-checklist-label p {\r\n            margin: 0;\r\n            font-size: 0.85rem;\r\n            color: var(--neutral-dark);\r\n        }\r\n        \r\n        .ppwr-enf-risk-meter {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 2.5rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n            position: sticky;\r\n            top: 2rem;\r\n        }\r\n        \r\n        .ppwr-enf-risk-meter h4 {\r\n            text-align: center;\r\n            margin: 0 0 2rem 0;\r\n            color: var(--primary);\r\n            font-size: 1.3rem;\r\n        }\r\n        \r\n        .ppwr-enf-gauge {\r\n            width: 200px;\r\n            height: 200px;\r\n            margin: 0 auto 2rem;\r\n            position: relative;\r\n        }\r\n        \r\n        .ppwr-enf-gauge-bg {\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 50%;\r\n            background: conic-gradient(\r\n                var(--danger) 0deg 120deg,\r\n                var(--warning) 120deg 240deg,\r\n                var(--success) 240deg 360deg\r\n            );\r\n            position: relative;\r\n        }\r\n        \r\n        .ppwr-enf-gauge-inner {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 140px;\r\n            height: 140px;\r\n            background: white;\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        }\r\n        \r\n        .ppwr-enf-gauge-score {\r\n            font-size: 3rem;\r\n            font-weight: 900;\r\n            color: var(--danger);\r\n            margin: 0;\r\n        }\r\n        \r\n        .ppwr-enf-gauge-label {\r\n            font-size: 0.9rem;\r\n            color: var(--neutral-dark);\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .ppwr-enf-risk-status {\r\n            text-align: center;\r\n            padding: 1rem;\r\n            border-radius: 10px;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-risk-status.high {\r\n            background: rgba(239, 68, 68, 0.1);\r\n            color: var(--danger);\r\n        }\r\n        \r\n        .ppwr-enf-risk-status.medium {\r\n            background: rgba(245, 158, 11, 0.1);\r\n            color: var(--warning);\r\n        }\r\n        \r\n        .ppwr-enf-risk-status.low {\r\n            background: rgba(16, 185, 129, 0.1);\r\n            color: var(--success);\r\n        }\r\n        \r\n        .ppwr-enf-risk-status h5 {\r\n            margin: 0 0 0.5rem 0;\r\n            font-size: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-risk-status p {\r\n            margin: 0;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .ppwr-enf-risk-legend {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 0.8rem;\r\n        }\r\n        \r\n        .ppwr-enf-legend-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.8rem;\r\n            font-size: 0.85rem;\r\n        }\r\n        \r\n        .ppwr-enf-legend-color {\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            flex-shrink: 0;\r\n        }\r\n        \r\n        .ppwr-enf-legend-color.high {\r\n            background: var(--danger);\r\n        }\r\n        \r\n        .ppwr-enf-legend-color.medium {\r\n            background: var(--warning);\r\n        }\r\n        \r\n        .ppwr-enf-legend-color.low {\r\n            background: var(--success);\r\n        }\r\n        \r\n        \/* CTA Section *\/\r\n        .ppwr-enf-cta-section {\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);\r\n            color: white;\r\n            text-align: center;\r\n        }\r\n        \r\n        .ppwr-enf-cta-content h2 {\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            margin: 0 0 1.5rem 0;\r\n        }\r\n        \r\n        .ppwr-enf-cta-content > p {\r\n            font-size: 1.2rem;\r\n            margin: 0 0 3rem 0;\r\n            opacity: 0.95;\r\n        }\r\n        \r\n        .ppwr-enf-service-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 2rem;\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .ppwr-enf-service-card {\r\n            background: white;\r\n            border-radius: 15px;\r\n            padding: 2rem;\r\n            color: var(--text-dark);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ppwr-enf-service-card:hover {\r\n            transform: translateY(-8px);\r\n        }\r\n        \r\n        .ppwr-enf-service-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .ppwr-enf-service-card h3 {\r\n            font-size: 1.3rem;\r\n            margin: 0 0 1rem 0;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-enf-service-card p {\r\n            margin: 0 0 1rem 0;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        .ppwr-enf-service-card ul {\r\n            text-align: left;\r\n            margin: 0;\r\n            padding-left: 1.5rem;\r\n        }\r\n        \r\n        .ppwr-enf-service-card li {\r\n            margin-bottom: 0.5rem;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .ppwr-enf-cta-button {\r\n            display: inline-block;\r\n            padding: 1.2rem 3rem;\r\n            background: white;\r\n            color: var(--primary);\r\n            text-decoration: none;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            font-size: 1.1rem;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .ppwr-enf-cta-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 30px rgba(0,0,0,0.3);\r\n            text-decoration: none;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .ppwr-enf-hero h1 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .ppwr-enf-section {\r\n                padding: 4rem 1.5rem;\r\n            }\r\n            \r\n            .ppwr-enf-dpp-builder,\r\n            .ppwr-enf-risk-assessment {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .ppwr-enf-label-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .ppwr-enf-results {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .ppwr-enf-calc-row {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"ppwr-enforcement-wrapper\">\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"ppwr-enf-hero\">\r\n        <div class=\"ppwr-enf-hero-content\">\r\n            <h1>PPWR Enforcement Guide: From Theory to Market Reality<\/h1>\r\n            <p>Master the operational systems that transform packaging compliance from regulatory text into business practice. Navigate EPR registration, Digital Product Passports, and enforcement mechanisms with confidence.<\/p>\r\n            \r\n            <div class=\"ppwr-enf-ecosystem\">\r\n                <div class=\"ppwr-enf-ecosystem-item\">\r\n                    <div class=\"icon\">\ud83d\udccb<\/div>\r\n                    <h3>EPR Registration<\/h3>\r\n                <\/div>\r\n                <div class=\"ppwr-enf-ecosystem-item\">\r\n                    <div class=\"icon\">\ud83d\udcf1<\/div>\r\n                    <h3>Digital Passports<\/h3>\r\n                <\/div>\r\n                <div class=\"ppwr-enf-ecosystem-item\">\r\n                    <div class=\"icon\">\u2696\ufe0f<\/div>\r\n                    <h3>Enforcement<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- EPR Registration Map -->\r\n    <section class=\"ppwr-enf-section\">\r\n        <div class=\"ppwr-enf-container\">\r\n            <div class=\"ppwr-enf-section-header\">\r\n                <span class=\"ppwr-enf-pillar-number\">Part I<\/span>\r\n                <h2 class=\"ppwr-enf-section-title\">Extended Producer Responsibility (EPR)<\/h2>\r\n                <p class=\"ppwr-enf-section-subtitle\">Multi-country registration requirements, Producer Responsibility Organizations (PROs), and compliance documentation for EU market access.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-enf-map-container\">\r\n                <h3 style=\"text-align: center; margin: 0 0 1rem 0; color: var(--primary);\">Major EU Markets: EPR Registration Overview<\/h3>\r\n                <p style=\"text-align: center; color: var(--neutral-dark); margin-bottom: 2rem;\">Click a country to view detailed requirements<\/p>\r\n                \r\n                <div class=\"ppwr-enf-map-grid\">\r\n                    <div class=\"ppwr-enf-country-card\" data-country=\"germany\">\r\n                        <div class=\"ppwr-enf-country-flag\">\ud83c\udde9\ud83c\uddea<\/div>\r\n                        <h4>Germany<\/h4>\r\n                        <p><strong>PRO:<\/strong> DSD \/ LUCID<\/p>\r\n                        <p><strong>Timeline:<\/strong> 4-6 weeks<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-country-card\" data-country=\"france\">\r\n                        <div class=\"ppwr-enf-country-flag\">\ud83c\uddeb\ud83c\uddf7<\/div>\r\n                        <h4>France<\/h4>\r\n                        <p><strong>PRO:<\/strong> Citeo<\/p>\r\n                        <p><strong>Timeline:<\/strong> 3-5 weeks<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-country-card\" data-country=\"italy\">\r\n                        <div class=\"ppwr-enf-country-flag\">\ud83c\uddee\ud83c\uddf9<\/div>\r\n                        <h4>Italy<\/h4>\r\n                        <p><strong>PRO:<\/strong> CONAI<\/p>\r\n                        <p><strong>Timeline:<\/strong> 2-4 weeks<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-country-card\" data-country=\"spain\">\r\n                        <div class=\"ppwr-enf-country-flag\">\ud83c\uddea\ud83c\uddf8<\/div>\r\n                        <h4>Spain<\/h4>\r\n                        <p><strong>PRO:<\/strong> Ecoembes<\/p>\r\n                        <p><strong>Timeline:<\/strong> 3-6 weeks<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-enf-country-details\" id=\"countryDetails\">\r\n                    <h3 id=\"countryName\">Select a country to view details<\/h3>\r\n                    <div class=\"ppwr-enf-detail-grid\" id=\"countryDetailGrid\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- EPR Fee Calculator -->\r\n    <section class=\"ppwr-enf-section\">\r\n        <div class=\"ppwr-enf-container\">\r\n            <div class=\"ppwr-enf-section-header\">\r\n                <h2 class=\"ppwr-enf-section-title\">EPR Fee Calculator<\/h2>\r\n                <p class=\"ppwr-enf-section-subtitle\">Calculate your annual EPR costs and discover potential savings through PPWR optimization.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-enf-calculator\">\r\n                <h3>\ud83d\udcb6 Interactive Fee Calculator<\/h3>\r\n                \r\n                <div class=\"ppwr-enf-country-select\">\r\n                    <label for=\"calcCountry\">Select Country:<\/label>\r\n                    <select id=\"calcCountry\">\r\n                        <option value=\"germany\">Germany (DSD)<\/option>\r\n                        <option value=\"france\">France (Citeo)<\/option>\r\n                        <option value=\"italy\">Italy (CONAI)<\/option>\r\n                        <option value=\"spain\">Spain (Ecoembes)<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-enf-calc-controls\">\r\n                    <div class=\"ppwr-enf-calc-row\">\r\n                        <label>PET Plastic<\/label>\r\n                        <input type=\"range\" id=\"petWeight\" min=\"0\" max=\"5000\" value=\"1000\" step=\"100\">\r\n                        <span class=\"ppwr-enf-calc-value\"><span id=\"petValue\">1000<\/span> kg<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-calc-row\">\r\n                        <label>HDPE Plastic<\/label>\r\n                        <input type=\"range\" id=\"hdpeWeight\" min=\"0\" max=\"5000\" value=\"500\" step=\"100\">\r\n                        <span class=\"ppwr-enf-calc-value\"><span id=\"hdpeValue\">500<\/span> kg<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-calc-row\">\r\n                        <label>Glass<\/label>\r\n                        <input type=\"range\" id=\"glassWeight\" min=\"0\" max=\"10000\" value=\"2000\" step=\"100\">\r\n                        <span class=\"ppwr-enf-calc-value\"><span id=\"glassValue\">2000<\/span> kg<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-calc-row\">\r\n                        <label>Aluminum<\/label>\r\n                        <input type=\"range\" id=\"aluminumWeight\" min=\"0\" max=\"2000\" value=\"300\" step=\"50\">\r\n                        <span class=\"ppwr-enf-calc-value\"><span id=\"aluminumValue\">300<\/span> kg<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-calc-row\">\r\n                        <label>Cardboard<\/label>\r\n                        <input type=\"range\" id=\"cardboardWeight\" min=\"0\" max=\"10000\" value=\"1500\" step=\"100\">\r\n                        <span class=\"ppwr-enf-calc-value\"><span id=\"cardboardValue\">1500<\/span> kg<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-enf-optimization\">\r\n                    <h4>\ud83c\udfaf Apply PPWR Optimization:<\/h4>\r\n                    <div class=\"ppwr-enf-checkbox-group\">\r\n                        <div class=\"ppwr-enf-checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"gradeA\">\r\n                            <label for=\"gradeA\">Grade A Recyclability (-20% fee reduction)<\/label>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"pcrContent\">\r\n                            <label for=\"pcrContent\">30% PCR Content (-10% fee reduction)<\/label>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"reusable\">\r\n                            <label for=\"reusable\">Reusable Packaging (-25% fee reduction)<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-enf-results\">\r\n                    <div class=\"ppwr-enf-result-card before\">\r\n                        <h4>Without Optimization<\/h4>\r\n                        <div class=\"ppwr-enf-result-amount\" id=\"beforeFee\">\u20ac0<\/div>\r\n                        <p>Annual EPR Fees<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-result-card after\">\r\n                        <h4>With Optimization<\/h4>\r\n                        <div class=\"ppwr-enf-result-amount\" id=\"afterFee\">\u20ac0<\/div>\r\n                        <p>Annual EPR Fees<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-enf-result-savings\">\r\n                    <p><strong id=\"savingsAmount\">\u20ac0<\/strong><\/p>\r\n                    <p>Annual Savings (<span id=\"savingsPercent\">0<\/span>% reduction)<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Digital Product Passport Builder -->\r\n    <section class=\"ppwr-enf-section\">\r\n        <div class=\"ppwr-enf-container\">\r\n            <div class=\"ppwr-enf-section-header\">\r\n                <span class=\"ppwr-enf-pillar-number\">Part II<\/span>\r\n                <h2 class=\"ppwr-enf-section-title\">Digital Product Passports (DPP)<\/h2>\r\n                <p class=\"ppwr-enf-section-subtitle\">Build your DPP step-by-step and see real-time preview of consumer-facing interface.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-enf-dpp-builder\">\r\n                <div class=\"ppwr-enf-dpp-form\">\r\n                    <div class=\"ppwr-enf-dpp-tabs\">\r\n                        <button class=\"ppwr-enf-dpp-tab active\" data-tab=\"identification\">Identification<\/button>\r\n                        <button class=\"ppwr-enf-dpp-tab\" data-tab=\"materials\">Materials<\/button>\r\n                        <button class=\"ppwr-enf-dpp-tab\" data-tab=\"circularity\">Circularity<\/button>\r\n                        <button class=\"ppwr-enf-dpp-tab\" data-tab=\"environmental\">Environmental<\/button>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-dpp-tab-content active\" data-content=\"identification\">\r\n                        <div class=\"ppwr-enf-form-group\">\r\n                            <label>Product Name *<\/label>\r\n                            <input type=\"text\" id=\"productName\" placeholder=\"e.g., Premium Facial Cream Jar\">\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-form-group\">\r\n                            <label>Manufacturer *<\/label>\r\n                            <input type=\"text\" id=\"manufacturer\" placeholder=\"e.g., Jarsking Packaging\">\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-form-group\">\r\n                            <label>Batch Code *<\/label>\r\n                            <input type=\"text\" id=\"batchCode\" placeholder=\"e.g., JK-2025-0412\">\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-form-group\">\r\n                            <label>Country of Origin *<\/label>\r\n                            <select id=\"originCountry\">\r\n                                <option value=\"\">Select...<\/option>\r\n                                <option value=\"China\">China<\/option>\r\n                                <option value=\"Germany\">Germany<\/option>\r\n                                <option value=\"France\">France<\/option>\r\n                                <option value=\"Italy\">Italy<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-dpp-tab-content\" data-content=\"materials\">\r\n                        <div class=\"ppwr-enf-form-group\">\r\n                            <label>Primary Material *<\/label>\r\n                            <select id=\"primaryMaterial\">\r\n                                <option value=\"\">Select...<\/option>\r\n                                <option value=\"Glass\">Glass<\/option>\r\n                                <option value=\"PET\">PET Plastic<\/option>\r\n                                <option value=\"HDPE\">HDPE Plastic<\/option>\r\n                                <option value=\"Aluminum\">Aluminum<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-form-group\">\r\n                            <label>Material Weight (grams) *<\/label>\r\n                            <input type=\"number\" id=\"materialWeight\" placeholder=\"e.g., 85\">\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-form-group\">\r\n                            <label>PCR Content (%) *<\/label>\r\n                            <input type=\"number\" id=\"pcrPercent\" placeholder=\"e.g., 30\" min=\"0\" max=\"100\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-dpp-tab-content\" data-content=\"circularity\">\r\n                        <div class=\"ppwr-enf-form-group\">\r\n                            <label>Recyclability Grade *<\/label>\r\n                            <select id=\"recyclabilityGrade\">\r\n                                <option value=\"\">Select...<\/option>\r\n                                <option value=\"A\">Grade A (\u226595%)<\/option>\r\n                                <option value=\"B\">Grade B (\u226580%)<\/option>\r\n                                <option value=\"C\">Grade C (\u226570%)<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-form-group\">\r\n                            <label>Reusable? *<\/label>\r\n                            <select id=\"reusableStatus\">\r\n                                <option value=\"No\">No (Single-use)<\/option>\r\n                                <option value=\"Yes\">Yes (Reusable)<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-form-group\">\r\n                            <label>Recycling Instructions *<\/label>\r\n                            <input type=\"text\" id=\"recyclingInstructions\" placeholder=\"e.g., Recycle with glass bottles\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-dpp-tab-content\" data-content=\"environmental\">\r\n                        <div class=\"ppwr-enf-form-group\">\r\n                            <label>Carbon Footprint (kg CO\u2082e)<\/label>\r\n                            <input type=\"number\" id=\"carbonFootprint\" placeholder=\"e.g., 0.45\" step=\"0.01\">\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-form-group\">\r\n                            <label>Certifications<\/label>\r\n                            <input type=\"text\" id=\"certifications\" placeholder=\"e.g., ISO 9001, EuCertPlast\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-enf-dpp-preview\">\r\n                    <h4>\ud83d\udcf1 Live DPP Preview<\/h4>\r\n                    \r\n                    <div class=\"ppwr-enf-qr-container\">\r\n                        <span style=\"font-size: 5rem;\">\ud83d\udcf1<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-progress\">\r\n                        <div class=\"ppwr-enf-progress-label\">\r\n                            <span>Completion Progress<\/span>\r\n                            <span id=\"progressPercent\">0%<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-progress-bar\">\r\n                            <div class=\"ppwr-enf-progress-fill\" id=\"progressFill\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-preview-data\">\r\n                        <h5>Consumer View:<\/h5>\r\n                        <div class=\"ppwr-enf-preview-item\">\r\n                            <strong>Product:<\/strong>\r\n                            <span id=\"previewProduct\">-<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-preview-item\">\r\n                            <strong>Material:<\/strong>\r\n                            <span id=\"previewMaterial\">-<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-preview-item\">\r\n                            <strong>PCR Content:<\/strong>\r\n                            <span id=\"previewPCR\">-<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-preview-item\">\r\n                            <strong>Grade:<\/strong>\r\n                            <span id=\"previewGrade\">-<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-preview-item\">\r\n                            <strong>How to Recycle:<\/strong>\r\n                            <span id=\"previewInstructions\" style=\"display: block; margin-top: 0.3rem;\">-<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Labeling Comparison -->\r\n    <section class=\"ppwr-enf-section\">\r\n        <div class=\"ppwr-enf-container\">\r\n            <div class=\"ppwr-enf-section-header\">\r\n                <span class=\"ppwr-enf-pillar-number\">Part III<\/span>\r\n                <h2 class=\"ppwr-enf-section-title\">Harmonized Labeling Requirements<\/h2>\r\n                <p class=\"ppwr-enf-section-subtitle\">Compare old vs. new labeling standards. Mandatory by August 12, 2028 for new designs.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-enf-label-comparison\">\r\n                <div class=\"ppwr-enf-label-grid\">\r\n                    <div class=\"ppwr-enf-label-card before\">\r\n                        <h4>\u274c Before 2028: Inconsistent<\/h4>\r\n                        <div class=\"ppwr-enf-label-visual before\">\r\n                            <div class=\"ppwr-enf-bottle-icon\">\ud83e\uddf4<\/div>\r\n                            <div class=\"ppwr-enf-label-text\">\r\n                                <p style=\"opacity: 0.5; font-style: italic;\">No standardized labeling<\/p>\r\n                                <p style=\"opacity: 0.5;\">Different symbols per country<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <ul>\r\n                            <li>No material composition pictograms<\/li>\r\n                            <li>Varying recycling symbols per Member State<\/li>\r\n                            <li>Unclear disposal instructions<\/li>\r\n                            <li>54% correct disposal rate<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-label-card after\">\r\n                        <h4>\u2705 After 2028: Harmonized<\/h4>\r\n                        <div class=\"ppwr-enf-label-visual after\">\r\n                            <div class=\"ppwr-enf-bottle-icon\">\ud83e\uddf4<\/div>\r\n                            <div class=\"ppwr-enf-label-text\">\r\n                                <p><strong>\u267b\ufe0f PET Plastic<\/strong><\/p>\r\n                                <p>Contains 30% recycled content<\/p>\r\n                                <p><strong>How to recycle:<\/strong> Recycle with plastic bottles. Remove pump before disposal.<\/p>\r\n                                <p style=\"margin-top: 0.5rem;\"><strong>\ud83d\udcf1 Scan for details<\/strong><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <ul>\r\n                            <li>Standardized material pictograms<\/li>\r\n                            <li>Clear recycling instructions<\/li>\r\n                            <li>QR code linking to full DPP<\/li>\r\n                            <li>89% correct disposal rate<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Enforcement Pyramid -->\r\n    <section class=\"ppwr-enf-section\">\r\n        <div class=\"ppwr-enf-container\">\r\n            <div class=\"ppwr-enf-section-header\">\r\n                <span class=\"ppwr-enf-pillar-number\">Part IV<\/span>\r\n                <h2 class=\"ppwr-enf-section-title\">Enforcement Mechanisms & Penalties<\/h2>\r\n                <p class=\"ppwr-enf-section-subtitle\">Three-layer enforcement system: Customs controls, market surveillance, and escalating financial penalties.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-enf-pyramid-container\">\r\n                <div class=\"ppwr-enf-pyramid\">\r\n                    <div class=\"ppwr-enf-pyramid-level severe\">\r\n                        <div class=\"ppwr-enf-pyramid-header\">\r\n                            <h4>\ud83d\udd34 Severe Violations<\/h4>\r\n                            <span class=\"ppwr-enf-pyramid-amount\">\u20ac100K - \u20ac200K+<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-pyramid-content\">\r\n                            <p><strong>Examples:<\/strong> False recyclability claims, banned substances (PFAS), intentional fraud<\/p>\r\n                            <p><strong>Consequences:<\/strong> Heavy fines + product recall + criminal investigation (up to 2 years prison in some Member States)<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-pyramid-level moderate\">\r\n                        <div class=\"ppwr-enf-pyramid-header\">\r\n                            <h4>\ud83d\udfe1 Moderate Violations<\/h4>\r\n                            <span class=\"ppwr-enf-pyramid-amount\">\u20ac25K - \u20ac100K<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-pyramid-content\">\r\n                            <p><strong>Examples:<\/strong> Missing EPR registration, incorrect PCR content reporting, non-compliant DPPs<\/p>\r\n                            <p><strong>Consequences:<\/strong> Fines + sales ban until rectified + customs detention of shipments<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-pyramid-level minor\">\r\n                        <div class=\"ppwr-enf-pyramid-header\">\r\n                            <h4>\ud83d\udfe2 Minor Violations<\/h4>\r\n                            <span class=\"ppwr-enf-pyramid-amount\">\u20ac5K - \u20ac15K<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-pyramid-content\">\r\n                            <p><strong>Examples:<\/strong> Incomplete labeling, small documentation errors, late EPR reporting<\/p>\r\n                            <p><strong>Consequences:<\/strong> Warning + 30-day cure period (first offense) \u2192 fines if repeated<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <h3 style=\"text-align: center; margin: 3rem 0 2rem 0; color: var(--primary); font-size: 1.8rem;\">Real-World Enforcement Cases<\/h3>\r\n                \r\n                <div class=\"ppwr-enf-case-studies\">\r\n                    <div class=\"ppwr-enf-case-card\">\r\n                        <div class=\"ppwr-enf-case-header\">\r\n                            <div class=\"ppwr-enf-case-icon\">\ud83c\uddeb\ud83c\uddf7<\/div>\r\n                            <div>\r\n                                <h5>False Recyclability Claims<\/h5>\r\n                                <span class=\"country\">France, 2026<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-case-details\">\r\n                            <p><strong>Violator:<\/strong> E-commerce retailer<\/p>\r\n                            <p><strong>Issue:<\/strong> Claimed \"100% recyclable\" plastic mailers (actual: 35%)<\/p>\r\n                            <p><strong>Action:<\/strong> Ordered to recall 450,000 mailers<\/p>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-case-cost\">\r\n                            <strong>\u20ac385,000<\/strong>\r\n                            <span>Total Cost (fine + recall + lost sales)<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-case-card\">\r\n                        <div class=\"ppwr-enf-case-header\">\r\n                            <div class=\"ppwr-enf-case-icon\">\ud83c\udde9\ud83c\uddea<\/div>\r\n                            <div>\r\n                                <h5>Missing EPR Registration<\/h5>\r\n                                <span class=\"country\">Germany, 2027<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-case-details\">\r\n                            <p><strong>Violator:<\/strong> Chinese cosmetics brand via Amazon<\/p>\r\n                            <p><strong>Issue:<\/strong> 280,000 units sold without LUCID registration<\/p>\r\n                            <p><strong>Action:<\/strong> Sales ban + customs detention<\/p>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-case-cost\">\r\n                            <strong>\u20ac453,000<\/strong>\r\n                            <span>Total Cost (fine + retroactive fees + detained goods)<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-case-card\">\r\n                        <div class=\"ppwr-enf-case-header\">\r\n                            <div class=\"ppwr-enf-case-icon\">\ud83c\uddee\ud83c\uddf9<\/div>\r\n                            <div>\r\n                                <h5>PFAS in Food Packaging<\/h5>\r\n                                <span class=\"country\">Italy, 2028<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-case-details\">\r\n                            <p><strong>Violator:<\/strong> Pizza chain with PFAS-coated boxes<\/p>\r\n                            <p><strong>Issue:<\/strong> 850 ppm organic fluorine (limit: 10 ppm)<\/p>\r\n                            <p><strong>Action:<\/strong> Immediate recall from 340 locations<\/p>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-case-cost\">\r\n                            <strong>\u20ac925,000<\/strong>\r\n                            <span>Total Cost + brand damage (-12% sales)<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Risk Assessment Tool -->\r\n    <section class=\"ppwr-enf-section\">\r\n        <div class=\"ppwr-enf-container\">\r\n            <div class=\"ppwr-enf-section-header\">\r\n                <h2 class=\"ppwr-enf-section-title\">Interactive Risk Assessment<\/h2>\r\n                <p class=\"ppwr-enf-section-subtitle\">Evaluate your compliance preparedness with our 10-point risk mitigation checklist.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-enf-risk-assessment\">\r\n                <div class=\"ppwr-enf-checklist\">\r\n                    <h4>\u2705 10-Point Risk Mitigation Strategy<\/h4>\r\n                    \r\n                    <div class=\"ppwr-enf-checklist-item\">\r\n                        <input type=\"checkbox\" id=\"risk1\" class=\"risk-checkbox\">\r\n                        <label for=\"risk1\" class=\"ppwr-enf-checklist-label\">\r\n                            <strong>Pre-market Testing<\/strong>\r\n                            <p>Verify recyclability, PCR content, and substances before launch<\/p>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-checklist-item\">\r\n                        <input type=\"checkbox\" id=\"risk2\" class=\"risk-checkbox\">\r\n                        <label for=\"risk2\" class=\"ppwr-enf-checklist-label\">\r\n                            <strong>Document Everything<\/strong>\r\n                            <p>Maintain supplier certificates, test reports, EPR receipts<\/p>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-checklist-item\">\r\n                        <input type=\"checkbox\" id=\"risk3\" class=\"risk-checkbox\">\r\n                        <label for=\"risk3\" class=\"ppwr-enf-checklist-label\">\r\n                            <strong>Register Early<\/strong>\r\n                            <p>Complete EPR registration 6+ months before market entry<\/p>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-checklist-item\">\r\n                        <input type=\"checkbox\" id=\"risk4\" class=\"risk-checkbox\">\r\n                        <label for=\"risk4\" class=\"ppwr-enf-checklist-label\">\r\n                            <strong>Third-Party Verification<\/strong>\r\n                            <p>Use accredited labs (RecyClass, EuCertPlast, SGS)<\/p>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-checklist-item\">\r\n                        <input type=\"checkbox\" id=\"risk5\" class=\"risk-checkbox\">\r\n                        <label for=\"risk5\" class=\"ppwr-enf-checklist-label\">\r\n                            <strong>Conservative Claims<\/strong>\r\n                            <p>Only claim what you can prove; avoid \"100% recyclable\" unless Grade A verified<\/p>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-checklist-item\">\r\n                        <input type=\"checkbox\" id=\"risk6\" class=\"risk-checkbox\">\r\n                        <label for=\"risk6\" class=\"ppwr-enf-checklist-label\">\r\n                            <strong>Monitor Suppliers<\/strong>\r\n                            <p>Audit material suppliers quarterly; verify certificates are current<\/p>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-checklist-item\">\r\n                        <input type=\"checkbox\" id=\"risk7\" class=\"risk-checkbox\">\r\n                        <label for=\"risk7\" class=\"ppwr-enf-checklist-label\">\r\n                            <strong>Internal Audits<\/strong>\r\n                            <p>Self-audit EPR reporting annually; identify errors before authorities do<\/p>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-checklist-item\">\r\n                        <input type=\"checkbox\" id=\"risk8\" class=\"risk-checkbox\">\r\n                        <label for=\"risk8\" class=\"ppwr-enf-checklist-label\">\r\n                            <strong>Legal Review<\/strong>\r\n                            <p>Have packaging claims reviewed by EU packaging law specialists<\/p>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-checklist-item\">\r\n                        <input type=\"checkbox\" id=\"risk9\" class=\"risk-checkbox\">\r\n                        <label for=\"risk9\" class=\"ppwr-enf-checklist-label\">\r\n                            <strong>DPP Accuracy<\/strong>\r\n                            <p>Update DPP data whenever formulations or materials change<\/p>\r\n                        <\/label>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-checklist-item\">\r\n                        <input type=\"checkbox\" id=\"risk10\" class=\"risk-checkbox\">\r\n                        <label for=\"risk10\" class=\"ppwr-enf-checklist-label\">\r\n                            <strong>Crisis Response Plan<\/strong>\r\n                            <p>Pre-plan recall procedures and corrective action protocols<\/p>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-enf-risk-meter\">\r\n                    <h4>Your Risk Level<\/h4>\r\n                    \r\n                    <div class=\"ppwr-enf-gauge\">\r\n                        <div class=\"ppwr-enf-gauge-bg\">\r\n                            <div class=\"ppwr-enf-gauge-inner\">\r\n                                <div class=\"ppwr-enf-gauge-score\" id=\"riskScore\">0<\/div>\r\n                                <div class=\"ppwr-enf-gauge-label\">out of 10<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-risk-status high\" id=\"riskStatus\">\r\n                        <h5>HIGH RISK<\/h5>\r\n                        <p>Significant compliance gaps detected<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-risk-legend\">\r\n                        <div class=\"ppwr-enf-legend-item\">\r\n                            <div class=\"ppwr-enf-legend-color high\"><\/div>\r\n                            <span>0-3 checks: High Risk<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-legend-item\">\r\n                            <div class=\"ppwr-enf-legend-color medium\"><\/div>\r\n                            <span>4-7 checks: Medium Risk<\/span>\r\n                        <\/div>\r\n                        <div class=\"ppwr-enf-legend-item\">\r\n                            <div class=\"ppwr-enf-legend-color low\"><\/div>\r\n                            <span>8-10 checks: Low Risk<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA Section -->\r\n    <section class=\"ppwr-enf-section ppwr-enf-cta-section\">\r\n        <div class=\"ppwr-enf-container\">\r\n            <div class=\"ppwr-enf-cta-content\">\r\n                <h2>Jarsking: Your Enforcement Compliance Partner<\/h2>\r\n                <p>From EPR registration to DPP implementation, we provide end-to-end operational support to ensure your packaging meets every enforcement requirement.<\/p>\r\n                \r\n                <div class=\"ppwr-enf-service-grid\">\r\n                    <div class=\"ppwr-enf-service-card\">\r\n                        <div class=\"ppwr-enf-service-icon\">\ud83d\udccb<\/div>\r\n                        <h3>EPR Registration Support<\/h3>\r\n                        <p>Multi-country registration coordination, PRO liaison, and annual reporting management.<\/p>\r\n                        <ul>\r\n                            <li>5-country setup coordination<\/li>\r\n                            <li>Documentation preparation<\/li>\r\n                            <li>Annual compliance reporting<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-service-card\">\r\n                        <div class=\"ppwr-enf-service-icon\">\ud83d\udcf1<\/div>\r\n                        <h3>DPP Implementation<\/h3>\r\n                        <p>Complete digital passport setup with QR code integration and data management.<\/p>\r\n                        <ul>\r\n                            <li>Data collection & auditing<\/li>\r\n                            <li>QR code generation<\/li>\r\n                            <li>Consumer interface design<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-service-card\">\r\n                        <div class=\"ppwr-enf-service-icon\">\ud83d\udd2c<\/div>\r\n                        <h3>Testing & Certification<\/h3>\r\n                        <p>Third-party verified testing for recyclability, PCR content, and banned substances.<\/p>\r\n                        <ul>\r\n                            <li>RecyClass certification<\/li>\r\n                            <li>PFAS testing (<10ppm)<\/li>\r\n                            <li>Heavy metal compliance<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-enf-service-card\">\r\n                        <div class=\"ppwr-enf-service-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                        <h3>Supplier Audits<\/h3>\r\n                        <p>Quarterly verification of material suppliers to ensure certificate validity and compliance.<\/p>\r\n                        <ul>\r\n                            <li>Material composition verification<\/li>\r\n                            <li>Certificate authenticity checks<\/li>\r\n                            <li>Supply chain traceability<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <a href=\"https:\/\/www.jarsking.com\/contact\/\" class=\"ppwr-enf-cta-button\">Schedule Compliance Consultation \u2192<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ EPR Country Selector\r\n    (function() {\r\n        const countryData = {\r\n            germany: {\r\n                name: 'Germany',\r\n                pro: 'DSD \/ LUCID Registry',\r\n                timeline: '4-6 weeks',\r\n                cost: '\u20ac500-1,500',\r\n                documents: 'Commercial register, VAT number, packaging declaration',\r\n                reporting: 'Quarterly reporting required',\r\n                website: 'www.verpackungsregister.org'\r\n            },\r\n            france: {\r\n                name: 'France',\r\n                pro: 'Citeo (formerly Eco-Emballages)',\r\n                timeline: '3-5 weeks',\r\n                cost: '\u20ac400-1,200',\r\n                documents: 'SIRET number, packaging data declaration',\r\n                reporting: 'Annual reporting by February 28',\r\n                website: 'www.citeo.com'\r\n            },\r\n            italy: {\r\n                name: 'Italy',\r\n                pro: 'CONAI (Consorzio Nazionale Imballaggi)',\r\n                timeline: '2-4 weeks',\r\n                cost: '\u20ac300-900',\r\n                documents: 'VAT number, company registration, packaging declaration',\r\n                reporting: 'Quarterly contributions + annual report',\r\n                website: 'www.conai.org'\r\n            },\r\n            spain: {\r\n                name: 'Spain',\r\n                pro: 'Ecoembes (packaging) \/ Ecovidrio (glass)',\r\n                timeline: '3-6 weeks',\r\n                cost: '\u20ac450-1,100',\r\n                documents: 'NIF\/CIF number, packaging data, product catalog',\r\n                reporting: 'Annual declaration by March 31',\r\n                website: 'www.ecoembes.com'\r\n            }\r\n        };\r\n        \r\n        const countryCards = document.querySelectorAll('.ppwr-enf-country-card');\r\n        const detailsContainer = document.getElementById('countryDetails');\r\n        const detailGrid = document.getElementById('countryDetailGrid');\r\n        const countryName = document.getElementById('countryName');\r\n        \r\n        countryCards.forEach(card => {\r\n            card.addEventListener('click', function() {\r\n                const country = this.dataset.country;\r\n                const data = countryData[country];\r\n                \r\n                \/\/ Update active state\r\n                countryCards.forEach(c => c.classList.remove('active'));\r\n                this.classList.add('active');\r\n                \r\n                \/\/ Update details\r\n                countryName.textContent = data.name + ' EPR Registration';\r\n                detailGrid.innerHTML = `\r\n                    <div class=\"ppwr-enf-detail-item\">\r\n                        <strong>PRO Organization<\/strong>\r\n                        <p>${data.pro}<\/p>\r\n                    <\/div>\r\n                    <div class=\"ppwr-enf-detail-item\">\r\n                        <strong>Registration Timeline<\/strong>\r\n                        <p>${data.timeline}<\/p>\r\n                    <\/div>\r\n                    <div class=\"ppwr-enf-detail-item\">\r\n                        <strong>Typical Cost<\/strong>\r\n                        <p>${data.cost}<\/p>\r\n                    <\/div>\r\n                    <div class=\"ppwr-enf-detail-item\">\r\n                        <strong>Required Documents<\/strong>\r\n                        <p>${data.documents}<\/p>\r\n                    <\/div>\r\n                    <div class=\"ppwr-enf-detail-item\">\r\n                        <strong>Reporting Frequency<\/strong>\r\n                        <p>${data.reporting}<\/p>\r\n                    <\/div>\r\n                    <div class=\"ppwr-enf-detail-item\">\r\n                        <strong>Official Website<\/strong>\r\n                        <p>${data.website}<\/p>\r\n                    <\/div>\r\n                `;\r\n                \r\n                detailsContainer.classList.add('active');\r\n            });\r\n        });\r\n        \r\n        \/\/ Auto-select Germany on load\r\n        document.querySelector('[data-country=\"germany\"]').click();\r\n    })();\r\n    \r\n    \/\/ EPR Fee Calculator\r\n    (function() {\r\n        const baseRates = {\r\n            germany: { pet: 0.85, hdpe: 0.78, glass: 0.22, aluminum: 0.95, cardboard: 0.08 },\r\n            france: { pet: 0.72, hdpe: 0.68, glass: 0.18, aluminum: 0.82, cardboard: 0.06 },\r\n            italy: { pet: 0.58, hdpe: 0.54, glass: 0.15, aluminum: 0.70, cardboard: 0.05 },\r\n            spain: { pet: 0.65, hdpe: 0.62, glass: 0.19, aluminum: 0.88, cardboard: 0.07 }\r\n        };\r\n        \r\n        const sliders = {\r\n            pet: document.getElementById('petWeight'),\r\n            hdpe: document.getElementById('hdpeWeight'),\r\n            glass: document.getElementById('glassWeight'),\r\n            aluminum: document.getElementById('aluminumWeight'),\r\n            cardboard: document.getElementById('cardboardWeight')\r\n        };\r\n        \r\n        const values = {\r\n            pet: document.getElementById('petValue'),\r\n            hdpe: document.getElementById('hdpeValue'),\r\n            glass: document.getElementById('glassValue'),\r\n            aluminum: document.getElementById('aluminumValue'),\r\n            cardboard: document.getElementById('cardboardValue')\r\n        };\r\n        \r\n        const countrySelect = document.getElementById('calcCountry');\r\n        const gradeACheck = document.getElementById('gradeA');\r\n        const pcrCheck = document.getElementById('pcrContent');\r\n        const reusableCheck = document.getElementById('reusable');\r\n        \r\n        const beforeFee = document.getElementById('beforeFee');\r\n        const afterFee = document.getElementById('afterFee');\r\n        const savingsAmount = document.getElementById('savingsAmount');\r\n        const savingsPercent = document.getElementById('savingsPercent');\r\n        \r\n        function calculateFees() {\r\n            const country = countrySelect.value;\r\n            const rates = baseRates[country];\r\n            \r\n            const weights = {\r\n                pet: parseInt(sliders.pet.value),\r\n                hdpe: parseInt(sliders.hdpe.value),\r\n                glass: parseInt(sliders.glass.value),\r\n                aluminum: parseInt(sliders.aluminum.value),\r\n                cardboard: parseInt(sliders.cardboard.value)\r\n            };\r\n            \r\n            \/\/ Calculate base fee\r\n            let baseFee = 0;\r\n            baseFee += weights.pet * rates.pet;\r\n            baseFee += weights.hdpe * rates.hdpe;\r\n            baseFee += weights.glass * rates.glass;\r\n            baseFee += weights.aluminum * rates.aluminum;\r\n            baseFee += weights.cardboard * rates.cardboard;\r\n            \r\n            \/\/ Calculate modulated fee\r\n            let modulation = 1.0;\r\n            if (gradeACheck.checked) modulation -= 0.20;\r\n            if (pcrCheck.checked) modulation -= 0.10;\r\n            if (reusableCheck.checked) modulation -= 0.25;\r\n            \r\n            const modulatedFee = baseFee * modulation;\r\n            const savings = baseFee - modulatedFee;\r\n            const savingsPercentage = ((savings \/ baseFee) * 100).toFixed(0);\r\n            \r\n            \/\/ Update display\r\n            beforeFee.textContent = '\u20ac' + baseFee.toFixed(0);\r\n            afterFee.textContent = '\u20ac' + modulatedFee.toFixed(0);\r\n            savingsAmount.textContent = '\u20ac' + savings.toFixed(0);\r\n            savingsPercent.textContent = savingsPercentage;\r\n        }\r\n        \r\n        \/\/ Update slider values\r\n        Object.keys(sliders).forEach(key => {\r\n            sliders[key].addEventListener('input', function() {\r\n                values[key].textContent = this.value;\r\n                calculateFees();\r\n            });\r\n        });\r\n        \r\n        \/\/ Update on changes\r\n        countrySelect.addEventListener('change', calculateFees);\r\n        gradeACheck.addEventListener('change', calculateFees);\r\n        pcrCheck.addEventListener('change', calculateFees);\r\n        reusableCheck.addEventListener('change', calculateFees);\r\n        \r\n        \/\/ Initial calculation\r\n        calculateFees();\r\n    })();\r\n    \r\n    \/\/ DPP Builder\r\n    (function() {\r\n        const tabs = document.querySelectorAll('.ppwr-enf-dpp-tab');\r\n        const contents = document.querySelectorAll('.ppwr-enf-dpp-tab-content');\r\n        const progressFill = document.getElementById('progressFill');\r\n        const progressPercent = document.getElementById('progressPercent');\r\n        \r\n        const previewProduct = document.getElementById('previewProduct');\r\n        const previewMaterial = document.getElementById('previewMaterial');\r\n        const previewPCR = document.getElementById('previewPCR');\r\n        const previewGrade = document.getElementById('previewGrade');\r\n        const previewInstructions = document.getElementById('previewInstructions');\r\n        \r\n        \/\/ Tab switching\r\n        tabs.forEach(tab => {\r\n            tab.addEventListener('click', function() {\r\n                const targetTab = this.dataset.tab;\r\n                \r\n                tabs.forEach(t => t.classList.remove('active'));\r\n                contents.forEach(c => c.classList.remove('active'));\r\n                \r\n                this.classList.add('active');\r\n                document.querySelector(`[data-content=\"${targetTab}\"]`).classList.add('active');\r\n            });\r\n        });\r\n        \r\n        \/\/ Form inputs\r\n        const inputs = [\r\n            'productName', 'manufacturer', 'batchCode', 'originCountry',\r\n            'primaryMaterial', 'materialWeight', 'pcrPercent',\r\n            'recyclabilityGrade', 'reusableStatus', 'recyclingInstructions'\r\n        ];\r\n        \r\n        function updatePreview() {\r\n            const filled = inputs.filter(id => {\r\n                const el = document.getElementById(id);\r\n                return el && el.value !== '';\r\n            }).length;\r\n            \r\n            const progress = (filled \/ inputs.length) * 100;\r\n            progressFill.style.width = progress + '%';\r\n            progressPercent.textContent = Math.round(progress) + '%';\r\n            \r\n            \/\/ Update preview data\r\n            previewProduct.textContent = document.getElementById('productName').value || '-';\r\n            previewMaterial.textContent = document.getElementById('primaryMaterial').value || '-';\r\n            previewPCR.textContent = document.getElementById('pcrPercent').value ? document.getElementById('pcrPercent').value + '%' : '-';\r\n            previewGrade.textContent = document.getElementById('recyclabilityGrade').value || '-';\r\n            previewInstructions.textContent = document.getElementById('recyclingInstructions').value || '-';\r\n        }\r\n        \r\n        \/\/ Listen to all inputs\r\n        inputs.forEach(id => {\r\n            const el = document.getElementById(id);\r\n            if (el) {\r\n                el.addEventListener('input', updatePreview);\r\n                el.addEventListener('change', updatePreview);\r\n            }\r\n        });\r\n    })();\r\n    \r\n    \/\/ Risk Assessment\r\n    (function() {\r\n        const checkboxes = document.querySelectorAll('.risk-checkbox');\r\n        const riskScore = document.getElementById('riskScore');\r\n        const riskStatus = document.getElementById('riskStatus');\r\n        const gaugeScore = document.querySelector('.ppwr-enf-gauge-score');\r\n        \r\n        function updateRisk() {\r\n            const checked = Array.from(checkboxes).filter(cb => cb.checked).length;\r\n            riskScore.textContent = checked;\r\n            gaugeScore.textContent = checked;\r\n            \r\n            \/\/ Update status\r\n            riskStatus.className = 'ppwr-enf-risk-status';\r\n            \r\n            if (checked <= 3) {\r\n                riskStatus.classList.add('high');\r\n                riskStatus.innerHTML = '<h5>HIGH RISK<\/h5><p>Significant compliance gaps detected<\/p>';\r\n                gaugeScore.style.color = 'var(--danger)';\r\n            } else if (checked <= 7) {\r\n                riskStatus.classList.add('medium');\r\n                riskStatus.innerHTML = '<h5>MEDIUM RISK<\/h5><p>Some areas need improvement<\/p>';\r\n                gaugeScore.style.color = 'var(--warning)';\r\n            } else {\r\n                riskStatus.classList.add('low');\r\n                riskStatus.innerHTML = '<h5>LOW RISK<\/h5><p>Strong compliance foundation<\/p>';\r\n                gaugeScore.style.color = 'var(--success)';\r\n            }\r\n        }\r\n        \r\n        checkboxes.forEach(cb => {\r\n            cb.addEventListener('change', updateRisk);\r\n        });\r\n    })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PPWR Enforcement Guide: From Theory to Market Reality Master the operational systems that transform packaging compliance from regulatory text into business practice. Navigate EPR registration, Digital Product Passports, and enforcement mechanisms with confidence. \ud83d\udccb EPR Registration \ud83d\udcf1 Digital Passports \u2696\ufe0f Enforcement Part I Extended Producer Responsibility (EPR) Multi-country registration requirements, Producer Responsibility Organizations (PROs), and [&hellip;]<\/p>\n","protected":false},"author":22,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-91719","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/pages\/91719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/comments?post=91719"}],"version-history":[{"count":11,"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/pages\/91719\/revisions"}],"predecessor-version":[{"id":105442,"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/pages\/91719\/revisions\/105442"}],"wp:attachment":[{"href":"https:\/\/www.jarsking.com\/ar\/wp-json\/wp\/v2\/media?parent=91719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}