{"product_id":"kids-ear-noise-canceling-protection","title":"Kids Ear Noise Canceling Protection","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;700\u0026family=Space+Grotesk:wght@500;700\u0026display=swap');\n\n        :root {\n            --accent-green: #9de3bc;\n            --accent-pink: #f7a8c4;\n            --dark-space: #1a1a1a;\n            --glass-white: rgba(255, 255, 255, 0.9);\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: 'Outfit', sans-serif;\n            background-color: #f4f4f9;\n            color: var(--dark-space);\n            overflow-x: hidden;\n        }\n\n        .hero-section {\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: radial-gradient(circle at top right, #ffffff, #e6e9f0);\n            padding: 20px;\n        }\n\n        .main-card {\n            max-width: 1000px;\n            background: var(--glass-white);\n            backdrop-filter: blur(20px);\n            border-radius: 40px;\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            box-shadow: 0 40px 100px rgba(0,0,0,0.08);\n            overflow: hidden;\n            border: 1px solid white;\n        }\n\n        \/* Left Side: Visuals *\/\n        .visual-panel {\n            background: var(--dark-space);\n            padding: 60px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            color: white;\n            position: relative;\n        }\n\n        .sound-wave {\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            height: 60px;\n            margin-bottom: 30px;\n        }\n\n        .bar {\n            width: 4px;\n            background: var(--accent-green);\n            border-radius: 10px;\n            animation: quieten 2s ease-in-out infinite;\n        }\n\n        @keyframes quieten {\n            0%, 100% { height: 10px; opacity: 0.3; }\n            50% { height: 50px; opacity: 1; }\n        }\n\n        \/* Right Side: Content *\/\n        .content-panel {\n            padding: 60px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .badge {\n            display: inline-block;\n            padding: 6px 16px;\n            background: #eee;\n            border-radius: 100px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n        }\n\n        h1 {\n            font-family: 'Space Grotesk', sans-serif;\n            font-size: 2.8rem;\n            line-height: 1.1;\n            margin: 0 0 20px 0;\n        }\n\n        .highlight-text {\n            font-size: 1.1rem;\n            color: #666;\n            margin-bottom: 40px;\n        }\n\n        .feature-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n\n        .feature-tag {\n            background: #fdfdfd;\n            border: 1px solid #f0f0f0;\n            padding: 15px;\n            border-radius: 15px;\n            font-size: 0.9rem;\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        \/* Color Selection *\/\n        .color-picker {\n            display: flex;\n            gap: 15px;\n            align-items: center;\n            margin-bottom: 40px;\n        }\n\n        .color-btn {\n            width: 35px;\n            height: 35px;\n            border-radius: 50%;\n            border: 3px solid white;\n            cursor: pointer;\n            box-shadow: 0 0 0 1px #ddd;\n            transition: 0.3s;\n        }\n\n        .color-btn.green { background: var(--accent-green); }\n        .color-btn.pink { background: var(--accent-pink); }\n        .color-btn:hover { transform: scale(1.2); }\n\n        .cta-btn {\n            background: var(--dark-space);\n            color: white;\n            padding: 20px 40px;\n            border-radius: 20px;\n            text-decoration: none;\n            font-weight: 700;\n            text-align: center;\n            transition: 0.4s;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        }\n\n        .cta-btn:hover {\n            transform: translateY(-5px);\n            background: #000;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n        }\n\n        @media (max-width: 850px) {\n            .main-card { grid-template-columns: 1fr; }\n            .visual-panel { padding: 40px; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003csection class=\"hero-section\"\u003e\n    \u003cdiv class=\"main-card\"\u003e\n        \u003cdiv class=\"visual-panel\"\u003e\n            \u003cdiv class=\"sound-wave\"\u003e\n                \u003cdiv class=\"bar\" style=\"animation-delay: 0.1s\"\u003e\u003c\/div\u003e\n                \u003cdiv class=\"bar\" style=\"animation-delay: 0.3s\"\u003e\u003c\/div\u003e\n                \u003cdiv class=\"bar\" style=\"animation-delay: 0.5s\"\u003e\u003c\/div\u003e\n                \u003cdiv class=\"bar\" style=\"animation-delay: 0.2s\"\u003e\u003c\/div\u003e\n                \u003cdiv class=\"bar\" style=\"animation-delay: 0.4s\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003ch2 style=\"font-family: 'Space Grotesk'; font-size: 1.5rem;\"\u003ePure Serenity.\u003c\/h2\u003e\n            \u003cp style=\"opacity: 0.6; font-weight: 300;\"\u003eAdvanced noise reduction for tiny ears.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"content-panel\"\u003e\n            \u003cspan class=\"badge\"\u003eAutism Friendly • NRR Certified\u003c\/span\u003e\n            \u003ch1\u003eQuiet the World for Them.\u003c\/h1\u003e\n            \u003cp class=\"highlight-text\"\u003eFrom roaring air shows to crowded concerts, give your child the luxury of peace. Designed for comfort, built for protection.\u003c\/p\u003e\n            \n            \u003cdiv class=\"feature-grid\"\u003e\n                \u003cdiv class=\"feature-tag\"\u003e🎧 Over-the-head Comfort\u003c\/div\u003e\n                \u003cdiv class=\"feature-tag\"\u003e🎆 Concert Strength\u003c\/div\u003e\n                \u003cdiv class=\"feature-tag\"\u003e☁️ Pressure-Free Padding\u003c\/div\u003e\n                \u003cdiv class=\"feature-tag\"\u003e💪 Durable Plastic Build\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cp style=\"font-weight: 700; margin-bottom: 10px;\"\u003eSelect Your Style:\u003c\/p\u003e\n            \u003cdiv class=\"color-picker\"\u003e\n                \u003cdiv class=\"color-btn green\" title=\"Mint Green\"\u003e\u003c\/div\u003e\n                \u003cdiv class=\"color-btn pink\" title=\"Soft Pink\"\u003e\u003c\/div\u003e\n                \u003cspan style=\"font-size: 0.9rem; color: #888;\"\u003eModern Green \/ Soft Pink\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003ca href=\"#\" class=\"cta-btn\"\u003eProtect Their Hearing Now\u003c\/a\u003e\n            \n            \u003cp style=\"margin-top: 25px; font-size: 0.8rem; font-style: italic; opacity: 0.7;\"\u003e\n                *Ideal for sensory-sensitive children and autism-related noise management.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c\/body\u003e","brand":"kidsvault","offers":[{"title":"Blue","offer_id":54867736002851,"sku":null,"price":795.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":54867736035619,"sku":null,"price":795.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":54867736068387,"sku":null,"price":795.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":54867736101155,"sku":null,"price":795.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0977\/6873\/5011\/files\/kids-noise-protection-collection-banner.png?v=1774516143","url":"https:\/\/kidsvault.co.za\/products\/kids-ear-noise-canceling-protection","provider":"kidsvault","version":"1.0","type":"link"}