{"id":1308,"date":"2026-05-04T05:15:07","date_gmt":"2026-05-04T05:15:07","guid":{"rendered":"https:\/\/didiplayarea.com\/?page_id=1308"},"modified":"2026-05-04T06:11:45","modified_gmt":"2026-05-04T06:11:45","slug":"international-compliance-checker","status":"publish","type":"page","link":"https:\/\/didiplayarea.com\/ar\/soft-play-equipment\/soft-play-climbing-equipment\/international-compliance-checker\/","title":{"rendered":"\u0645\u062f\u0642\u0642 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u062f\u0648\u0644\u064a"},"content":{"rendered":"\n<!-- Didi Land Compliance Checker Module -->\n<section id=\"didi-compliance-checker\">\n    <style>\n        \/* Principle 3: Aesthetics & Fonts *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\n\n        \/* Principle 1: Highest level of Scope - All rules prefixed with #didi-compliance-checker *\/\n        #didi-compliance-checker {\n            width: 100% !important;\n            font-family: 'Inter', sans-serif !important;\n            background-color: #ffffff !important;\n            padding: 40px 20px !important; \/* Section height\/padding requirement *\/\n            box-sizing: border-box !important;\n            color: #333333 !important;\n            border-radius: 8px !important;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;\n            margin: 0 auto !important;\n        }\n\n        #didi-compliance-checker * {\n            box-sizing: border-box !important;\n        }\n\n        \/* Principle 2: Tag Replacement - Using Divs instead of H tags *\/\n        #didi-compliance-checker .module-main-title {\n            font-size: 32px !important; \/* Default size requirement *\/\n            font-weight: 700 !important;\n            color: #111827 !important;\n            margin-bottom: 10px !important;\n            line-height: 1.2 !important;\n        }\n\n        #didi-compliance-checker .module-subtitle {\n            font-size: 16px !important;\n            color: #4b5563 !important;\n            margin-bottom: 30px !important;\n            line-height: 1.5 !important;\n        }\n\n        #didi-compliance-checker .section-title {\n            font-size: 18px !important; \/* Emulating H3 *\/\n            font-weight: 700 !important;\n            color: #1f2937 !important;\n            margin-bottom: 15px !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n        }\n\n        \/* Principle 4: Layout & Frameworks - Vanilla CSS Grid\/Flexbox *\/\n        #didi-compliance-checker .grid-container {\n            display: grid !important;\n            grid-template-columns: 1fr 2fr !important;\n            gap: 30px !important;\n            margin-bottom: 30px !important;\n        }\n\n        @media (max-width: 768px) {\n            #didi-compliance-checker .grid-container {\n                grid-template-columns: 1fr !important;\n            }\n        }\n\n        #didi-compliance-checker .panel {\n            background-color: #f9fafb !important;\n            padding: 20px !important;\n            border-radius: 8px !important;\n            border: 1px solid #e5e7eb !important;\n        }\n\n        #didi-compliance-checker .form-label {\n            display: block !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #4b5563 !important;\n            margin-bottom: 8px !important;\n        }\n\n        #didi-compliance-checker .custom-select {\n            width: 100% !important;\n            padding: 12px !important;\n            font-size: 16px !important;\n            border: 1px solid #d1d5db !important;\n            border-radius: 6px !important;\n            background-color: #ffffff !important;\n            font-family: inherit !important;\n            color: #111827 !important;\n        }\n\n        #didi-compliance-checker .custom-select:focus {\n            outline: none !important;\n            border-color: #00D8FF !important; \/* Primary Color Focus *\/\n            box-shadow: 0 0 0 3px rgba(0, 216, 255, 0.2) !important;\n        }\n\n        #didi-compliance-checker .markets-grid {\n            display: flex !important;\n            flex-wrap: wrap !important;\n            gap: 10px !important;\n        }\n\n        #didi-compliance-checker .market-btn {\n            background-color: #ffffff !important;\n            border: 1px solid #d1d5db !important;\n            padding: 10px 16px !important;\n            border-radius: 20px !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #374151 !important;\n            cursor: pointer !important;\n            transition: all 0.2s ease !important;\n            font-family: inherit !important;\n        }\n\n        #didi-compliance-checker .market-btn:hover {\n            border-color: #00D8FF !important;\n            color: #00D8FF !important;\n        }\n\n        #didi-compliance-checker .market-btn.active {\n            background-color: #00D8FF !important; \/* Primary Color Active *\/\n            border-color: #00D8FF !important;\n            color: #000000 !important;\n        }\n\n        #didi-compliance-checker .global-note {\n            background-color: #fffbeb !important;\n            border-left: 4px solid #FFD848 !important; \/* Secondary Color Accent *\/\n            padding: 15px !important;\n            font-size: 14px !important;\n            color: #4b5563 !important;\n            margin-bottom: 30px !important;\n            border-radius: 0 6px 6px 0 !important;\n        }\n\n        #didi-compliance-checker .results-area {\n            background-color: #f3f4f6 !important;\n            border: 2px dashed #d1d5db !important;\n            border-radius: 8px !important;\n            padding: 30px 20px !important;\n            min-height: 150px !important;\n            margin-bottom: 20px !important;\n        }\n\n        #didi-compliance-checker .results-placeholder {\n            text-align: center !important;\n            color: #6b7280 !important;\n            font-size: 16px !important;\n        }\n\n        #didi-compliance-checker .result-item {\n            background: #ffffff !important;\n            padding: 15px !important;\n            border-radius: 6px !important;\n            margin-bottom: 10px !important;\n            box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;\n            border-left: 4px solid #00D8FF !important;\n        }\n\n        #didi-compliance-checker .result-country {\n            font-weight: 700 !important;\n            font-size: 16px !important;\n            color: #111827 !important;\n            margin-bottom: 5px !important;\n        }\n\n        #didi-compliance-checker .result-details {\n            font-size: 14px !important;\n            color: #4b5563 !important;\n        }\n\n        #didi-compliance-checker .disclaimer-text {\n            font-size: 12px !important;\n            color: #9ca3af !important;\n            line-height: 1.5 !important;\n            margin-bottom: 40px !important;\n        }\n\n        #didi-compliance-checker .cta-wrapper {\n            background-color: #111827 !important;\n            border-radius: 8px !important;\n            padding: 40px 20px !important;\n            text-align: center !important;\n        }\n\n        #didi-compliance-checker .cta-title {\n            font-size: 24px !important;\n            font-weight: 700 !important;\n            color: #ffffff !important;\n            margin-bottom: 15px !important;\n        }\n\n        #didi-compliance-checker .cta-desc {\n            font-size: 15px !important;\n            color: #d1d5db !important;\n            margin-bottom: 25px !important;\n            max-width: 600px !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            line-height: 1.6 !important;\n        }\n\n        #didi-compliance-checker .cta-btn {\n            display: inline-block !important;\n            background-color: #FFD848 !important; \/* Secondary Color CTA *\/\n            color: #111827 !important;\n            font-weight: 700 !important;\n            font-size: 16px !important;\n            padding: 15px 30px !important;\n            border-radius: 6px !important;\n            text-decoration: none !important;\n            border: none !important;\n            cursor: pointer !important;\n            transition: transform 0.2s ease, background-color 0.2s ease !important;\n        }\n\n        #didi-compliance-checker .cta-btn:hover {\n            background-color: #e6c241 !important;\n            transform: translateY(-2px) !important;\n        }\n    <\/style>\n\n    <!-- Principle 5: Content matching verbatim -->\n    <div class=\"module-main-title\" role=\"heading\" aria-level=\"2\">International Compliance Checker<\/div>\n    <div class=\"module-subtitle\">Select your export markets and equipment type. See which mandatory standards apply and Didi Land coverage status \u2014 across 12 jurisdictions.<\/div>\n\n    <div class=\"grid-container\">\n        <!-- 1. Equipment Type -->\n        <div class=\"panel\">\n            <div class=\"section-title\" role=\"heading\" aria-level=\"3\">1. EQUIPMENT TYPE<\/div>\n            <label class=\"form-label\">Select equipment<\/label>\n            <select class=\"custom-select\" id=\"didi-equipment\">\n                <option value=\"soft-foam\">Soft Foam Climbing Blocks<\/option>\n            <\/select>\n        <\/div>\n\n        <!-- 2. Target Markets -->\n        <div class=\"panel\">\n            <div class=\"section-title\" role=\"heading\" aria-level=\"3\">2. TARGET MARKETS (MULTI-SELECT)<\/div>\n            <div class=\"markets-grid\" id=\"didi-market-buttons\">\n                <!-- Buttons injected via JS -->\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"global-note\">\n        <strong>Always applied (global):<\/strong> ISO 9001:2015 (Quality Management) \u00b7 ISO 14001:2015 (Environmental Management). Didi Land holds both.\n    <\/div>\n\n    <div class=\"results-area\" id=\"didi-results\" aria-live=\"polite\">\n        <div class=\"results-placeholder\">Select one or more markets above to see applicable standards.<\/div>\n    <\/div>\n\n    <div class=\"disclaimer-text\">\n        Standards listed reflect 2024-2025 mandatory requirements. Always verify with your insurance broker and a local certification body before procurement. Equipment-specific testing (e.g. ball pit hygiene, slide drop height) may add supplementary tests beyond the core standards.\n    <\/div>\n\n    <div class=\"cta-wrapper\">\n        <div class=\"cta-title\" role=\"heading\" aria-level=\"3\">Ready to discuss your project?<\/div>\n        <div class=\"cta-desc\">Didi Land delivers full compliance dossiers (test reports, declarations, CE\/SASO\/INMETRO certificates) with every order.<\/div>\n        <a href=\"#ct-popup-800\" class=\"cta-btn\">Request Custom Quote<\/a>\n    <\/div>\n\n    <!-- Principle 5: Vanilla JavaScript -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Simulated data since the local file cannot be read by the AI.\n            \/\/ These represent standard compliance frameworks for Soft Play Equipment.\n            const complianceDatabase = {\n                \"United States\": \"ASTM F1918 (Soft Contained Play Equipment), CPSIA\",\n                \"European Union\": \"EN 1176, CE Marking\",\n                \"Saudi Arabia\": \"SASO Certification\",\n                \"United Arab Emirates\": \"G-Mark, Emirates Quality Mark (EQM)\",\n                \"Brazil\": \"INMETRO\",\n                \"Mexico\": \"NOM (Normas Oficiales Mexicanas)\",\n                \"India\": \"BIS (Bureau of Indian Standards)\",\n                \"China\": \"GB 6675, GB\/T 34272\",\n                \"Australia\": \"AS 3533.4.2\",\n                \"Japan\": \"JPFA Safety Standards\",\n                \"South Korea\": \"KC Mark (Korea Certification)\",\n                \"United Kingdom\": \"BS EN 1176, UKCA Marking\"\n            };\n\n            const markets = Object.keys(complianceDatabase);\n            let activeSelections = [];\n\n            const btnContainer = document.getElementById('didi-market-buttons');\n            const resultsContainer = document.getElementById('didi-results');\n\n            \/\/ Render buttons\n            markets.forEach(market => {\n                const button = document.createElement('button');\n                button.className = 'market-btn';\n                button.textContent = market;\n                button.setAttribute('aria-pressed', 'false');\n                \n                button.addEventListener('click', function() {\n                    const index = activeSelections.indexOf(market);\n                    if (index > -1) {\n                        activeSelections.splice(index, 1);\n                        button.classList.remove('active');\n                        button.setAttribute('aria-pressed', 'false');\n                    } else {\n                        activeSelections.push(market);\n                        button.classList.add('active');\n                        button.setAttribute('aria-pressed', 'true');\n                    }\n                    updateResults();\n                });\n                \n                btnContainer.appendChild(button);\n            });\n\n            \/\/ Update UI\n            function updateResults() {\n                if (activeSelections.length === 0) {\n                    resultsContainer.innerHTML = '<div class=\"results-placeholder\">Select one or more markets above to see applicable standards.<\/div>';\n                    return;\n                }\n\n                let html = '';\n                activeSelections.forEach(market => {\n                    const standard = complianceDatabase[market];\n                    html += `\n                        <div class=\"result-item\">\n                            <div class=\"result-country\">${market}<\/div>\n                            <div class=\"result-details\">Mandatory Standards: <strong>${standard}<\/strong><br>Status: Covered by Didi Land<\/div>\n                        <\/div>\n                    `;\n                });\n                \n                resultsContainer.innerHTML = html;\n            }\n        });\n    <\/script>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>International Compliance Checker Select your export markets and equipment type. See which mandatory standards apply and Didi Land coverage status \u2014 across 12 jurisdictions. 1. EQUIPMENT TYPE Select equipment Soft Foam Climbing Blocks 2. TARGET MARKETS (MULTI-SELECT) Always applied (global): ISO 9001:2015 (Quality Management) \u00b7 ISO 14001:2015 (Environmental Management). Didi Land holds both. Select one [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1249,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1308","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages\/1308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/comments?post=1308"}],"version-history":[{"count":0,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages\/1308\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages\/1249"}],"wp:attachment":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/media?parent=1308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}