{"title":"Campaign","description":"\u003c!-- BRUTE FORCE SHOPIFY RESET \u0026 WHEEL --\u003e\n\u003cstyle\u003e\n\/* 1. Verberg ALLEEN ongewenste elementen (inclusief footer op deze pagina) *\/\n.main-page-title, \n.page-title, \n.section-header, \n.page-header, \n.breadcrumbs,\nnav[aria-label=\"breadcrumb\"],\n.breadcrumbs-container,\n.heading-container,\nmain h1:not(.sw-page-subtitle),\n#MainContent h1:not(.sw-page-subtitle),\n.site-footer,\nfooter,\n#shopify-section-footer {\n    display: none !important;\n}\n\n\/* 2. Maak de MAIN content wrappers transparant en verwijder padding (laat header ongemoeid!) *\/\nmain,\n#MainContent,\n.main-content,\nmain .page-width,\nmain .shopify-section,\nmain .container,\n#MainContent .page-width,\n#MainContent .shopify-section,\n#MainContent .container,\n.shopify-section-group-main-group,\n.shopify-section-group-main-group * {\n    background-color: transparent !important;\n}\n\nmain,\n#MainContent,\n.main-content {\n    padding-top: 0 !important;\n    margin-top: 0 !important;\n}\n\n\/* Verwijder specifiek alle padding\/margin van de directe section wrapper *\/\nmain \u003e .shopify-section,\n#MainContent \u003e .shopify-section {\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800\u0026display=swap');\n\n\/* 3. Onze wiel container. \n   We gebruiken hier een full-bleed trick in plaats van fixed ::before \n   zodat de achtergrond NOOIT de header beïnvloedt of er doorheen schijnt. \n*\/\n.spring-wheel-wrapper {\n    font-family: 'Poppins', sans-serif;\n    box-sizing: border-box;\n    padding: 40px 20px 80px 20px !important; \n    \n    min-height: calc(100vh - 100px) !important;\n    \n    \/* Full bleed techniek: breekt uit de Shopify wrapper naar volledige breedte *\/\n    width: 100vw !important;\n    max-width: 100vw !important;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n\n    \/* Margin top om de naad bovenaan te compenseren, en we verschuiven de background een stukje mee omhoog *\/\n    margin-top: -2px !important; \n\n    \/* Achtergrond direct op de container in plaats van ::before pseudo-element *\/\n    background-color: #FFF0F5 !important;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Background_8848060b-0bc8-499e-aca7-bf4244385bdd.png?v=1773843620') !important;\n    background-position: center center !important;\n    background-size: cover !important;\n    background-repeat: no-repeat !important;\n    \n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    overflow-x: hidden; \/* Voorkom horizontaal scrollen door uitstekende afbeelding *\/\n}\n\n.spring-wheel-wrapper * {\n    box-sizing: border-box;\n}\n\n.sw-content-wrapper {\n    text-align: center;\n    width: 100%;\n    max-width: 600px; \/* Iets breder voor groter logo *\/\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 10;\n    margin: auto;\n}\n\n.sw-logo-container {\n    text-align: center;\n    margin-bottom: 20px; \/* Nóg iets dichterbij *\/\n    position: relative;\n    z-index: 10;\n}\n\n.sw-logo {\n    max-width: 520px; \/* GROOT LOGO *\/\n    width: 100%;\n    height: auto;\n    display: block;\n    margin: 0 auto;\n    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.1));\n}\n\n\/* Modern Spin Win Container Styles *\/\n.sw-spin-container {\n    margin: 0 auto;\n    padding: 0;\n    display: flex; \n    flex-direction: column;\n    align-items: center;\n    position: relative;\n    width: 100%; \n}\n\n.sw-wheel-box {\n    position: relative;\n    width: 420px;\n    height: 420px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0 auto;\n}\n\n\/* NIEUWE FLOATING ARROW AFBEELDING DESKTOP *\/\n.sw-floating-arrow {\n    position: absolute;\n    right: -255px; \n    top: 70px;     \n    width: 300px;  \n    z-index: 30;   \n    pointer-events: none; \n}\n\n\/* NIEUWE FLOATING ARROW AFBEELDING MOBIEL (Standaard verborgen op desktop) *\/\n.sw-floating-arrow-mobile {\n    display: none;\n    position: absolute;\n    z-index: 30;\n    pointer-events: none;\n}\n\n\/* PIJLTJE BOVENAAN HET WIEL *\/\n.sw-wheel-arrow {\n    position: absolute;\n    top: -30px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 22px solid transparent;\n    border-right: 22px solid transparent;\n    border-top: 40px solid #56004d;\n    z-index: 25;\n    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));\n}\n\n.sw-wheel-arrow::after {\n    content: '';\n    position: absolute;\n    top: -43px;\n    left: -17px;\n    width: 0;\n    height: 0;\n    border-left: 17px solid transparent;\n    border-right: 17px solid transparent;\n    border-top: 28px solid #FEAFAD; \n}\n\n.sw-spin-btn {\n    position: absolute;\n    width: 76px;\n    height: 76px;\n    background: #FDD4D2;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Haarspullen_pres_exports_Haarspullen_Favicon_RGB_Midnigh_Plum.png?v=1762251207');\n    background-size: 48px 48px;\n    background-repeat: no-repeat;\n    background-position: center;\n    border-radius: 50%;\n    z-index: 20;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 4px solid white;\n    cursor: pointer;\n    user-select: none;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.25);\n}\n\n.sw-spin-btn:hover {\n    transform: scale(1.1);\n}\n\n.sw-spin-btn:active {\n    transform: scale(0.95);\n}\n\n.sw-wheel-ring {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: white;\n    border-radius: 50%;\n    overflow: hidden;\n    box-shadow: 0 0 0 14px #FEAFAD, 0 15px 45px rgba(51, 51, 51, 0.4);\n    \/* Zorg dat de animatie smooth verloopt en eindigt *\/\n    transition: transform 4s cubic-bezier(0.15, 0.85, 0.25, 1);\n}\n\n.sw-wheel-segment {\n    position: absolute;\n    width: 50%;\n    height: 50%;\n    background: var(--clr);\n    transform-origin: bottom right;\n    transform: rotate(calc(45deg * var(--i)));\n    clip-path: polygon(0 0, 60% 0, 100% 100%, 0 60%);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    user-select: none;\n}\n\n\/* External spin button *\/\n.sw-spin-btn-ext {\n    margin-top: 40px;\n    padding: 16px 45px;\n    background: #56004d;\n    color: white;\n    border: none;\n    border-radius: 12px;\n    font-size: 18px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    box-shadow: 0 6px 20px rgba(86, 0, 77, 0.4);\n    display: block; \n}\n\n.sw-spin-btn-ext:hover {\n    background: #6b0060;\n    transform: translateY(-3px);\n    box-shadow: 0 10px 25px rgba(86, 0, 77, 0.5);\n}\n\n\/* POPUP CSS ANIMATIES (swFloat verwijderd) *\/\n@keyframes swFadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes swPopIn { \n    0% { transform: scale(0.8) translateY(20px); opacity: 0; } \n    100% { transform: scale(1) translateY(0); opacity: 1; } \n}\n\n\/* MOBILE RESPONSIVE STYLES *\/\n@media (max-width: 1024px) {\n    .sw-floating-arrow {\n        right: -100px; \n        width: 180px;\n        top: 50px;\n    }\n}\n\n@media (max-width: 768px) {\n    .spring-wheel-wrapper {\n        padding: 20px 15px 40px 15px !important; \/* Minder padding boven\/onder om elementen omhoog te schuiven *\/\n        min-height: calc(100vh - 60px) !important;\n    }\n    .sw-logo-container {\n        margin-bottom: 10px; \/* Logo dichter op wiel *\/\n    }\n    .sw-logo { max-width: 380px; } \/* Logo groter op mobiel *\/\n    .sw-wheel-box { width: 360px; height: 360px; }\n    .sw-spin-btn-ext { font-size: 16px; padding: 14px 35px; margin-top: 35px; } \/* Margin top vergroot naar 35px *\/\n    \n    .sw-floating-arrow {\n        display: none !important; \/* Verberg desktop versie op mobiel *\/\n    }\n    \n    .sw-floating-arrow-mobile {\n        display: block !important; \/* Toon mobiele versie *\/\n        width: 180px; \/* Afmeting voor nieuwe mobiele afbeelding *\/\n        right: -60px; \n        top: -10px;\n    }\n}\n\n@media (max-width: 600px) {\n    .spring-wheel-wrapper {\n        padding: 10px 10px 30px 10px !important; \/* Nog minder padding op erg kleine schermen *\/\n    }\n    .sw-logo-container {\n        margin-bottom: 5px;\n    }\n    .sw-wheel-box { width: 320px; height: 320px; }\n    \n    .sw-wheel-arrow {\n        top: -26px;\n        border-left: 19px solid transparent;\n        border-right: 19px solid transparent;\n        border-top: 35px solid #56004d;\n    }\n    .sw-wheel-arrow::after {\n        top: -38px;\n        left: -15px;\n        border-left: 15px solid transparent;\n        border-right: 15px solid transparent;\n        border-top: 24px solid #FEAFAD;\n    }\n    .sw-spin-btn {\n        width: 66px;\n        height: 66px;\n        background-size: 42px 42px;\n    }\n    .sw-logo { max-width: 320px; } \n    .sw-spin-btn-ext {\n        margin-top: 35px; \/* Margin top vergroot naar 35px *\/\n        padding: 14px 30px;\n        font-size: 15px;\n    }\n    .sw-floating-arrow-mobile {\n        width: 160px; \n        right: -45px; \n        top: -15px;\n    }\n}\n\n@media (max-width: 480px) {\n    .sw-wheel-box { width: 290px; height: 290px; }\n    .sw-logo { max-width: 280px; }\n    .sw-floating-arrow-mobile {\n        width: 140px; \n        right: -35px; \n        top: -20px;\n    }\n}\n\n@media (max-width: 360px) {\n    .sw-wheel-box { width: 260px; height: 260px; }\n    .sw-logo { max-width: 240px; }\n    .sw-floating-arrow-mobile {\n        width: 120px; \n        right: -25px; \n        top: -25px;\n    }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"spring-wheel-wrapper\"\u003e\n    \u003cdiv class=\"sw-content-wrapper\"\u003e\n        \u003cdiv class=\"sw-logo-container\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Spring_logo.png?v=1773842586\" alt=\"Wheel of Love\" class=\"sw-logo\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sw-spin-container\"\u003e\n            \u003cdiv class=\"sw-wheel-box\"\u003e\n                \u003c!-- DESKTOP PIJLTJE + TEKST --\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/file-3.png?v=1773932988\" class=\"sw-floating-arrow\" alt=\"Discover what awaits you...\"\u003e\n                \n                \u003c!-- MOBIEL PIJLTJE + TEKST (NIEUWE AFBEELDING) --\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/file2-2.png?v=1774599992\" class=\"sw-floating-arrow-mobile\" alt=\"Discover what awaits you...\"\u003e\n                \n                \u003cdiv class=\"sw-wheel-arrow\"\u003e\u003c\/div\u003e\n                \u003c!-- ONCLICK DIRECT OP HET ELEMENT TOEGEVOEGD OMDAT SHOPIFY DIT VEREIST --\u003e\n                \u003cdiv class=\"sw-spin-btn\" id=\"swSpinBtn\" onclick=\"window.swDoSpin()\"\u003e\u003c\/div\u003e\n                \u003cdiv class=\"sw-wheel-ring\" id=\"swWheelRing\"\u003e\n                    \u003c!-- CSS SEGMENTEN OP HET WIEL (1 T\/M 8) --\u003e\n                    \u003cdiv class=\"sw-wheel-segment\" style=\"--i:1; --clr:#FDE6EA; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Flower1_3d.png?v=1773842581'); background-size: 60px 60px; background-repeat: no-repeat; background-position: center;\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sw-wheel-segment\" style=\"--i:2; --clr:#FBB0C0; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Coupon_3d.png?v=1773842576'); background-size: 75px 75px; background-repeat: no-repeat; background-position: center;\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sw-wheel-segment\" style=\"--i:3; --clr:#F68DBA; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Flower2_3d.png?v=1773842580'); background-size: 60px 60px; background-repeat: no-repeat; background-position: center;\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sw-wheel-segment\" style=\"--i:4; --clr:#FDE6EA; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Coupon_3d.png?v=1773842576'); background-size: 75px 75px; background-repeat: no-repeat; background-position: center;\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sw-wheel-segment\" style=\"--i:5; --clr:#FBB0C0; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Sun_3d.png?v=1773842615'); background-size: 60px 60px; background-repeat: no-repeat; background-position: center;\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sw-wheel-segment\" style=\"--i:6; --clr:#F68DBA; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Coupon_3d.png?v=1773842576'); background-size: 75px 75px; background-repeat: no-repeat; background-position: center;\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sw-wheel-segment\" style=\"--i:7; --clr:#FDE6EA; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/download_2.png?v=1773842579'); background-size: 60px 60px; background-repeat: no-repeat; background-position: center;\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"sw-wheel-segment\" style=\"--i:8; --clr:#FBB0C0; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Coupon_3d.png?v=1773842576'); background-size: 75px 75px; background-repeat: no-repeat; background-position: center;\"\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003c!-- ONCLICK DIRECT OP HET ELEMENT TOEGEVOEGD OMDAT SHOPIFY DIT VEREIST --\u003e\n            \u003cbutton class=\"sw-spin-btn-ext\" onclick=\"window.swDoSpin()\"\u003e\n                SPIN THE WHEEL\n            \u003c\/button\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/\/ GLOBALE VARIABELEN OMDAT DIT PERFECT WERKT IN SHOPIFY\n    window.SW_CAMPAIGN_ID = 'spring_wheel_2026_v26'; \/\/ NIEUWE TEST ID (v26)\n    window.swCurrentRotation = 0;\n    window.swWheelIsSpinning = false;\n\n    window.swHasUserSpun = function() {\n        return localStorage.getItem(`${window.SW_CAMPAIGN_ID}_wheelHasSpun`) === 'true';\n    }\n\n    \/\/ EXACTE MAPPING VAN DE PRIJZEN MET DE VISUELE VAKJES (--i: 1 t\/m 8)\n    window.swPrizes = [\n        {\n            \/\/ Segment 1 (--i:1) - Witte Bloem\n            message: 'Je haar gaat deze lente meer complimenten krijgen',\n            code: 'SPRING5',\n            discount: '5% extra korting',\n            icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Flower1_3d.png?v=1773842581'\n        },\n        {\n            \/\/ Segment 2 (--i:2) - Coupon\n            message: 'Vandaag gebeurt er iets dat je meteen laat glimlachen',\n            code: 'SPRING5',\n            discount: '5% extra korting',\n            icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Coupon_3d.png?v=1773842576'\n        },\n        {\n            \/\/ Segment 3 (--i:3) - Roze Bloem\n            message: 'Je impulsaankoop wordt je favoriet',\n            code: 'SPRING5',\n            discount: '5% extra korting',\n            icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Flower2_3d.png?v=1773842580'\n        },\n        {\n            \/\/ Segment 4 (--i:4) - Coupon\n            message: 'Vandaag gebeurt er iets dat je meteen laat glimlachen',\n            code: 'SPRING5',\n            discount: '5% extra korting',\n            icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Coupon_3d.png?v=1773842576'\n        },\n        {\n            \/\/ Segment 5 (--i:5) - Zonnebloem\n            message: 'Vandaag gebeurt er iets dat je meteen laat glimlachen',\n            code: 'SPRING5',\n            discount: '5% extra korting',\n            icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Sun_3d.png?v=1773842615'\n        },\n        {\n            \/\/ Segment 6 (--i:6) - Coupon\n            message: 'Vandaag gebeurt er iets dat je meteen laat glimlachen',\n            code: 'SPRING5',\n            discount: '5% extra korting',\n            icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Coupon_3d.png?v=1773842576'\n        },\n        {\n            \/\/ Segment 7 (--i:7) - Cadeaubox\n            message: 'Je dag wordt onverwacht een feestje',\n            code: 'SPRING5',\n            discount: '5% extra korting',\n            icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/download_2.png?v=1773842579'\n        },\n        {\n            \/\/ Segment 8 (--i:8) - Coupon\n            message: 'Vandaag gebeurt er iets dat je meteen laat glimlachen',\n            code: 'SPRING5',\n            discount: '5% extra korting',\n            icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0942\/4846\/8854\/files\/Coupon_3d.png?v=1773842576'\n        }\n    ];\n\n    window.swDoSpin = function() {\n        if (window.swHasUserSpun()) {\n            const savedPrize = localStorage.getItem(`${window.SW_CAMPAIGN_ID}_userWonPrize`);\n            if (savedPrize) {\n                window.showSwPrizePopup(JSON.parse(savedPrize));\n            } else {\n                alert('We weten het… het rad is verslavend! Maar één keer is écht genoeg 😜');\n            }\n            return;\n        }\n        \n        if (window.swWheelIsSpinning) return;\n        window.swWheelIsSpinning = true;\n        \n        const randomPrizeIndex = Math.floor(Math.random() * window.swPrizes.length);\n        const segmentAngle = 360 \/ 8; \/\/ 45 graden per segment\n        \n        \/\/ PERFECTE WISKUNDE: 360 minus de positie van het vakje\n        \/\/ Hierdoor landt het geselecteerde vakje EXACT bovenaan bij de pijl\n        const targetRotation = 360 - (randomPrizeIndex * segmentAngle); \n        \n        \/\/ Voeg een kleine willekeurige afwijking toe BINNEN het vakje \n        \/\/ (-15 tot +15 graden vanuit het perfecte midden, zodat het er natuurlijk uitziet)\n        const randomOffsetInSegment = Math.floor(Math.random() * 30) - 15;\n        \n        \/\/ 15 keer ronddraaien voor de spanning\n        const spins = 15 * 360; \n        \n        window.swCurrentRotation = spins + targetRotation + randomOffsetInSegment;\n        \n        let wheelRing = document.getElementById('swWheelRing');\n        wheelRing.style.transform = `rotate(${window.swCurrentRotation}deg)`;\n        \n        setTimeout(() =\u003e {\n            window.swWheelIsSpinning = false;\n            \n            let wonPrize = window.swPrizes[randomPrizeIndex];\n            \n            localStorage.setItem(`${window.SW_CAMPAIGN_ID}_userWonPrize`, JSON.stringify(wonPrize));\n            localStorage.setItem(`${window.SW_CAMPAIGN_ID}_wheelHasSpun`, 'true');\n            window.showSwPrizePopup(wonPrize);\n        }, 4000);\n    }\n\n    \/\/ VERNIEUWDE EN VEEL MOOIERE POPUP FUNCTIE (zonder bewegend icoon)\n    window.showSwPrizePopup = function(prize) {\n        const popup = document.createElement('div');\n\n        popup.innerHTML = `\n            \u003cdiv style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; z-index: 2147483647; font-family: 'Poppins', sans-serif; animation: swFadeIn 0.4s ease forwards; padding: 20px; box-sizing: border-box; overflow: hidden;\"\u003e\n                \n                \u003cdiv style=\"background: white; padding: 50px 40px; border-radius: 24px; text-align: center; box-shadow: 0 15px 40px rgba(0,0,0,0.2); max-width: 480px; width: 100%; animation: swPopIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; position: relative; box-sizing: border-box; border: 1px solid #eee;\"\u003e\n                    \n                    \u003cbutton onclick=\"this.parentElement.parentElement.remove()\" style=\"position: absolute; top: 20px; right: 20px; background: #FFF0F5; border: none; font-size: 24px; color: #56004d; cursor: pointer; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; line-height: 1; padding: 0; margin: 0; z-index: 10;\" onmouseover=\"this.style.background='#FBB0C0'; this.style.color='white'\" onmouseout=\"this.style.background='#FFF0F5'; this.style.color='#56004d'\"\u003e×\u003c\/button\u003e\n                    \n                    \u003cdiv style=\"margin-bottom: 20px; display: flex; justify-content: center; align-items: center; min-height: 120px; position: relative;\"\u003e\n                        \u003c!-- ANIMATIE VERWIJDERD: Het icoontje staat nu mooi stil --\u003e\n                        \u003cimg src=\"${prize.icon}\" onerror=\"this.style.display='none'\" style=\"max-width: 120px !important; max-height: 120px !important; width: auto !important; height: auto !important; object-fit: contain; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.15)); border: none !important; margin: 0 auto; display: block; position: relative; z-index: 2; transform: scale(1.1);\"\u003e\n                    \u003c\/div\u003e\n                    \n                    \u003ch2 style=\"color: #56004d; margin: 0 0 25px 0; font-size: 24px; font-weight: 800; line-height: 1.3;\"\u003e${prize.message}\u003c\/h2\u003e\n                    \n                    \u003cdiv style=\"background: #FCE0E0; border-radius: 16px; padding: 25px; margin-bottom: 20px; position: relative;\"\u003e\n                        \n                        \u003cdiv style=\"display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;\"\u003e\n                            \u003cp style=\"color: #56004D; font-size: 14px; text-transform: uppercase; font-weight: 800; letter-spacing: 2px; margin: 0;\"\u003eJouw Kortingscode\u003c\/p\u003e\n                            \n                            \u003cdiv style=\"display: flex; align-items: center; justify-content: center; gap: 15px; background: #FFF8F8; padding: 12px 25px; border-radius: 12px; border: 2px dashed #56004d; width: 100%; box-sizing: border-box; position: relative;\"\u003e\n                                \u003cp style=\"color: #56004d; font-size: 24px; font-weight: 800; letter-spacing: 2px; margin: 0; line-height: 1; font-family: monospace;\"\u003e${prize.code}\u003c\/p\u003e\n                                \n                                \u003cbutton onclick=\"window.swCopyCode('${prize.code}', this)\" style=\"background: #FFF0F5; border: none; color: #56004d; padding: 8px; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; margin: 0; position: absolute; right: 12px;\" onmouseover=\"this.style.background='#56004d'; this.style.color='white'\" onmouseout=\"this.style.background='#FFF0F5'; this.style.color='#56004d'\" title=\"Kopieer code\"\u003e\n                                    \u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n                                        \u003crect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/\u003e\n                                        \u003cpath d=\"m4 16c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2\"\/\u003e\n                                    \u003c\/svg\u003e\n                                \u003c\/button\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \n                    \u003cp style=\"color: #666; font-size: 15px; margin: 0 0 20px 0; font-weight: 400;\"\u003eVerzilver je code hieronder tijdens het afrekenen!\u003c\/p\u003e\n                    \n                    \u003cbutton onclick=\"window.location.href='https:\/\/www.haarspullen.nl\/collections\/haarproducten'\" style=\"background: #56004d; color: white; border: none; padding: 18px 30px; border-radius: 14px; font-weight: 700; cursor: pointer; font-size: 18px; transition: all 0.3s ease; width: 100%; display: block; margin: 0; box-sizing: border-box; text-transform: uppercase; letter-spacing: 1px;\" onmouseover=\"this.style.transform='translateY(-3px)'; this.style.background='#6b0060';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.background='#56004d';\"\u003eShop met korting 🛍️\u003c\/button\u003e\n                    \n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        `;\n        document.body.appendChild(popup);\n    }\n\n    window.swCopyCode = function(text, btnElement) {\n        navigator.clipboard.writeText(text).then(function() {\n            const originalHTML = btnElement.innerHTML;\n            btnElement.innerHTML = `\u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e`;\n            btnElement.style.background = '#4CAF50';\n            btnElement.style.color = 'white';\n            \n            setTimeout(() =\u003e {\n                btnElement.innerHTML = originalHTML;\n                btnElement.style.background = '#FFF0F5';\n                btnElement.style.color = '#56004d';\n            }, 2000);\n            \n        }, function() {\n            alert('Kon code niet kopiëren. Probeer het handmatig: ' + text);\n});\n}\n  console.log('=== SPRING WHEEL 2026 V26 LOADED ===');\n\u003c\/script\u003e","products":[],"url":"https:\/\/www.haarspullen.nl\/en\/collections\/campaign.oembed","provider":"Haarspullen.nl","version":"1.0","type":"link"}