{"id":91572,"date":"2025-12-10T19:35:27","date_gmt":"2025-12-10T11:35:27","guid":{"rendered":"https:\/\/www.jarsking.com\/?page_id=91572"},"modified":"2026-07-31T17:19:32","modified_gmt":"2026-07-31T09:19:32","slug":"ppwr-compliance-interactive-guide","status":"publish","type":"page","link":"https:\/\/www.jarsking.com\/ko\/ppwr-compliance-interactive-guide\/","title":{"rendered":"PPWR Compliance Interactive Guide"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"91572\" class=\"elementor elementor-91572\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8326bce elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8326bce\" 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-61762ac\" data-id=\"61762ac\" 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-2673126 elementor-widget elementor-widget-html\" data-id=\"2673126\" 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 reset - won't affect Elementor *\/\r\n        .ppwr-interactive-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-interactive-wrapper * {\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        \/* CSS Variables *\/\r\n        .ppwr-interactive-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-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-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-float 8s ease-in-out infinite;\r\n        }\r\n        \r\n        .ppwr-hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 300px;\r\n            height: 300px;\r\n            background: rgba(255,255,255,0.05);\r\n            border-radius: 50%;\r\n            bottom: -150px;\r\n            left: -150px;\r\n            animation: ppwr-float 6s ease-in-out infinite reverse;\r\n        }\r\n        \r\n        @keyframes ppwr-float {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-30px); }\r\n        }\r\n        \r\n        .ppwr-hero-content {\r\n            position: relative;\r\n            z-index: 1;\r\n            max-width: 900px;\r\n        }\r\n        \r\n        .ppwr-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-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        \/* Section Base *\/\r\n        .ppwr-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-section:nth-child(even) {\r\n            background: var(--neutral-light);\r\n        }\r\n        \r\n        .ppwr-container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .ppwr-section-header {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n        }\r\n        \r\n        .ppwr-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-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-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        \/* Grade Cards *\/\r\n        .ppwr-grade-ladder {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2rem;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .ppwr-grade-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            display: flex;\r\n            align-items: center;\r\n            gap: 2rem;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: ppwr-fadeInUp 0.6s ease forwards;\r\n        }\r\n        \r\n        .ppwr-grade-card:nth-child(1) { animation-delay: 0.2s; }\r\n        .ppwr-grade-card:nth-child(2) { animation-delay: 0.4s; }\r\n        .ppwr-grade-card:nth-child(3) { animation-delay: 0.6s; }\r\n        \r\n        @keyframes ppwr-fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        .ppwr-grade-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 8px 30px rgba(107, 70, 193, 0.15);\r\n        }\r\n        \r\n        .ppwr-grade-card.grade-a { border-left: 6px solid var(--success); }\r\n        .ppwr-grade-card.grade-b { border-left: 6px solid var(--warning); }\r\n        .ppwr-grade-card.grade-c { border-left: 6px solid var(--danger); }\r\n        \r\n        .ppwr-grade-icon {\r\n            font-size: 3rem;\r\n            font-weight: 900;\r\n            width: 80px;\r\n            height: 80px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 15px;\r\n            flex-shrink: 0;\r\n            color: white;\r\n        }\r\n        \r\n        .grade-a .ppwr-grade-icon {\r\n            background: linear-gradient(135deg, #10B981, #34D399);\r\n        }\r\n        \r\n        .grade-b .ppwr-grade-icon {\r\n            background: linear-gradient(135deg, #F59E0B, #FBBF24);\r\n        }\r\n        \r\n        .grade-c .ppwr-grade-icon {\r\n            background: linear-gradient(135deg, #EF4444, #F87171);\r\n        }\r\n        \r\n        .ppwr-grade-info h3 {\r\n            font-size: 1.5rem;\r\n            margin: 0 0 0.5rem 0;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .ppwr-grade-info p {\r\n            color: var(--neutral-dark);\r\n            margin: 0 0 0.5rem 0;\r\n        }\r\n        \r\n        .ppwr-epr-impact {\r\n            display: inline-block;\r\n            padding: 0.3rem 0.8rem;\r\n            border-radius: 20px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            margin-top: 0.5rem;\r\n        }\r\n        \r\n        .grade-a .ppwr-epr-impact {\r\n            background: rgba(16, 185, 129, 0.1);\r\n            color: var(--success);\r\n        }\r\n        \r\n        .grade-b .ppwr-epr-impact {\r\n            background: rgba(245, 158, 11, 0.1);\r\n            color: var(--warning);\r\n        }\r\n        \r\n        .grade-c .ppwr-epr-impact {\r\n            background: rgba(239, 68, 68, 0.1);\r\n            color: var(--danger);\r\n        }\r\n        \r\n        \/* Bottle Breakdown *\/\r\n        .ppwr-bottle-breakdown {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 3rem;\r\n            margin-top: 3rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .ppwr-bottle-breakdown h3 {\r\n            text-align: center;\r\n            margin: 0 0 2rem 0;\r\n            font-size: 1.5rem;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-bottle-visual {\r\n            display: flex;\r\n            justify-content: space-around;\r\n            align-items: flex-end;\r\n            margin-bottom: 2rem;\r\n            padding: 2rem;\r\n            background: linear-gradient(to bottom, #F1F5F9 0%, transparent 100%);\r\n            border-radius: 15px;\r\n            min-height: 300px;\r\n        }\r\n        \r\n        .ppwr-bottle-part {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            cursor: pointer;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .ppwr-bottle-part:hover {\r\n            transform: translateY(-10px);\r\n        }\r\n        \r\n        .ppwr-bottle-part-icon {\r\n            width: 80px;\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.2rem;\r\n            color: white;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .ppwr-bottle-body {\r\n            background: linear-gradient(135deg, #06B6D4, #0891B2);\r\n            height: 180px;\r\n        }\r\n        \r\n        .ppwr-bottle-label {\r\n            background: linear-gradient(135deg, #F59E0B, #D97706);\r\n            height: 100px;\r\n        }\r\n        \r\n        .ppwr-bottle-cap {\r\n            background: linear-gradient(135deg, #8B5CF6, #7C3AED);\r\n            height: 60px;\r\n        }\r\n        \r\n        .ppwr-bottle-part-info {\r\n            text-align: center;\r\n        }\r\n        \r\n        .ppwr-bottle-part-info h4 {\r\n            font-size: 1rem;\r\n            margin: 0 0 0.3rem 0;\r\n        }\r\n        \r\n        .ppwr-recyclability-percent {\r\n            font-size: 1.5rem;\r\n            font-weight: 800;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-bottle-part-info p {\r\n            font-size: 0.85rem;\r\n            color: var(--neutral-dark);\r\n            margin: 0;\r\n        }\r\n        \r\n        .ppwr-bottle-summary {\r\n            text-align: center;\r\n            padding: 1.5rem;\r\n            background: rgba(245, 158, 11, 0.1);\r\n            border-radius: 10px;\r\n        }\r\n        \r\n        .ppwr-bottle-summary p {\r\n            margin: 0.5rem 0;\r\n        }\r\n        \r\n        \/* PCR Section *\/\r\n        .ppwr-material-switcher {\r\n            display: flex;\r\n            gap: 1rem;\r\n            justify-content: center;\r\n            margin-bottom: 3rem;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .ppwr-material-btn {\r\n            padding: 0.8rem 1.5rem;\r\n            border: 2px solid var(--primary);\r\n            background: white;\r\n            color: var(--primary);\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-size: 0.95rem;\r\n        }\r\n        \r\n        .ppwr-material-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 15px rgba(107, 70, 193, 0.2);\r\n        }\r\n        \r\n        .ppwr-material-btn.active {\r\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n            color: white;\r\n        }\r\n        \r\n        .ppwr-pcr-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 3rem;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .ppwr-pcr-bottle {\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            text-align: center;\r\n        }\r\n        \r\n        .ppwr-pcr-bottle h3 {\r\n            font-size: 1.5rem;\r\n            margin: 0 0 1rem 0;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-bottle-container {\r\n            width: 150px;\r\n            height: 300px;\r\n            margin: 2rem auto;\r\n            border: 4px solid var(--neutral-dark);\r\n            border-radius: 15px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            background: rgba(241, 245, 249, 0.5);\r\n        }\r\n        \r\n        .ppwr-pcr-fill {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: linear-gradient(to top, var(--primary), var(--primary-light));\r\n            height: 0;\r\n            transition: height 1.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n        \r\n        .ppwr-pcr-label {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            font-size: 2rem;\r\n            font-weight: 900;\r\n            color: white;\r\n            text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n            z-index: 1;\r\n            opacity: 0;\r\n            transition: opacity 0.5s ease 1s;\r\n        }\r\n        \r\n        .ppwr-pcr-details {\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-pcr-details p {\r\n            font-size: 0.9rem;\r\n            color: var(--neutral-dark);\r\n            margin: 0.5rem 0;\r\n        }\r\n        \r\n        .ppwr-pcr-details strong {\r\n            color: var(--primary);\r\n        }\r\n        \r\n        \/* Timeline *\/\r\n        .ppwr-timeline {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            padding: 2rem 0;\r\n        }\r\n        \r\n        .ppwr-timeline-item {\r\n            background: white;\r\n            border-radius: 15px;\r\n            padding: 2rem;\r\n            margin-bottom: 2rem;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n            border-left: 6px solid var(--danger);\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: ppwr-fadeInUp 0.6s ease forwards;\r\n        }\r\n        \r\n        .ppwr-timeline-item:nth-child(1) { animation-delay: 0.2s; }\r\n        .ppwr-timeline-item:nth-child(2) { animation-delay: 0.4s; border-left-color: var(--warning); }\r\n        .ppwr-timeline-item:nth-child(3) { animation-delay: 0.6s; border-left-color: var(--primary); }\r\n        \r\n        .ppwr-timeline-item h3 {\r\n            font-size: 1.3rem;\r\n            margin: 0 0 0.5rem 0;\r\n            color: var(--danger);\r\n        }\r\n        \r\n        .ppwr-timeline-item:nth-child(2) h3 { color: var(--warning); }\r\n        .ppwr-timeline-item:nth-child(3) h3 { color: var(--primary); }\r\n        \r\n        .ppwr-timeline-date {\r\n            display: inline-block;\r\n            background: rgba(239, 68, 68, 0.1);\r\n            color: var(--danger);\r\n            padding: 0.3rem 0.8rem;\r\n            border-radius: 20px;\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .ppwr-timeline-item:nth-child(2) .ppwr-timeline-date {\r\n            background: rgba(245, 158, 11, 0.1);\r\n            color: var(--warning);\r\n        }\r\n        \r\n        .ppwr-timeline-item:nth-child(3) .ppwr-timeline-date {\r\n            background: rgba(107, 70, 193, 0.1);\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-timeline-item p {\r\n            color: var(--neutral-dark);\r\n            margin: 0.5rem 0;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* Comparison Slider *\/\r\n        .ppwr-comparison-slider {\r\n            position: relative;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            height: 500px;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 40px rgba(0,0,0,0.15);\r\n        }\r\n        \r\n        .ppwr-comparison-side {\r\n            position: absolute;\r\n            top: 0;\r\n            bottom: 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 3rem;\r\n            text-align: center;\r\n            color: white;\r\n        }\r\n        \r\n        .ppwr-comparison-before {\r\n            left: 0;\r\n            right: 50%;\r\n            background: linear-gradient(135deg, #EF4444, #DC2626);\r\n        }\r\n        \r\n        .ppwr-comparison-after {\r\n            left: 50%;\r\n            right: 0;\r\n            background: linear-gradient(135deg, #10B981, #059669);\r\n        }\r\n        \r\n        .ppwr-comparison-side h3 {\r\n            font-size: 2rem;\r\n            margin: 0 0 1rem 0;\r\n        }\r\n        \r\n        .ppwr-comparison-icon {\r\n            font-size: 4rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .ppwr-comparison-side p {\r\n            margin: 0.5rem 0;\r\n        }\r\n        \r\n        .ppwr-comparison-stats {\r\n            margin-top: 1.5rem;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .ppwr-comparison-stats div {\r\n            margin: 0.5rem 0;\r\n        }\r\n        \r\n        \/* Calculator *\/\r\n        .ppwr-calculator-container {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 3rem;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        .ppwr-calculator-container h3 {\r\n            text-align: center;\r\n            margin: 0 0 2rem 0;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-calculator-inputs {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n            gap: 1.5rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .ppwr-input-group {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 0.5rem;\r\n        }\r\n        \r\n        .ppwr-input-group label {\r\n            font-weight: 600;\r\n            color: var(--text-dark);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .ppwr-input-group input {\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            transition: border-color 0.3s ease;\r\n        }\r\n        \r\n        .ppwr-input-group input:focus {\r\n            outline: none;\r\n            border-color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-calculate-btn {\r\n            width: 100%;\r\n            padding: 1rem;\r\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n            color: white;\r\n            border: none;\r\n            border-radius: 10px;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n        \r\n        .ppwr-calculate-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 25px rgba(107, 70, 193, 0.3);\r\n        }\r\n        \r\n        .ppwr-result-display {\r\n            margin-top: 2rem;\r\n            padding: 2rem;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n            opacity: 0;\r\n            transform: scale(0.9);\r\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n        \r\n        .ppwr-result-display.show {\r\n            opacity: 1;\r\n            transform: scale(1);\r\n        }\r\n        \r\n        .ppwr-result-display.compliant {\r\n            background: rgba(16, 185, 129, 0.1);\r\n            border: 3px solid var(--success);\r\n        }\r\n        \r\n        .ppwr-result-display.non-compliant {\r\n            background: rgba(239, 68, 68, 0.1);\r\n            border: 3px solid var(--danger);\r\n        }\r\n        \r\n        .ppwr-result-percentage {\r\n            font-size: 3rem;\r\n            font-weight: 900;\r\n            margin: 0 0 0.5rem 0;\r\n        }\r\n        \r\n        .ppwr-result-display.compliant .ppwr-result-percentage {\r\n            color: var(--success);\r\n        }\r\n        \r\n        .ppwr-result-display.non-compliant .ppwr-result-percentage {\r\n            color: var(--danger);\r\n        }\r\n        \r\n        .ppwr-result-status {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            margin: 0 0 1rem 0;\r\n        }\r\n        \r\n        .ppwr-result-message {\r\n            color: var(--neutral-dark);\r\n            margin: 0;\r\n        }\r\n        \r\n        \/* Integration *\/\r\n        .ppwr-scenario-cards {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 2rem;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .ppwr-scenario-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            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: ppwr-fadeInUp 0.6s ease forwards;\r\n        }\r\n        \r\n        .ppwr-scenario-card:nth-child(1) { animation-delay: 0.2s; }\r\n        .ppwr-scenario-card:nth-child(2) { animation-delay: 0.4s; }\r\n        .ppwr-scenario-card:nth-child(3) { animation-delay: 0.6s; }\r\n        \r\n        .ppwr-scenario-card:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .ppwr-scenario-card h4 {\r\n            font-size: 1.2rem;\r\n            margin: 0 0 1rem 0;\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-scenario-pillars {\r\n            display: flex;\r\n            gap: 0.5rem;\r\n            margin-bottom: 1rem;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .ppwr-pillar-badge {\r\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n            color: white;\r\n            padding: 0.3rem 0.6rem;\r\n            border-radius: 20px;\r\n            font-size: 0.75rem;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .ppwr-scenario-card p {\r\n            color: var(--neutral-dark);\r\n            font-size: 0.9rem;\r\n            margin: 0;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* CTA Section *\/\r\n        .ppwr-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-cta-content {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .ppwr-cta-section h2 {\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            margin: 0 0 1.5rem 0;\r\n        }\r\n        \r\n        .ppwr-cta-section > .ppwr-container > p {\r\n            font-size: 1.2rem;\r\n            margin: 0 0 2rem 0;\r\n            opacity: 0.95;\r\n        }\r\n        \r\n        .ppwr-product-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 2rem;\r\n            margin-top: 3rem;\r\n        }\r\n        \r\n        .ppwr-product-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-product-card:hover {\r\n            transform: translateY(-8px);\r\n        }\r\n        \r\n        .ppwr-product-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .ppwr-product-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-compliance-badges {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 0.5rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .ppwr-badge {\r\n            padding: 0.3rem 0.7rem;\r\n            border-radius: 20px;\r\n            font-size: 0.75rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .ppwr-badge.grade-a {\r\n            background: rgba(16, 185, 129, 0.15);\r\n            color: var(--success);\r\n        }\r\n        \r\n        .ppwr-badge.pcr {\r\n            background: rgba(107, 70, 193, 0.15);\r\n            color: var(--primary);\r\n        }\r\n        \r\n        .ppwr-badge.pfas-free {\r\n            background: rgba(239, 68, 68, 0.15);\r\n            color: var(--danger);\r\n        }\r\n        \r\n        .ppwr-product-card p {\r\n            margin: 0;\r\n        }\r\n        \r\n        .ppwr-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            margin-top: 2rem;\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-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        .ppwr-cta-footer {\r\n            margin-top: 3rem;\r\n            padding-top: 2rem;\r\n            border-top: 1px solid rgba(255,255,255,0.2);\r\n        }\r\n        \r\n        .ppwr-cta-footer p {\r\n            font-size: 0.95rem;\r\n            opacity: 0.9;\r\n            margin: 0;\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .ppwr-hero h1 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .ppwr-section {\r\n                padding: 4rem 1.5rem;\r\n            }\r\n            \r\n            .ppwr-grade-card {\r\n                flex-direction: column;\r\n                text-align: center;\r\n            }\r\n            \r\n            .ppwr-bottle-visual {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                gap: 2rem;\r\n            }\r\n            \r\n            .ppwr-pcr-container {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .ppwr-comparison-slider {\r\n                height: 400px;\r\n            }\r\n            \r\n            .ppwr-comparison-side {\r\n                padding: 2rem;\r\n            }\r\n            \r\n            .ppwr-comparison-side h3 {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .ppwr-comparison-icon {\r\n                font-size: 2.5rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"ppwr-interactive-wrapper\">\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"ppwr-hero\">\r\n        <div class=\"ppwr-hero-content\">\r\n            <h1>PPWR Compliance: Master the 5 Critical Pillars<\/h1>\r\n            <p>Navigate EU's revolutionary packaging regulation through interactive visualization. From recyclability grades to empty space ratios, understand every requirement that stands between your products and market access.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pillar 1: Design for Recyclability -->\r\n    <section class=\"ppwr-section\">\r\n        <div class=\"ppwr-container\">\r\n            <div class=\"ppwr-section-header\">\r\n                <span class=\"ppwr-pillar-number\">Pillar 1<\/span>\r\n                <h2 class=\"ppwr-section-title\">Design for Recyclability<\/h2>\r\n                <p class=\"ppwr-section-subtitle\">The PPWR introduces legally binding recyclability grades. Packaging is judged by what percentage can actually be recycled at scale\u2014not just in theory.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-grade-ladder\">\r\n                <div class=\"ppwr-grade-card grade-a\">\r\n                    <div class=\"ppwr-grade-icon\">A<\/div>\r\n                    <div class=\"ppwr-grade-info\">\r\n                        <h3>Grade A: Excellence<\/h3>\r\n                        <p><strong>\u226595% recyclable<\/strong> by weight<\/p>\r\n                        <p>Optimized for circularity with minimal waste<\/p>\r\n                        <span class=\"ppwr-epr-impact\">EPR Bonus: Up to -20% fees<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-grade-card grade-b\">\r\n                    <div class=\"ppwr-grade-icon\">B<\/div>\r\n                    <div class=\"ppwr-grade-info\">\r\n                        <h3>Grade B: Good Performance<\/h3>\r\n                        <p><strong>\u226580% recyclable<\/strong> by weight<\/p>\r\n                        <p>Minor components may not recycle<\/p>\r\n                        <span class=\"ppwr-epr-impact\">EPR Impact: Neutral fees<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-grade-card grade-c\">\r\n                    <div class=\"ppwr-grade-icon\">C<\/div>\r\n                    <div class=\"ppwr-grade-info\">\r\n                        <h3>Grade C: Minimum Standard<\/h3>\r\n                        <p><strong>\u226570% recyclable<\/strong> by weight<\/p>\r\n                        <p>Compliance threshold for 2030<\/p>\r\n                        <span class=\"ppwr-epr-impact\">EPR Penalty: Up to +20% fees<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-bottle-breakdown\">\r\n                <h3>Component Breakdown Example: PET Beverage Bottle<\/h3>\r\n                <div class=\"ppwr-bottle-visual\">\r\n                    <div class=\"ppwr-bottle-part\">\r\n                        <div class=\"ppwr-bottle-part-icon ppwr-bottle-body\">PET<\/div>\r\n                        <div class=\"ppwr-bottle-part-info\">\r\n                            <h4>Bottle Body<\/h4>\r\n                            <div class=\"ppwr-recyclability-percent\">100%<\/div>\r\n                            <p>85% of weight<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-bottle-part\">\r\n                        <div class=\"ppwr-bottle-part-icon ppwr-bottle-label\">PVC<\/div>\r\n                        <div class=\"ppwr-bottle-part-info\">\r\n                            <h4>Sleeve Label<\/h4>\r\n                            <div class=\"ppwr-recyclability-percent\">0%<\/div>\r\n                            <p>10% of weight<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-bottle-part\">\r\n                        <div class=\"ppwr-bottle-part-icon ppwr-bottle-cap\">PP<\/div>\r\n                        <div class=\"ppwr-bottle-part-info\">\r\n                            <h4>Cap<\/h4>\r\n                            <div class=\"ppwr-recyclability-percent\">100%<\/div>\r\n                            <p>5% of weight<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"ppwr-bottle-summary\">\r\n                    <p style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\"><strong>Overall Recyclability:<\/strong> <span style=\"color: var(--warning); font-size: 1.5rem; font-weight: 800;\">85%<\/span><\/p>\r\n                    <p style=\"color: var(--warning); font-weight: 700;\">Grade B - Good, but can improve<\/p>\r\n                    <p style=\"margin-top: 1rem; color: var(--neutral-dark);\">\ud83d\udca1 <strong>Solution:<\/strong> Switch to perforated PET labels \u2192 achieves Grade A (\u226595% recyclable)<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pillar 2: Recycled Content Mandates -->\r\n    <section class=\"ppwr-section\">\r\n        <div class=\"ppwr-container\">\r\n            <div class=\"ppwr-section-header\">\r\n                <span class=\"ppwr-pillar-number\">Pillar 2<\/span>\r\n                <h2 class=\"ppwr-section-title\">Recycled Content Mandates<\/h2>\r\n                <p class=\"ppwr-section-subtitle\">PPWR requires minimum percentages of Post-Consumer Recycled (PCR) content in plastic packaging to create demand for recycled materials.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-material-switcher\">\r\n                <button class=\"ppwr-material-btn active\" data-type=\"pet\">Contact-Sensitive PET<\/button>\r\n                <button class=\"ppwr-material-btn\" data-type=\"other\">Other Contact-Sensitive<\/button>\r\n                <button class=\"ppwr-material-btn\" data-type=\"noncontact\">Non-Contact Plastics<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-pcr-container\">\r\n                <div class=\"ppwr-pcr-bottle\" data-target=\"2030\">\r\n                    <h3>2030 Target<\/h3>\r\n                    <div class=\"ppwr-bottle-container\">\r\n                        <div class=\"ppwr-pcr-fill\" data-percent=\"30\"><\/div>\r\n                        <div class=\"ppwr-pcr-label\">30%<\/div>\r\n                    <\/div>\r\n                    <div class=\"ppwr-pcr-details\">\r\n                        <p><strong>Requirement:<\/strong> 30% PCR<\/p>\r\n                        <p><strong>Timeline:<\/strong> 6 years away<\/p>\r\n                        <p><strong>Impact:<\/strong> \u20ac450\/tonne premium<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-pcr-bottle\" data-target=\"2040\">\r\n                    <h3>2040 Target<\/h3>\r\n                    <div class=\"ppwr-bottle-container\">\r\n                        <div class=\"ppwr-pcr-fill\" data-percent=\"65\"><\/div>\r\n                        <div class=\"ppwr-pcr-label\">65%<\/div>\r\n                    <\/div>\r\n                    <div class=\"ppwr-pcr-details\">\r\n                        <p><strong>Requirement:<\/strong> 65% PCR<\/p>\r\n                        <p><strong>Timeline:<\/strong> 16 years away<\/p>\r\n                        <p><strong>Future-proofing:<\/strong> Plan now<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pillar 3: Restrictions on Substances -->\r\n    <section class=\"ppwr-section\">\r\n        <div class=\"ppwr-container\">\r\n            <div class=\"ppwr-section-header\">\r\n                <span class=\"ppwr-pillar-number\">Pillar 3<\/span>\r\n                <h2 class=\"ppwr-section-title\">Restrictions on Substances of Concern<\/h2>\r\n                <p class=\"ppwr-section-subtitle\">PPWR bans harmful chemicals that contaminate recycling streams or pose environmental risks.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-timeline\">\r\n                <div class=\"ppwr-timeline-item\">\r\n                    <h3>PFAS Ban<\/h3>\r\n                    <span class=\"ppwr-timeline-date\">August 12, 2026<\/span>\r\n                    <p><strong>Banned:<\/strong> All PFAS in food-contact packaging<\/p>\r\n                    <p><strong>Affected:<\/strong> Fast-food wrappers, pizza boxes, takeaway containers<\/p>\r\n                    <p><strong>Threshold:<\/strong> \u226410 ppm total organic fluorine<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-timeline-item\">\r\n                    <h3>Heavy Metal Limits<\/h3>\r\n                    <span class=\"ppwr-timeline-date\">Ongoing Requirement<\/span>\r\n                    <p><strong>Maximum 100 ppm combined<\/strong> for Lead, Cadmium, Mercury, Hexavalent Chromium<\/p>\r\n                    <p><strong>Testing:<\/strong> Required per production batch<\/p>\r\n                    <p><strong>Method:<\/strong> ICP-MS (\u20ac150-300 per sample)<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-timeline-item\">\r\n                    <h3>Future Restrictions Under Review<\/h3>\r\n                    <span class=\"ppwr-timeline-date\">2027-2029<\/span>\r\n                    <p><strong>Under consideration:<\/strong> Carbon black pigments, PVC films\/labels, non-detachable adhesives<\/p>\r\n                    <p><strong>Impact:<\/strong> Could affect 22-35% of current packaging designs<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pillar 4: Single-Use Bans & Reuse -->\r\n    <section class=\"ppwr-section\">\r\n        <div class=\"ppwr-container\">\r\n            <div class=\"ppwr-section-header\">\r\n                <span class=\"ppwr-pillar-number\">Pillar 4<\/span>\r\n                <h2 class=\"ppwr-section-title\">Single-Use Bans & Reuse Targets<\/h2>\r\n                <p class=\"ppwr-section-subtitle\">PPWR shifts from disposable to circular systems with specific format bans and mandatory reuse targets.<\/p>\r\n            <\/div>\r\n            \r\n            <h3 style=\"text-align: center; margin-bottom: 2rem; font-size: 1.5rem; color: var(--primary);\">Hotel Miniature Toiletries Transformation<\/h3>\r\n            \r\n            <div class=\"ppwr-comparison-slider\">\r\n                <div class=\"ppwr-comparison-side ppwr-comparison-before\">\r\n                    <div class=\"ppwr-comparison-icon\">\ud83e\uddf4<\/div>\r\n                    <h3>Before: Single-Use<\/h3>\r\n                    <p>22 million mini bottles annually<\/p>\r\n                    <div class=\"ppwr-comparison-stats\">\r\n                        <div>385 tonnes plastic<\/div>\r\n                        <div>\u20ac2.8M annual cost<\/div>\r\n                        <div>\u274c Banned Jan 1, 2030<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-comparison-side ppwr-comparison-after\">\r\n                    <div class=\"ppwr-comparison-icon\">\ud83d\udebf<\/div>\r\n                    <h3>After: Refillable<\/h3>\r\n                    <p>Wall-mounted dispensers<\/p>\r\n                    <div class=\"ppwr-comparison-stats\">\r\n                        <div>0 tonnes plastic waste<\/div>\r\n                        <div>\u20ac900K annual savings<\/div>\r\n                        <div>\u2705 Compliant + sustainable<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pillar 5: Packaging Minimization -->\r\n    <section class=\"ppwr-section\">\r\n        <div class=\"ppwr-container\">\r\n            <div class=\"ppwr-section-header\">\r\n                <span class=\"ppwr-pillar-number\">Pillar 5<\/span>\r\n                <h2 class=\"ppwr-section-title\">Packaging Minimization<\/h2>\r\n                <p class=\"ppwr-section-subtitle\">From August 12, 2026, grouped and transport packaging must not exceed 40% empty space ratio.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-calculator-container\">\r\n                <h3>\ud83d\udce6 Empty Space Ratio Calculator<\/h3>\r\n                \r\n                <div class=\"ppwr-calculator-inputs\">\r\n                    <div class=\"ppwr-input-group\">\r\n                        <label for=\"boxLength\">Box Length (cm)<\/label>\r\n                        <input type=\"number\" id=\"boxLength\" placeholder=\"40\" min=\"1\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-input-group\">\r\n                        <label for=\"boxWidth\">Box Width (cm)<\/label>\r\n                        <input type=\"number\" id=\"boxWidth\" placeholder=\"30\" min=\"1\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-input-group\">\r\n                        <label for=\"boxHeight\">Box Height (cm)<\/label>\r\n                        <input type=\"number\" id=\"boxHeight\" placeholder=\"25\" min=\"1\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"ppwr-input-group\">\r\n                        <label for=\"productVolume\">Product Volume (cm\u00b3)<\/label>\r\n                        <input type=\"number\" id=\"productVolume\" placeholder=\"16500\" min=\"1\">\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <button class=\"ppwr-calculate-btn\" onclick=\"calculateEmptySpace()\">Calculate Compliance<\/button>\r\n                \r\n                <div class=\"ppwr-result-display\" id=\"resultDisplay\">\r\n                    <div class=\"ppwr-result-percentage\" id=\"resultPercentage\">0%<\/div>\r\n                    <div class=\"ppwr-result-status\" id=\"resultStatus\">Empty Space Ratio<\/div>\r\n                    <p class=\"ppwr-result-message\" id=\"resultMessage\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Integration Section -->\r\n    <section class=\"ppwr-section\" style=\"background: linear-gradient(to bottom, #F1F5F9, white);\">\r\n        <div class=\"ppwr-container\">\r\n            <div class=\"ppwr-section-header\">\r\n                <span class=\"ppwr-pillar-number\">Integration Layer<\/span>\r\n                <h2 class=\"ppwr-section-title\">How the 5 Pillars Connect<\/h2>\r\n                <p class=\"ppwr-section-subtitle\">The pillars aren't independent checklists\u2014they're interconnected and mutually reinforcing.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"ppwr-scenario-cards\">\r\n                <div class=\"ppwr-scenario-card\">\r\n                    <h4>Switching to PCR Plastic<\/h4>\r\n                    <div class=\"ppwr-scenario-pillars\">\r\n                        <span class=\"ppwr-pillar-badge\">Pillar 1<\/span>\r\n                        <span class=\"ppwr-pillar-badge\">Pillar 2<\/span>\r\n                        <span class=\"ppwr-pillar-badge\">Pillar 3<\/span>\r\n                    <\/div>\r\n                    <p>PCR materials must still meet Grade C recyclability and avoid substances of concern. Choose PCR with proven sortability and minimal additive contamination.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-scenario-card\">\r\n                    <h4>Designing Refillable Systems<\/h4>\r\n                    <div class=\"ppwr-scenario-pillars\">\r\n                        <span class=\"ppwr-pillar-badge\">Pillar 1<\/span>\r\n                        <span class=\"ppwr-pillar-badge\">Pillar 4<\/span>\r\n                        <span class=\"ppwr-pillar-badge\">Pillar 5<\/span>\r\n                    <\/div>\r\n                    <p>Refill cartridges must comply with minimization (<35% empty space) and recyclability of components.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-scenario-card\">\r\n                    <h4>Eliminating PFAS Coatings<\/h4>\r\n                    <div class=\"ppwr-scenario-pillars\">\r\n                        <span class=\"ppwr-pillar-badge\">Pillar 1<\/span>\r\n                        <span class=\"ppwr-pillar-badge\">Pillar 3<\/span>\r\n                        <span class=\"ppwr-pillar-badge\">Pillar 5<\/span>\r\n                    <\/div>\r\n                    <p>Alternative water-based barriers may affect paper recyclability. Test coatings for compatibility.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA Section -->\r\n    <section class=\"ppwr-section ppwr-cta-section\">\r\n        <div class=\"ppwr-container\">\r\n            <h2>Jarsking: Your PPWR Compliance Partner<\/h2>\r\n            <p>With 20+ years of experience and 10+ owned factories, we deliver end-to-end packaging solutions engineered for every pillar of PPWR compliance.<\/p>\r\n            \r\n            <div class=\"ppwr-product-grid\">\r\n                <div class=\"ppwr-product-card\">\r\n                    <div class=\"ppwr-product-icon\">\ud83c\udfc6<\/div>\r\n                    <h3>Mono-Material Glass Jars<\/h3>\r\n                    <div class=\"ppwr-compliance-badges\">\r\n                        <span class=\"ppwr-badge grade-a\">Grade A<\/span>\r\n                        <span class=\"ppwr-badge pcr\">100% Recyclable<\/span>\r\n                    <\/div>\r\n                    <p>Premium glass packaging with detachable pump systems.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-product-card\">\r\n                    <div class=\"ppwr-product-icon\">\ud83c\udf31<\/div>\r\n                    <h3>PCR PET Bottles<\/h3>\r\n                    <div class=\"ppwr-compliance-badges\">\r\n                        <span class=\"ppwr-badge pcr\">30% PCR<\/span>\r\n                        <span class=\"ppwr-badge grade-a\">2030 Ready<\/span>\r\n                    <\/div>\r\n                    <p>EuCertPlast certified bottles with water-soluble adhesive labels.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-product-card\">\r\n                    <div class=\"ppwr-product-icon\">\u2728<\/div>\r\n                    <h3>Refillable Airless Systems<\/h3>\r\n                    <div class=\"ppwr-compliance-badges\">\r\n                        <span class=\"ppwr-badge pcr\">Pillar 4<\/span>\r\n                        <span class=\"ppwr-badge grade-a\">100+ Cycles<\/span>\r\n                    <\/div>\r\n                    <p>Durable outer shells designed for 100+ reuse cycles.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"ppwr-product-card\">\r\n                    <div class=\"ppwr-product-icon\">\ud83d\udee1\ufe0f<\/div>\r\n                    <h3>PFAS-Free Certified<\/h3>\r\n                    <div class=\"ppwr-compliance-badges\">\r\n                        <span class=\"ppwr-badge pfas-free\">PFAS-Free<\/span>\r\n                        <span class=\"ppwr-badge grade-a\"><100ppm Metals<\/span>\r\n                    <\/div>\r\n                    <p>All materials verified through organic fluorine testing.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <a href=\"https:\/\/www.jarsking.com\/contact\/\" class=\"ppwr-cta-button\">Get Free Compliance Audit \u2192<\/a>\r\n            \r\n            <div class=\"ppwr-cta-footer\">\r\n                <p>\u2705 ISO 9001 Certified  |  \u2705 1-Hour Concept-to-Design  |  \u2705 30-Day Bulk Order Completion<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ PCR Material Switcher\r\n    (function() {\r\n        const materialBtns = document.querySelectorAll('.ppwr-material-btn');\r\n        const pcrData = {\r\n            pet: { 2030: 30, 2040: 65 },\r\n            other: { 2030: 10, 2040: 25 },\r\n            noncontact: { 2030: 35, 2040: 65 }\r\n        };\r\n        \r\n        materialBtns.forEach(btn => {\r\n            btn.addEventListener('click', function() {\r\n                materialBtns.forEach(b => b.classList.remove('active'));\r\n                this.classList.add('active');\r\n                \r\n                const type = this.dataset.type;\r\n                const data = pcrData[type];\r\n                \r\n                document.querySelectorAll('.ppwr-pcr-fill').forEach(fill => {\r\n                    const bottle = fill.closest('.ppwr-pcr-bottle');\r\n                    const target = bottle.dataset.target;\r\n                    const percent = data[target];\r\n                    \r\n                    fill.style.height = percent + '%';\r\n                    fill.nextElementSibling.textContent = percent + '%';\r\n                    fill.nextElementSibling.style.opacity = '1';\r\n                    \r\n                    const details = bottle.querySelector('.ppwr-pcr-details p:first-child strong');\r\n                    if (details) {\r\n                        details.textContent = percent + '% PCR';\r\n                    }\r\n                });\r\n            });\r\n        });\r\n        \r\n        \/\/ Trigger initial animation after page load\r\n        setTimeout(() => {\r\n            document.querySelectorAll('.ppwr-pcr-fill').forEach(fill => {\r\n                const percent = fill.dataset.percent;\r\n                fill.style.height = percent + '%';\r\n                setTimeout(() => {\r\n                    fill.nextElementSibling.style.opacity = '1';\r\n                }, 1000);\r\n            });\r\n        }, 500);\r\n    })();\r\n    \r\n    \/\/ Empty Space Calculator\r\n    function calculateEmptySpace() {\r\n        const length = parseFloat(document.getElementById('boxLength').value);\r\n        const width = parseFloat(document.getElementById('boxWidth').value);\r\n        const height = parseFloat(document.getElementById('boxHeight').value);\r\n        const productVolume = parseFloat(document.getElementById('productVolume').value);\r\n        \r\n        if (!length || !width || !height || !productVolume) {\r\n            alert('Please fill in all fields with valid numbers');\r\n            return;\r\n        }\r\n        \r\n        const boxVolume = length * width * height;\r\n        const emptySpaceRatio = ((boxVolume - productVolume) \/ boxVolume) * 100;\r\n        \r\n        const resultDisplay = document.getElementById('resultDisplay');\r\n        const resultPercentage = document.getElementById('resultPercentage');\r\n        const resultStatus = document.getElementById('resultStatus');\r\n        const resultMessage = document.getElementById('resultMessage');\r\n        \r\n        resultPercentage.textContent = emptySpaceRatio.toFixed(1) + '%';\r\n        \r\n        if (emptySpaceRatio <= 40) {\r\n            resultDisplay.className = 'ppwr-result-display show compliant';\r\n            resultStatus.textContent = '\u2705 COMPLIANT';\r\n            resultMessage.textContent = 'Your packaging meets PPWR empty space requirements (<40%). Well done!';\r\n        } else {\r\n            resultDisplay.className = 'ppwr-result-display show non-compliant';\r\n            resultStatus.textContent = '\u274c NON-COMPLIANT';\r\n            resultMessage.textContent = 'Your packaging exceeds the 40% limit by ' + (emptySpaceRatio - 40).toFixed(1) + '%. Consider reducing box dimensions.';\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 Compliance: Master the 5 Critical Pillars Navigate EU&#8217;s revolutionary packaging regulation through interactive visualization. From recyclability grades to empty space ratios, understand every requirement that stands between your products and market access. Pillar 1 Design for Recyclability The PPWR introduces legally binding recyclability grades. Packaging is judged by what percentage can actually be recycled [&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-91572","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.jarsking.com\/ko\/wp-json\/wp\/v2\/pages\/91572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jarsking.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jarsking.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jarsking.com\/ko\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jarsking.com\/ko\/wp-json\/wp\/v2\/comments?post=91572"}],"version-history":[{"count":20,"href":"https:\/\/www.jarsking.com\/ko\/wp-json\/wp\/v2\/pages\/91572\/revisions"}],"predecessor-version":[{"id":105458,"href":"https:\/\/www.jarsking.com\/ko\/wp-json\/wp\/v2\/pages\/91572\/revisions\/105458"}],"wp:attachment":[{"href":"https:\/\/www.jarsking.com\/ko\/wp-json\/wp\/v2\/media?parent=91572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}