{"product_id":"detangle-brush","title":"Detangle Brush","description":"\u003cdiv class=\"cl-norm\"\u003e\n  \u003c!-- Fonts \u0026 Icons Integration --\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display\u0026amp;family=Poppins:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003cstyle\u003e\n    .cl-norm {\n      color: #111827;\n      background: #ffffff;\n      font-family: \"Poppins\", system-ui, -apple-system, sans-serif;\n      -webkit-font-smoothing: antialiased;\n    }\n    \n    .vr-product-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 20px;\n      box-sizing: border-box;\n    }\n\n    \/* Video Gallery Section Layout *\/\n    .vr-video-section {\n      margin-bottom: 24px;\n      position: relative;\n    }\n\n    .vr-video-track {\n      display: flex;\n      gap: 12px;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n      padding: 0 0 12px 0;\n      scrollbar-width: none;\n    }\n    .vr-video-track::-webkit-scrollbar {\n      display: none;\n    }\n\n    .vr-video-card {\n      flex: 0 0 75%;\n      scroll-snap-align: center;\n      box-sizing: border-box;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);\n      border: 1px solid #E5E7EB;\n      background: #ffffff;\n      aspect-ratio: 4 \/ 5;\n    }\n\n    .vr-video-card video {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      pointer-events: none;\n    }\n\n    \/* Desktop Grid layout aangepast naar 3 kolommen voor de nieuwe video's *\/\n    @media (min-width: 768px) {\n      .vr-video-track {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 12px;\n        overflow: visible;\n        padding: 0;\n      }\n      .vr-video-card {\n        flex: none;\n        scroll-snap-align: unset;\n      }\n    }\n\n    \/* Marketing Description Copy *\/\n    .vr-description-box {\n      margin-bottom: 32px;\n      max-width: 850px;\n    }\n\n    .vr-description-box p {\n      font-size: 14.5px;\n      line-height: 1.55;\n      color: #374151;\n      margin: 0;\n    }\n\n    \/* Accordion Dropdown Modules Layout *\/\n    .vr-accordion {\n      border-top: 1px solid #E5E7EB;\n      margin-top: 16px;\n    }\n\n    .vr-accordion-item {\n      border-bottom: 1px solid #E5E7EB;\n    }\n\n    .vr-accordion-trigger {\n      width: 100%;\n      background: none;\n      border: none;\n      padding: 16px 0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      cursor: pointer;\n      text-align: left;\n      outline: none;\n    }\n\n    .vr-accordion-title {\n      font-family: 'DM Serif Display', serif;\n      font-size: 19px;\n      font-weight: 400;\n      color: #111827;\n      margin: 0;\n    }\n\n    .vr-accordion-icon {\n      font-size: 20px;\n      color: #111827;\n      font-weight: 300;\n      transition: transform 0.25s ease;\n      line-height: 1;\n    }\n\n    .vr-accordion-item.active .vr-accordion-icon {\n      transform: rotate(45deg);\n    }\n\n    .vr-accordion-content {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.3s ease-out;\n    }\n\n    .vr-accordion-inner {\n      padding: 0 0 16px;\n      font-size: 14px;\n      line-height: 1.55;\n      color: #4B5563;\n    }\n\n    \/* Content Styling inside Accordion Panels *\/\n    .vr-accordion-inner ul {\n      margin: 0;\n      padding-left: 18px;\n    }\n\n    .vr-accordion-inner li {\n      margin-bottom: 8px;\n      color: #374151;\n    }\n\n    .vr-accordion-inner li:last-child {\n      margin-bottom: 0;\n    }\n\n    .vr-accordion-inner h4 {\n      font-size: 14.5px;\n      font-weight: 600;\n      color: #111827;\n      margin: 16px 0 8px;\n    }\n    .vr-accordion-inner h4:first-child {\n      margin-top: 0;\n    }\n\n    .vr-accordion-inner ol {\n      margin: 0;\n      padding-left: 18px;\n    }\n\n    .vr-accordion-inner ol li {\n      margin-bottom: 10px;\n    }\n    .vr-accordion-inner ol li:last-child {\n      margin-bottom: 0;\n    }\n\n    @media (max-width: 767px) {\n      .vr-product-container { padding: 16px 12px; }\n      .vr-accordion-title { font-size: 17px; }\n      .vr-description-box p { font-size: 13.5px; }\n      .vr-accordion-inner { font-size: 13px; }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"vr-product-container\"\u003e\n    \n    \u003c!-- Video Grid Integration (3 nieuwe video's) --\u003e\n    \u003cdiv class=\"vr-video-section\"\u003e\n      \u003cdiv class=\"vr-video-track\"\u003e\n        \u003c!-- Video 1 --\u003e\n        \u003cdiv class=\"vr-video-card\"\u003e\n          \u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/423838d9bda343c9bad6b181071780e7.mp4\" muted loop playsinline autoplay\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n        \u003c!-- Video 2 --\u003e\n        \u003cdiv class=\"vr-video-card\"\u003e\n          \u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/776a3b598d994956ad4d97df73cc8f91.mp4\" muted loop playsinline autoplay\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n        \u003c!-- Video 3 --\u003e\n        \u003cdiv class=\"vr-video-card\"\u003e\n          \u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/34707896b1cf48109dbad74af7d5917e.mp4\" muted loop playsinline autoplay\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Description Copy (GlowBrush Detangle Brush Intro) --\u003e\n    \u003cdiv class=\"vr-description-box\"\u003e\n      \u003cp\u003e\n        Ontwar je manen met de GlowBrush Detangle Brush – de alles-in-één borstel voor snel drogen, ontwarren, gladmaken en stylen. Ontworpen om je haar te ontwarren met minder haarbreuk en beschadiging. De zachte en flexibele borstelharen glijden moeiteloos door nat of droog haar. De borstel geeft daarnaast een verkwikkende hoofdhuidmassage, waarbij de plastic-nylon haren de bloedsomloop stimuleren, roos verminderen och statische elektriciteit tegengaan.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Accordion Layout Structure --\u003e\n    \u003cdiv class=\"vr-accordion\"\u003e\n      \n      \u003c!-- Panel 1: Kenmerken --\u003e\n      \u003cdiv class=\"vr-accordion-item\"\u003e\n        \u003cbutton class=\"vr-accordion-trigger\" aria-expanded=\"false\"\u003e\n          \u003ch3 class=\"vr-accordion-title\"\u003eKenmerken\u003c\/h3\u003e\n          \u003cspan class=\"vr-accordion-icon\"\u003e+\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"vr-accordion-content\"\u003e\n          \u003cdiv class=\"vr-accordion-inner\"\u003e\n            \u003cul\u003e\n              \u003cli\u003e\n\u003cstrong\u003eOntwarren\u003c\/strong\u003e – flexibele borstelharen ontwarren het haar op milde wijze\u003c\/li\u003e\n              \u003cli\u003e\n\u003cstrong\u003eHoofdhuidstimulatie\u003c\/strong\u003e – zachte borstelharen masseren de hoofdhuid en bevorderen een gezonde hoofdhuid\u003c\/li\u003e\n              \u003cli\u003e\n\u003cstrong\u003eGladmaken\u003c\/strong\u003e – voor het voorzichtig uitborstelen van krullen en slagen om het haar glad en netjes te maken\u003c\/li\u003e\n              \u003cli\u003e\n\u003cstrong\u003eGeventileerd design\u003c\/strong\u003e – ontworpen om vocht sneller af te voeren voor een korte droogtijd\u003c\/li\u003e\n              \u003cli\u003e\n\u003cstrong\u003eAntisliphandvat\u003c\/strong\u003e – voor ergonomisch gebruik onder de douche\u003c\/li\u003e\n              \u003cli\u003e\n\u003cstrong\u003eHittebestendige borstelharen\u003c\/strong\u003e – kan worden gebruikt in combinatie met de GlowBrush haardroger of heteluchtborstel\u003c\/li\u003e\n              \u003cli\u003e\n\u003cstrong\u003eWaterbestendig\u003c\/strong\u003e – geschikt voor gebruik onder de douche\u003c\/li\u003e\n              \u003cli\u003e\n\u003cstrong\u003eMultifunctioneel\u003c\/strong\u003e – kan op zowel nat als droog haar worden gebruikt\u003c\/li\u003e\n              \u003cli\u003e\n\u003cstrong\u003eLichtgewicht\u003c\/strong\u003e – comfortabel en eenvoudig in gebruik\u003c\/li\u003e\n              \u003cli\u003e\n\u003cstrong\u003eHoogwaardige kwaliteit\u003c\/strong\u003e – gemaakt van ABS, nylon borstelharen en ftalaatvrij\u003c\/li\u003e\n              \u003cli\u003e\n\u003cstrong\u003eLuxe verpakking\u003c\/strong\u003e – perfect om cadeau te geven\u003c\/li\u003e\n            \u003c\/ul\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Panel 2: Hoe te gebruiken --\u003e\n      \u003cdiv class=\"vr-accordion-item\"\u003e\n        \u003cbutton class=\"vr-accordion-trigger\" aria-expanded=\"false\"\u003e\n          \u003ch3 class=\"vr-accordion-title\"\u003eHoe te gebruiken\u003c\/h3\u003e\n          \u003cspan class=\"vr-accordion-icon\"\u003e+\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"vr-accordion-content\"\u003e\n          \u003cdiv class=\"vr-accordion-inner\"\u003e\n            \n            \u003ch4\u003eVoor gebruik op nat haar:\u003c\/h4\u003e\n            \u003cp style=\"margin: 0 0 16px 0;\"\u003eGlijd voorzichtig door nat haar om knopen en klitten te verwijderen. Gebruik de borstel in combinatie met onze GlowBrush haardroger of heteluchtborstel om het haar sneller te drogen. Kan ook onder de douche worden gebruikt om conditioner en haarmaskers gelijkmatig te verdelen.\u003c\/p\u003e\n\n            \u003ch4\u003eVoor gebruik op droog haar:\u003c\/h4\u003e\n            \u003cp style=\"margin: 0;\"\u003eBorstel het haar voorzichtig door om knopen en klitten te verwijderen. Borstel slagen en krullen na het stylen zachtjes uit om het haar mooi in model te brengen en die trendy 'GlowBrush wave' te creëren.\u003c\/p\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Panel 3: Onderhoud --\u003e\n      \u003cdiv class=\"vr-accordion-item\"\u003e\n        \u003cbutton class=\"vr-accordion-trigger\" aria-expanded=\"false\"\u003e\n          \u003ch3 class=\"vr-accordion-title\"\u003eOnderhoud\u003c\/h3\u003e\n          \u003cspan class=\"vr-accordion-icon\"\u003e+\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"vr-accordion-content\"\u003e\n          \u003cdiv class=\"vr-accordion-inner\"\u003e\n            \u003cp\u003eWas je borstel ongeveer één keer per maand met shampoo om losse haren, vuil, vet en opgebouwde haarproducten grondig te verwijderen.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Interactive Accordion Controller Script --\u003e\n  \u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const accordionTriggers = document.querySelectorAll(\".vr-accordion-trigger\");\n\n      accordionTriggers.forEach((trigger) =\u003e {\n        trigger.addEventListener(\"click\", function () {\n          const item = this.parentNode;\n          const content = this.nextElementSibling;\n          const isNowActive = !item.classList.contains(\"active\");\n\n          \/\/ Close all accordion panels smoothly\n          document.querySelectorAll(\".vr-accordion-item\").forEach((el) =\u003e {\n            el.classList.remove(\"active\");\n            el.querySelector(\".vr-accordion-trigger\").setAttribute(\"aria-expanded\", \"false\");\n            el.querySelector(\".vr-accordion-content\").style.maxHeight = null;\n          });\n\n          \/\/ Toggle chosen active panel layout\n          if (isNowActive) {\n            item.classList.add(\"active\");\n            this.setAttribute(\"aria-expanded\", \"true\");\n            content.style.maxHeight = content.scrollHeight + \"px\";\n          }\n        });\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Oscire.nl","offers":[{"title":"Default Title","offer_id":57151740903689,"sku":"1117","price":17.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/2902\/5289\/files\/Offer_add-on_images_1.png?v=1782270272","url":"https:\/\/oscire.nl\/products\/detangle-brush","provider":"Oscire.nl","version":"1.0","type":"link"}