{"product_id":"x60-pro-ultra-complete-aanbetaling","title":"X60 Pro Ultra Complete Aanbetaling","description":"\u003cdiv class=\"product-timeline\"\u003e\n    \u003cdiv data-date=\"2026\/05\/06 00:00:00\" class=\"timeline-item item1\"\u003e\n        \u003cdiv class=\"item-empty\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cdiv class=\"item-content\"\u003e\n            \u003cspan\u003e05\/06-11\/06\u003c\/span\u003e \u003cstrong\u003eAanbetaling\u003c\/strong\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"timeline-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \u003cdiv data-date=\"2026\/06\/12 00:00:00\" class=\"timeline-item item2\"\u003e\n        \u003cdiv class=\"item-empty\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cdiv class=\"item-content\"\u003e\n            \u003cspan\u003e12\/06-30\/06\u003c\/span\u003e \u003cstrong\u003eHerinnering\u003c\/strong\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"timeline-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \u003cdiv data-date=\"2026\/07\/01 00:00:00\" class=\"timeline-item item3\"\u003e\n        \u003cdiv class=\"item-empty\"\u003e\u003cbr\u003e\u003c\/div\u003e\n        \u003cdiv class=\"item-content\"\u003e\n            \u003cspan\u003e01\/07-10\/07\u003c\/span\u003e \u003cstrong\u003eEindbetaling\u003c\/strong\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n    .product-timeline {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 10px;\n        width: 100%;\n        margin-bottom: 12px;\n        padding: 12px 24px 52px;\n        border-radius: 12px;\n        background: #9B76481A;\n    }\n\n    .product-timeline .timeline-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        border-radius: 100px;\n        background: linear-gradient(90deg, rgba(155, 118, 72, 0.5) 0%, rgba(226, 213, 175, 0.5) 100%);\n    }\n\n    .product-timeline .timeline-item.active {\n        width: 20px;\n        height: 20px;\n        background: linear-gradient(90deg, #9B7648 0%, #E2D5AF 100%);\n    }\n\n    .product-timeline .timeline-item .item-content {\n        position: absolute;\n        top: calc(100% + 5px);\n        left: 50%;\n        transform: translateX(-50%);\n        width: max-content;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        line-height: 1.4;\n        opacity: 0.5;\n    }\n\n    .product-timeline .timeline-item.active .item-content {\n        opacity: 1;\n    }\n\n    .product-timeline .timeline-item .item-content span {\n        font-size: 12px;\n    }\n\n    .product-timeline .timeline-item .item-content strong {\n        font-size: 14px;\n    }\n\n    .product-timeline .timeline-item .item-empty {\n        width: 8px;\n        height: 8px;\n        border-radius: 100px;\n        background: #FFF;\n    }\n\n    .product-timeline .timeline-line {\n        width: 30%;\n        height: 2px;\n        border-radius: 10px;\n        background: #9B7648;\n        opacity: 0.5;\n    }\n\n    .product-timeline .timeline-line.active {\n        opacity: 1;\n    }\n\n    @media (max-width: 589px) {\n        .product-timeline .timeline-item .item-content strong {\n            font-size: 12px;\n        }\n\n        .product-timeline .timeline-line {\n            width: 25%;\n        }\n    }\n\u003c\/style\u003e\n\u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', function () {\n        const timeline = document.querySelector('.product-timeline');\n        const timelineItems = timeline.querySelectorAll(\".timeline-item\");\n        const timelineLines = timeline.querySelectorAll(\".timeline-line\");\n        const nowDate = new Date().toLocaleString(\"en-US\", {\n            timeZone: \"Europe\/Berlin\",\n            hour12: false,\n        });\n        const now = new Date(nowDate);\n        let tempindex = 0;\n        timelineItems.forEach((item, index) =\u003e {\n            const itemDate = new Date(item.dataset.date);\n            if (itemDate \u003c now) {\n                item.classList.add(\"timeline-active\");\n                tempindex = index;\n            }\n        });\n        console.log(tempindex);\n        console.log(timelineLines);\n        timelineItems[tempindex].classList.remove(\"timeline-active\");\n        timelineItems[tempindex].classList.add(\"active\");\n        timelineLines[tempindex].classList.add(\"active\");\n    });\n\u003c\/script\u003e\n\u003cdiv style=\"background-color: #fff7e6; border-left: 5px solid #ffa500; padding: 16px; margin: 20px 0; font-size: 16px; color: #333; line-height: 1.5; position: relative;\"\u003e\n    \u003cdiv\u003e\n        \u003cstrong style=\"color: #d46b08; font-size: 17px;\"\u003ePre-order Information\u003c\/strong\u003e\u003cbr\u003e\u003cspan\u003eVanwege de hoge vraag\n            is dit product momenteel beschikbaar voor pre-order.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv\u003e\u003cstrong\u003eGeschatte verzenddatum: \u003cspan style=\"color: red;\"\u003e10 juli 2026\u003c\/span\u003e\u003c\/strong\u003e\u003c\/div\u003e\n    \u003cdiv style=\"margin-top: 16px;\"\u003e\n        \u003cstrong style=\"color: #d46b08; font-size: 17px;\"\u003eExclusieve voordelen bij aanbetaling:\u003c\/strong\u003e\n        \u003cul style=\"margin-top: 0;\"\u003e\n            \u003cli\u003eBeveilig uw bestelling met een aanbetaling en profiteer van \u003cstrong\u003e€250 korting\u003c\/strong\u003e.\u003c\/li\u003e\n            \u003cli\u003e\n                \u003cstrong\u003ePrijsgarantie:\u003c\/strong\u003e Als de prijs daalt voordat u de betaling voltooit, storten wij het\n                verschil automatisch terug\n            \u003c\/li\u003e\n            \u003cli\u003eHeb je vragen over de pre-ordervoorwaarden? Klik dan op \u003cspan style=\"text-decoration: underline;\"\u003e\u003cspan style=\"color: rgb(64, 40, 180); text-decoration: underline;\"\u003e\u003ca href=\"https:\/\/be.dreametech.com\/pages\/informatie-over-de-pre-order\" target=\"_blank\" style=\"color: rgb(64, 40, 180); text-decoration: underline;\"\u003e\u003cstrong\u003eInformatie over de\n                                pre-order\u003c\/strong\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/span\u003evoor meer informatie\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"pre-order-rule\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/7508\/6033\/files\/sf25-preseal-rules-icon.png?v=1761727946\" style=\"position: absolute; right: 2%; top: 5%; cursor: pointer; width: 4%;\"\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n    \u003cdiv data-zone-id=\"0\" data-line-index=\"0\" data-line=\"true\"\u003e\n        \u003cstrong\u003eVolledige dekking. Volledige ontdekking.\u003c\/strong\u003e\n    \u003c\/div\u003e\n    \u003cdiv data-zone-id=\"0\" data-line-index=\"0\" data-line=\"true\"\u003e\n        \u003cdiv\u003e\n            \u003cul\u003e\n                \u003cli data-zone-id=\"0\" data-line-index=\"0\" data-line=\"true\"\u003eDreame's eerste robotarm met dubbel gewricht\n                    en 18 cm ultra-verlenging\u003c\/li\u003e\n                \u003cli data-zone-id=\"0\" data-line-index=\"1\" data-line=\"true\"\u003ePowerMaster-technologie\u003c\/li\u003e\n                \u003cli data-zone-id=\"0\" data-line-index=\"2\" data-line=\"true\"\u003eOverbrugging van 10 cm hoge obstakels\u003c\/li\u003e\n                \u003cli data-zone-id=\"0\" data-line-index=\"3\" data-line=\"true\"\u003eHyperStream antiklit DuoBrush 2.0 +\n                    Vormax-zuigkracht van 42.000 Pa\u003c\/li\u003e\n                \u003cli data-zone-id=\"0\" data-line-index=\"4\" data-line=\"true\"\u003eDweilen met heet water\u003c\/li\u003e\n                \u003cli data-zone-id=\"0\" data-line-index=\"5\" data-line=\"true\"\u003eAI OmniSight System 3.0\u003c\/li\u003e\n                \u003cli data-zone-id=\"0\" data-line-index=\"6\" data-line=\"true\"\u003eProactieve lichtdetectie\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Dreame Belgium","offers":[{"title":"White","offer_id":54138020167972,"sku":"99900000000017","price":50.0,"currency_code":"EUR","in_stock":true},{"title":"Black","offer_id":54138020200740,"sku":"99900000000018","price":50.0,"currency_code":"EUR","in_stock":true},{"title":"Gray","offer_id":54138020233508,"sku":"99900000000019","price":50.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0886\/5198\/9284\/files\/BE_8ff29642-a10e-4cd8-bbf8-4d2e2325973c.png?v=1780308423","url":"https:\/\/be.dreametech.com\/products\/x60-pro-ultra-complete-aanbetaling","provider":"Dreame Belgium","version":"1.0","type":"link"}