{"title":"Winkelwagen","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        .promo-winactie {\n            text-align: center;\n            padding: 3rem 1rem;\n        }\n\n        .promo-cart {\n            margin: 0 auto 1rem;\n            opacity: 0;\n            transform: scale(0) translateY(-50px);\n            animation: promo-popin 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s forwards, promo-float 1.8s ease-in-out 1s infinite;\n        }\n\n        @keyframes promo-popin {\n            to {\n                opacity: 1;\n                transform: scale(1) translateY(0);\n            }\n        }\n\n        @keyframes promo-float {\n            0%, 100% { \n                transform: translateY(0) rotate(0deg); \n            }\n            25% { \n                transform: translateY(-20px) rotate(3deg); \n            }\n            75% { \n                transform: translateY(-20px) rotate(-3deg); \n            }\n        }\n\n        .promo-cart-img {\n            width: 230px;\n            height: 230px;\n            opacity: 1 !important;\n            filter: none !important;\n        }\n\n        .promo-title {\n            font-size: 2.5rem;\n            font-weight: 700;\n            color: #56004d;\n            margin-bottom: 1.5rem;\n        }\n\n        .promo-text-bold {\n            font-size: 1.25rem;\n            font-weight: 600;\n            font-style: italic;\n            color: #56004d;\n            margin-bottom: 0.5rem;\n        }\n\n        .promo-text {\n            font-size: 1.15rem;\n            color: #56004d;\n            margin-bottom: 2rem;\n        }\n\n        .promo-label {\n            font-size: 0.875rem;\n            font-weight: 500;\n            color: #56004d;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            margin-bottom: 1rem;\n        }\n\n        .promo-code-box {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.75rem;\n            padding: 1rem 1.5rem;\n            background: white;\n            border: 2px solid rgba(188, 0, 246, 0.2);\n            border-radius: 0.5rem;\n            box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);\n            margin-bottom: 1rem;\n        }\n\n        .promo-code {\n            font-size: 1.75rem;\n            font-weight: 900;\n            color: #bc00f6;\n            letter-spacing: 0.1em;\n        }\n\n        .promo-copy {\n            padding: 0.5rem;\n            background: transparent;\n            border: none;\n            border-radius: 0.375rem;\n            color: #bc00f6;\n            cursor: pointer;\n        }\n\n        .promo-copy:hover {\n            background-color: rgba(188, 0, 246, 0.1);\n        }\n\n        .promo-icon {\n            width: 1.25rem;\n            height: 1.25rem;\n        }\n\n        .promo-hide {\n            display: none !important;\n        }\n\n        .promo-copied {\n            font-size: 0.875rem;\n            font-weight: 500;\n            color: #bc00f6;\n            margin-bottom: 1.5rem;\n            display: block;\n        }\n\n        .promo-btn {\n            padding: 0.5rem 2rem;\n            font-size: 0.875rem;\n            font-weight: 500;\n            color: #56004d;\n            background: transparent;\n            border: 1px solid #56004d;\n            border-radius: 0.375rem;\n            cursor: pointer;\n            transition: all 0.2s;\n            display: block;\n            margin: 1rem auto 0;\n        }\n\n        .promo-btn:hover {\n            background-color: #bc00f6;\n            color: white;\n            border-color: #bc00f6;\n        }\n\n        .promo-btn:active {\n            background-color: #660058;\n            border-color: #660058;\n            color: white;\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"promo-winactie\"\u003e\n\u003cdiv class=\"promo-cart\"\u003e\u003cimg class=\"promo-cart-img\" alt=\"Winkelwagen\" src=\"https:\/\/cdn.webshopapp.com\/shops\/187391\/files\/485713119\/winkelwagen-vol.png\"\u003e\u003c\/div\u003e\n\u003ch1 class=\"promo-title\"\u003eAlles in huis? 🛍️\u003c\/h1\u003e\n\u003cp class=\"promo-text-bold\"\u003eTop! Nu je beautyroutine nog.\u003c\/p\u003e\n\u003cp class=\"promo-text\"\u003eMaak je boodschappenlijst compleet en geniet van een cadeau van ons, speciaal voor jou.\u003c\/p\u003e\n\u003cp class=\"promo-label\"\u003e-5% EXTRA KORTING MET DEZE CODE:\u003c\/p\u003e\n\u003cdiv class=\"promo-code-box\"\u003e\n\u003cspan class=\"promo-code\"\u003eWNJH5\u003c\/span\u003e \u003cbutton id=\"promo-copy-btn\" class=\"promo-copy\"\u003e \u003csvg stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" id=\"promo-copy-icon\" class=\"promo-icon\"\u003e\n                    \u003crect ry=\"2\" rx=\"2\" height=\"13\" width=\"13\" y=\"9\" x=\"9\"\u003e\u003c\/rect\u003e\n                    \u003cpath d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cp id=\"promo-copied\" class=\"promo-copied promo-hide\"\u003eCode gekopieerd!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\n\u003cscript\u003e\ndocument.getElementById('promo-copy-btn').addEventListener('click', function() {\n    var codeText = 'WNJH5';\n    \n    if (navigator.clipboard \u0026\u0026 navigator.clipboard.writeText) {\n        navigator.clipboard.writeText(codeText).then(function() {\n            document.getElementById('promo-copy-icon').style.display = 'none';\n            document.getElementById('promo-copied').classList.remove('promo-hide');\n            \n            setTimeout(function() {\n                document.getElementById('promo-copy-icon').style.display = 'block';\n                document.getElementById('promo-copied').classList.add('promo-hide');\n            }, 2000);\n        }).catch(function(err) {\n            console.error('Kopiëren mislukt:', err);\n        });\n    } else {\n        \/\/ Fallback voor oudere browsers\n        var textArea = document.createElement(\"textarea\");\n        textArea.value = codeText;\n        textArea.style.position = \"fixed\";\n        textArea.style.left = \"-999999px\";\n        document.body.appendChild(textArea);\n        textArea.select();\n        try {\n            document.execCommand('copy');\n            document.getElementById('promo-copy-icon').style.display = 'none';\n            document.getElementById('promo-copied').classList.remove('promo-hide');\n            \n            setTimeout(function() {\n                document.getElementById('promo-copy-icon').style.display = 'block';\n                document.getElementById('promo-copied').classList.add('promo-hide');\n            }, 2000);\n        } catch (err) {\n            console.error('Kopiëren mislukt:', err);\n        }\n        document.body.removeChild(textArea);\n    }\n});\n\u003c\/script\u003e","products":[],"url":"https:\/\/www.haarspullen.nl\/collections\/winkelwagen.oembed","provider":"Haarspullen.nl","version":"1.0","type":"link"}