Dynamische Prijsopgave<\/title>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n html, body {\n height: 100%;\n }\n body {\n font-family: 'Poppins', sans-serif;\n background: #ffffff;\n color: #111111;\n animation: subtleGlow 8s ease-in-out infinite;\n }\n @keyframes subtleGlow {\n 0%, 100% {\n background: #ffffff;\n }\n 50% {\n background: #fafaf9;\n }\n }\n .glass-card {\n background: rgba(255, 252, 247, 0.84);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(17, 17, 17, 0.08);\n box-shadow: 0 18px 60px rgba(36, 28, 20, 0.08);\n }\n .soft-chip {\n background: #e8dcc9;\n color: #111111;\n border: 1px solid rgba(17,17,17,0.08);\n }\n .price-card {\n transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n }\n .price-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 20px 50px rgba(0,0,0,0.10);\n border-color: rgba(17,17,17,0.16);\n }\n .reveal {\n opacity: 0;\n transform: translateY(16px);\n animation: riseIn 0.7s ease forwards;\n }\n .reveal:nth-child(1) { animation-delay: 0.05s; }\n .reveal:nth-child(2) { animation-delay: 0.12s; }\n .reveal:nth-child(3) { animation-delay: 0.19s; }\n @keyframes riseIn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n .focus-ring:focus-visible {\n outline: 3px solid #111111;\n outline-offset: 2px;\n }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full\">\n <div id=\"app\" class=\"h-full w-full overflow-auto\">\n <main class=\"w-full px-6 pb-10 pt-8 md:px-10 md:pb-12\">\n <div class=\"mx-auto max-w-7xl\">\n <div class=\"mb-10 text-center\">\n <h1 class=\"text-4xl font-bold md:text-5xl\">Mesotherapie<\/h1>\n <p class=\"mt-2 text-sm font-light text-black\/50 tracking-wide\">Behandelingen<\/p>\n <div class=\"mt-4 h-px bg-gradient-to-r from-transparent via-black\/10 to-transparent\"><\/div>\n <\/div>\n <section aria-labelledby=\"treatment-overview\">\n <h2 id=\"treatment-overview\" class=\"sr-only\">Behandelingen overzicht<\/h2>\n <div class=\"grid grid-cols-1 gap-6 xl:grid-cols-3\">\n <article class=\"price-card reveal glass-card rounded-[28px] p-6 md:p-7\">\n <div class=\"flex items-start justify-between gap-4\">\n <div>\n <p class=\"text-sm font-medium uppercase tracking-[0.24em] text-black\/45\">Behandeling<\/p>\n <h3 class=\"mt-2 text-2xl font-semibold\">Meso Boost<\/h3>\n <p class=\"mt-1 text-sm text-black\/60\">Hoofd<\/p>\n <\/div>\n <div class=\"soft-chip rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-[0.18em]\">\n Populair\n <\/div>\n <\/div>\n <div class=\"mt-6 space-y-3\">\n <div class=\"rounded-2xl border border-black\/8 bg-white\/75 p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">Per sessie<\/p>\n <p class=\"font-medium\">Gehele hoofd<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac180,-<\/p>\n <\/div>\n <\/div>\n <div class=\"rounded-2xl border border-black\/8 bg-white\/75 p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">Per zone<\/p>\n <p class=\"font-medium\">Inhammen of kruin<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac100,-<\/p>\n <\/div>\n <\/div>\n <div class=\"rounded-2xl border border-black\/8 bg-[#efe6d8] p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">3 behandelingen<\/p>\n <p class=\"font-medium\">Voordeelpakket<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac450,-<\/p>\n <\/div>\n <p class=\"mt-2 text-sm text-black\/70\">Bespaar \u20ac90,-<\/p>\n <\/div>\n <div class=\"rounded-2xl border border-black bg-black p-4 text-white\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-white\/70\">6 behandelingen<\/p>\n <p class=\"font-medium\">5 + 1 gratis<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac900,-<\/p>\n <\/div>\n <p class=\"mt-3 text-sm text-white\/85\">Ter waarde van \u20ac180,-<\/p>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"price-card reveal glass-card rounded-[28px] p-6 md:p-7\">\n <div class=\"flex items-start justify-between gap-4\">\n <div>\n <p class=\"text-sm font-medium uppercase tracking-[0.24em] text-black\/45\">Behandeling<\/p>\n <h3 class=\"mt-2 text-2xl font-semibold\">Meso Exosome<\/h3>\n <p class=\"mt-1 text-sm text-black\/60\">Hoofd<\/p>\n <\/div>\n <div class=\"rounded-full border border-black\/10 bg-white\/70 px-3 py-1 text-xs font-semibold uppercase tracking-[0.18em]\">\n Advanced\n <\/div>\n <\/div>\n <div class=\"mt-6 space-y-3\">\n <div class=\"rounded-2xl border border-black\/8 bg-white\/75 p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">Per sessie<\/p>\n <p class=\"font-medium\">Gehele hoofd<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac220,-<\/p>\n <\/div>\n <\/div>\n <div class=\"rounded-2xl border border-black\/8 bg-white\/75 p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">Per zone<\/p>\n <p class=\"font-medium\">Inhammen of kruin<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac120,-<\/p>\n <\/div>\n <\/div>\n <div class=\"rounded-2xl border border-black\/8 bg-[#efe6d8] p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">3 behandelingen<\/p>\n <p class=\"font-medium\">Voordeelpakket<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac550,-<\/p>\n <\/div>\n <p class=\"mt-2 text-sm text-black\/70\">Bespaar \u20ac110,-<\/p>\n <\/div>\n <div class=\"rounded-2xl border border-black bg-black p-4 text-white\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-white\/70\">6 behandelingen<\/p>\n <p class=\"font-medium\">5 + 1 gratis<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac1100,-<\/p>\n <\/div>\n <p class=\"mt-3 text-sm text-white\/85\">Ter waarde van \u20ac220,-<\/p>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"price-card reveal glass-card rounded-[28px] p-6 md:p-7\">\n <div class=\"flex items-start justify-between gap-4\">\n <div>\n <p class=\"text-sm font-medium uppercase tracking-[0.24em] text-black\/45\">Behandeling<\/p>\n <h3 class=\"mt-2 text-2xl font-semibold\">Meso Exclusive<\/h3>\n <p class=\"mt-1 text-sm text-black\/60\">Hoofd<\/p>\n <\/div>\n <div class=\"soft-chip rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-[0.18em]\">\n Premium\n <\/div>\n <\/div>\n <div class=\"mt-6 space-y-3\">\n <div class=\"rounded-2xl border border-black\/8 bg-white\/75 p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">Per sessie<\/p>\n <p class=\"font-medium\">Gehele hoofd<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac250,-<\/p>\n <\/div>\n <\/div>\n <div class=\"rounded-2xl border border-black\/8 bg-white\/75 p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">Per zone<\/p>\n <p class=\"font-medium\">Inhammen of kruin<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac120,-<\/p>\n <\/div>\n <\/div>\n <div class=\"rounded-2xl border border-black\/8 bg-[#efe6d8] p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">3 behandelingen<\/p>\n <p class=\"font-medium\">Voordeelpakket<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac625,-<\/p>\n <\/div>\n <p class=\"mt-2 text-sm text-black\/70\">Bespaar \u20ac125,-<\/p>\n <\/div>\n <div class=\"rounded-2xl border border-black bg-black p-4 text-white\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-white\/70\">6 behandelingen<\/p>\n <p class=\"font-medium\">5 + 1 gratis<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac1250,-<\/p>\n <\/div>\n <p class=\"mt-3 text-sm text-white\/85\">Ter waarde van \u20ac250,-<\/p>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/section>\n <div class=\"mt-10 text-center\">\n <p id=\"footerNote\" class=\"text-sm text-black\/70\">Alle prijzen zijn inclusief btw<\/p>\n <\/div>\n <\/div>\n <\/main>\n <\/div>\n <script>\n const defaultConfig = {\n background_color: \"#ffffff\",\n surface_color: \"#fffaf3\",\n text_color: \"#111111\",\n primary_action_color: \"#111111\",\n secondary_action_color: \"#d6c4a8\",\n font_family: \"Poppins\",\n font_size: 16,\n footer_note: \"Alle prijzen zijn inclusief btw\"\n };\n\n const els = {\n app: document.getElementById('app'),\n footerNote: document.getElementById('footerNote')\n };\n\n async function onConfigChange(config) {\n const safe = { ...defaultConfig, ...(config || {}) };\n const baseSize = Number(safe.font_size) || 16;\n const fontStack = `${safe.font_family || defaultConfig.font_family}, 'Poppins', sans-serif`;\n\n document.body.style.background = `\n #ffffff\n `;\n document.body.style.color = safe.text_color;\n\n els.app.style.color = safe.text_color;\n els.footerNote.textContent = safe.footer_note;\n\n els.footerNote.style.fontFamily = fontStack;\n\n els.footerNote.style.fontSize = `${baseSize * 0.82}px`;\n\n document.querySelectorAll('.glass-card').forEach(card => {\n card.style.background = hexToRgba(safe.surface_color, 0.88);\n card.style.borderColor = hexToRgba(safe.text_color, 0.08);\n });\n\n document.querySelectorAll('.soft-chip').forEach(chip => {\n chip.style.backgroundColor = safe.secondary_action_color;\n chip.style.color = safe.text_color;\n chip.style.borderColor = hexToRgba(safe.text_color, 0.08);\n });\n\n document.querySelectorAll('.price-card .rounded-2xl.bg-white\\\\\/75').forEach(item => {\n item.style.backgroundColor = hexToRgba(safe.surface_color, 0.9);\n item.style.borderColor = hexToRgba(safe.text_color, 0.08);\n });\n\n document.querySelectorAll('.price-card .rounded-2xl.bg-\\\\[\\\\#efe6d8\\\\]').forEach(item => {\n item.style.backgroundColor = lightenHex(safe.secondary_action_color, 12);\n item.style.borderColor = hexToRgba(safe.text_color, 0.08);\n });\n\n document.querySelectorAll('.price-card .rounded-2xl.bg-black').forEach(item => {\n item.style.backgroundColor = safe.primary_action_color;\n item.style.borderColor = safe.primary_action_color;\n item.style.color = safe.background_color;\n });\n }\n\n function hexToRgba(hex, alpha) {\n const clean = (hex || \"#000000\").replace('#', '');\n const full = clean.length === 3\n ? clean.split('').map(ch => ch + ch).join('')\n : clean;\n const num = parseInt(full, 16);\n const r = (num >> 16) & 255;\n const g = (num >> 8) & 255;\n const b = num & 255;\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n }\n\n function lightenHex(hex, amount) {\n const clean = (hex || \"#000000\").replace('#', '');\n const full = clean.length === 3\n ? clean.split('').map(ch => ch + ch).join('')\n : clean;\n let r = parseInt(full.substring(0,2), 16);\n let g = parseInt(full.substring(2,4), 16);\n let b = parseInt(full.substring(4,6), 16);\n\n r = Math.min(255, Math.round(r + (255 - r) * (amount \/ 100)));\n g = Math.min(255, Math.round(g + (255 - g) * (amount \/ 100)));\n b = Math.min(255, Math.round(b + (255 - b) * (amount \/ 100)));\n\n return `rgb(${r}, ${g}, ${b})`;\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities: (config) => ({\n recolorables: [\n {\n get: () => (config.background_color || defaultConfig.background_color),\n set: (value) => {\n config.background_color = value;\n window.elementSdk.setConfig({ background_color: value });\n }\n },\n {\n get: () => (config.surface_color || defaultConfig.surface_color),\n set: (value) => {\n config.surface_color = value;\n window.elementSdk.setConfig({ surface_color: value });\n }\n },\n {\n get: () => (config.text_color || defaultConfig.text_color),\n set: (value) => {\n config.text_color = value;\n window.elementSdk.setConfig({ text_color: value });\n }\n },\n {\n get: () => (config.primary_action_color || defaultConfig.primary_action_color),\n set: (value) => {\n config.primary_action_color = value;\n window.elementSdk.setConfig({ primary_action_color: value });\n }\n },\n {\n get: () => (config.secondary_action_color || defaultConfig.secondary_action_color),\n set: (value) => {\n config.secondary_action_color = value;\n window.elementSdk.setConfig({ secondary_action_color: value });\n }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => (config.font_family || defaultConfig.font_family),\n set: (value) => {\n config.font_family = value;\n window.elementSdk.setConfig({ font_family: value });\n }\n },\n fontSizeable: {\n get: () => (config.font_size || defaultConfig.font_size),\n set: (value) => {\n config.font_size = value;\n window.elementSdk.setConfig({ font_size: value });\n }\n }\n }),\n mapToEditPanelValues: (config) => new Map([\n [\"footer_note\", config.footer_note || defaultConfig.footer_note]\n ])\n });\n }\n\n onConfigChange(defaultConfig);\n \n \/\/ Render icons after DOM is ready\n setTimeout(() => {\n lucide.createIcons();\n }, 100);\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9e1deb495068d8d0',t:'MTc3NDQ0MTc0NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a0029e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7a0029e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ce83cbb\" data-id=\"ce83cbb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-74b1aa5 elementor-widget elementor-widget-shortcode\" data-id=\"74b1aa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!doctype html>\n<html lang=\"nl\" class=\"h-full\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Prijslijst<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n * { font-family: 'Poppins', sans-serif; }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full\">\n <div id=\"app\" class=\"h-full w-full overflow-auto\" style=\"background-color: #FAF8F5;\">\n <div class=\"min-h-full flex items-center justify-center p-8\">\n <div class=\"w-full max-w-md\">\n <div class=\"rounded-2xl shadow-lg overflow-hidden\" style=\"background-color: #FFFFFF;\">\n <div class=\"px-8 py-6 text-center\" style=\"background-color: #F5F0E8;\">\n <h1 id=\"section-title\" class=\"text-xl font-semibold tracking-wide uppercase\" style=\"color: #1A1A1A; letter-spacing: 0.15em;\">Baard en Wenkbrauwen<\/h1>\n <div class=\"mt-3 mx-auto w-16 h-0.5\" style=\"background-color: #1A1A1A;\"><\/div>\n <\/div>\n <div class=\"px-8 py-6 space-y-4\">\n <div class=\"flex items-center justify-between py-4 border-b\" style=\"border-color: #E8E4DE;\">\n <div class=\"flex-1\">\n <h3 id=\"treatment-1-name\" class=\"font-medium\" style=\"color: #1A1A1A; font-size: 1.1rem;\">Meso Beard<\/h3>\n <p class=\"text-sm mt-1\" style=\"color: #6B6B6B;\">per sessie<\/p>\n <\/div>\n <div id=\"treatment-1-price\" class=\"font-semibold text-lg\" style=\"color: #1A1A1A;\">\n \u20ac85,-\n <\/div>\n <\/div>\n <div class=\"flex items-center justify-between py-4\">\n <div class=\"flex-1\">\n <h3 id=\"treatment-2-name\" class=\"font-medium\" style=\"color: #1A1A1A; font-size: 1.1rem;\">Meso Brow<\/h3>\n <p class=\"text-sm mt-1\" style=\"color: #6B6B6B;\">per sessie<\/p>\n <\/div>\n <div id=\"treatment-2-price\" class=\"font-semibold text-lg\" style=\"color: #1A1A1A;\">\n \u20ac60,-\n <\/div>\n <\/div>\n <\/div>\n <div class=\"h-2\" style=\"background-color: #F5F0E8;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script>\n const defaultConfig = {\n section_title: 'Baard en Wenkbrauwen',\n treatment_1_name: 'Meso Beard',\n treatment_1_price: '\u20ac80,-',\n treatment_2_name: 'Meso Brow',\n treatment_2_price: '\u20ac60,-',\n background_color: '#FAF8F5',\n card_color: '#FFFFFF',\n text_color: '#1A1A1A',\n accent_color: '#F5F0E8',\n secondary_text_color: '#6B6B6B',\n font_family: 'Poppins',\n font_size: 16\n };\n\n async function onConfigChange(config) {\n \/\/ Update text content\n document.getElementById('section-title').textContent = config.section_title || defaultConfig.section_title;\n document.getElementById('treatment-1-name').textContent = config.treatment_1_name || defaultConfig.treatment_1_name;\n document.getElementById('treatment-1-price').textContent = config.treatment_1_price || defaultConfig.treatment_1_price;\n document.getElementById('treatment-2-name').textContent = config.treatment_2_name || defaultConfig.treatment_2_name;\n document.getElementById('treatment-2-price').textContent = config.treatment_2_price || defaultConfig.treatment_2_price;\n\n \/\/ Update colors\n const bgColor = config.background_color || defaultConfig.background_color;\n const cardColor = config.card_color || defaultConfig.card_color;\n const textColor = config.text_color || defaultConfig.text_color;\n const accentColor = config.accent_color || defaultConfig.accent_color;\n const secondaryTextColor = config.secondary_text_color || defaultConfig.secondary_text_color;\n\n document.getElementById('app').style.backgroundColor = bgColor;\n document.querySelector('.rounded-2xl').style.backgroundColor = cardColor;\n document.querySelector('.rounded-2xl > div:first-child').style.backgroundColor = accentColor;\n document.querySelector('.h-2').style.backgroundColor = accentColor;\n\n \/\/ Update text colors\n document.getElementById('section-title').style.color = textColor;\n document.querySelectorAll('h3').forEach(el => el.style.color = textColor);\n document.querySelectorAll('.font-semibold.text-lg').forEach(el => el.style.color = textColor);\n document.querySelectorAll('.text-sm').forEach(el => el.style.color = secondaryTextColor);\n\n \/\/ Update divider\n document.querySelector('.mx-auto.w-16').style.backgroundColor = textColor;\n document.querySelector('.border-b').style.borderColor = accentColor;\n\n \/\/ Update font\n const fontFamily = config.font_family || defaultConfig.font_family;\n const baseSize = config.font_size || defaultConfig.font_size;\n document.body.style.fontFamily = `${fontFamily}, sans-serif`;\n\n document.getElementById('section-title').style.fontSize = `${baseSize * 1.25}px`;\n document.querySelectorAll('h3').forEach(el => el.style.fontSize = `${baseSize * 1.1}px`);\n document.querySelectorAll('.font-semibold.text-lg').forEach(el => el.style.fontSize = `${baseSize * 1.125}px`);\n document.querySelectorAll('.text-sm').forEach(el => el.style.fontSize = `${baseSize * 0.875}px`);\n }\n\n function mapToCapabilities(config) {\n return {\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => { config.background_color = value; window.elementSdk.setConfig({ background_color: value }); }\n },\n {\n get: () => config.card_color || defaultConfig.card_color,\n set: (value) => { config.card_color = value; window.elementSdk.setConfig({ card_color: value }); }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (value) => { config.text_color = value; window.elementSdk.setConfig({ text_color: value }); }\n },\n {\n get: () => config.accent_color || defaultConfig.accent_color,\n set: (value) => { config.accent_color = value; window.elementSdk.setConfig({ accent_color: value }); }\n },\n {\n get: () => config.secondary_text_color || defaultConfig.secondary_text_color,\n set: (value) => { config.secondary_text_color = value; window.elementSdk.setConfig({ secondary_text_color: value }); }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (value) => { config.font_family = value; window.elementSdk.setConfig({ font_family: value }); }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (value) => { config.font_size = value; window.elementSdk.setConfig({ font_size: value }); }\n }\n };\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n ['section_title', config.section_title || defaultConfig.section_title],\n ['treatment_1_name', config.treatment_1_name || defaultConfig.treatment_1_name],\n ['treatment_1_price', config.treatment_1_price || defaultConfig.treatment_1_price],\n ['treatment_2_name', config.treatment_2_name || defaultConfig.treatment_2_name],\n ['treatment_2_price', config.treatment_2_price || defaultConfig.treatment_2_price]\n ]);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9d79c3301219fffb',t:'MTc3MjcyMDQzNy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-841b4ae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"841b4ae\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2af6849\" data-id=\"2af6849\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d2ccfae elementor-widget elementor-widget-shortcode\" data-id=\"d2ccfae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!doctype html>\n<html lang=\"nl\" class=\"h-full\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Haartransplantaties Prijslijst<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n * {\n font-family: 'Poppins', sans-serif;\n }\n \n .feature-item {\n position: relative;\n padding-left: 1.75rem;\n }\n \n .feature-item::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0.5rem;\n width: 8px;\n height: 8px;\n background: currentColor;\n border-radius: 50%;\n }\n \n .package-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n \n .package-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);\n }\n \n .price-tag {\n background: linear-gradient(135deg, #1a1a1a 0%, #333 100%);\n }\n \n .price-tag-premium {\n background: linear-gradient(135deg, #d4a574 0%, #b8860b 25%, #daa520 50%, #b8860b 75%, #d4a574 100%);\n background-size: 300% 300%;\n animation: goldShift 6s ease infinite;\n }\n \n @keyframes goldShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes slideGold {\n 0% { left: -100%; }\n 100% { left: 100%; }\n }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full m-0\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\" style=\"background-color: #ffffff;\">\n \n <header class=\"text-center py-12 px-4\">\n <div class=\"inline-block mb-4\">\n <svg width=\"60\" height=\"60\" viewbox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"#1a1a1a\" stroke-width=\"2\" fill=\"none\" \/> <path d=\"M30 15 Q25 25 20 35 Q25 30 30 35 Q35 30 40 35 Q35 25 30 15\" fill=\"#1a1a1a\" \/> <circle cx=\"30\" cy=\"42\" r=\"4\" fill=\"#1a1a1a\" \/>\n <\/svg>\n <\/div>\n <h1 id=\"main-title\" class=\"text-4xl md:text-5xl font-bold tracking-tight mb-3\" style=\"color: #1a1a1a;\">Haartransplantaties<\/h1>\n <p class=\"text-lg opacity-70\" style=\"color: #1a1a1a;\">Premium kwaliteit \u2022 Uitstekende resultaten<\/p>\n <\/header>\n <main class=\"max-w-6xl mx-auto px-4 pb-16\">\n <div class=\"grid md:grid-cols-2 gap-8\">\n \n <div class=\"package-card rounded-3xl overflow-hidden shadow-xl\" style=\"background-color: #ffffff;\">\n \n <div>\n \n <div style=\"background: linear-gradient(135deg, #d4a574 0%, #b8860b 25%, #daa520 50%, #b8860b 75%, #d4a574 100%); color: #1a1a1a; text-align: center; padding: 12px 16px; font-size: 12px; font-weight: bold; letter-spacing: 1.5px; height: 72px; display: flex; align-items: center; justify-content: center;\">\n \u2b50 MEEST GEKOZEN\n <\/div>\n <div class=\"price-tag text-white p-8 text-center flex flex-col\">\n <h2 id=\"package-1-title\" class=\"text-2xl font-bold mb-4\">DHI FUE<\/h2>\n <div id=\"package-1-price\" class=\"text-4xl font-bold mb-4\">\n \u20ac3.999,-\n <\/div>\n <p class=\"text-sm opacity-90 font-light\">Inclusief Vlucht, 3 nachten 5-sterrenhotel + VIP-transfer<\/p>\n <\/div>\n <\/div>\n <div class=\"p-8\">\n <ul class=\"space-y-3 text-sm\" style=\"color: #333333;\">\n <li class=\"feature-item\">Haarlijnincisie met Sapphire Blade<\/li>\n <li class=\"feature-item\">DHI Choi Pen implantatiemethode<\/li>\n <li class=\"feature-item\">AI-donoranalyse met Photo Finder Trichoscale<\/li>\n <li class=\"feature-item\">Lokale verdoving toegediend door anesthesioloog<\/li>\n <li class=\"feature-item\">Sedatie door anesthesioloog (optioneel voor maximaal comfort)<\/li>\n <li class=\"feature-item\">PRP-behandeling<\/li>\n <li class=\"feature-item\">Postoperatief medicatiepakket<\/li>\n <li class=\"feature-item\">3 maanden postoperatieve opvolging<\/li>\n <li class=\"feature-item\">Persoonlijke tolk in alle talen<\/li>\n <li class=\"feature-item\">Garantiecertificaat<\/li>\n <li class=\"feature-item\">VIP-transfer (luchthaven \u2013 hotel \u2013 kliniek)<\/li>\n <li class=\"feature-item\">3 nachten verblijf in een 5-sterrenhotel<\/li>\n <li class=\"feature-item\">Nazorg in Nederland bij onze kliniek<\/li>\n <li class=\"feature-item font-semibold\" style=\"color: #1a1a1a;\">1 gratis Meso Exclusive behandeling<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"package-card rounded-3xl overflow-hidden shadow-xl\" style=\"background-color: #ffffff;\">\n \n <div>\n \n <div style=\"background: #1a1a1a; color: #ffffff; text-align: center; padding: 12px 16px; font-size: 12px; font-weight: bold; letter-spacing: 1.5px; height: 72px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;\">\n <div style=\"position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.3), transparent); animation: slideGold 3s infinite;\"><\/div><span style=\"position: relative; z-index: 1;\">\ud83d\udc51 PREMIUM<\/span>\n <\/div>\n <div class=\"price-tag-premium text-white p-8 text-center\">\n <h2 id=\"package-2-title\" class=\"text-3xl font-bold mb-1\">Boost<\/h2>\n <div id=\"package-2-price\" class=\"text-5xl font-bold my-4\">\n \u20ac4.499,-\n <\/div>\n <p class=\"text-sm opacity-90 font-light\">Inclusief Vlucht, 3 nachten 5-sterrenhotel + VIP-transfer<\/p>\n <\/div>\n <\/div>\n <div class=\"p-8\">\n <ul class=\"space-y-3 text-sm\" style=\"color: #333333;\">\n <li class=\"feature-item\">Haarlijnincisie met Sapphire Blade<\/li>\n <li class=\"feature-item\">DHI Choi Pen implantatiemethode<\/li>\n <li class=\"feature-item\">AI-donoranalyse met Photo Finder Trichoscale<\/li>\n <li class=\"feature-item\">Lokale verdoving toegediend door anesthesioloog<\/li>\n <li class=\"feature-item\">Sedatie door anesthesioloog (optioneel voor maximaal comfort)<\/li>\n <li class=\"feature-item\">PRP-behandeling<\/li>\n <li class=\"feature-item font-semibold\" style=\"color: #1a1a1a;\">Hyperbaric Oxygen Therapy<\/li>\n <li class=\"feature-item\">Postoperatief medicatiepakket<\/li>\n <li class=\"feature-item\">Persoonlijke tolk in alle talen<\/li>\n <li class=\"feature-item font-semibold\" style=\"color: #1a1a1a;\">12 maanden postoperatieve opvolging<\/li>\n <li class=\"feature-item\">Garantiecertificaat<\/li>\n <li class=\"feature-item\">VIP-transfer (luchthaven \u2013 hotel \u2013 kliniek)<\/li>\n <li class=\"feature-item\">3 nachten verblijf in een 5-sterrenhotel<\/li>\n <li class=\"feature-item\">Nazorg in Nederland bij onze kliniek<\/li>\n <li class=\"feature-item font-semibold\" style=\"color: #1a1a1a;\">2 gratis Meso Exclusive behandelingen<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"text-center mt-12 p-6 rounded-2xl\" style=\"background-color: rgba(26, 26, 26, 0.05);\">\n <p class=\"text-sm\" style=\"color: #555;\">\u2728 Alle prijzen zijn inclusief BTW \u2022 Persoonlijke consultatie beschikbaar \u2022 Flexibele betalingsopties<\/p>\n <\/div>\n <\/main>\n <\/div>\n <script>\n const defaultConfig = {\n main_title: 'Haartransplantaties',\n package_1_name: 'DHI FUE',\n package_1_price: '\u20ac3.999,-',\n package_2_name: 'Boost',\n package_2_price: '\u20ac4.499,-'\n };\n\n async function onConfigChange(config) {\n \/\/ Update main title\n const mainTitle = document.getElementById('main-title');\n if (mainTitle) {\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\n }\n\n \/\/ Update package 1\n const pkg1Title = document.getElementById('package-1-title');\n if (pkg1Title) {\n pkg1Title.textContent = config.package_1_name || defaultConfig.package_1_name;\n }\n const pkg1Price = document.getElementById('package-1-price');\n if (pkg1Price) {\n pkg1Price.textContent = config.package_1_price || defaultConfig.package_1_price;\n }\n\n \/\/ Update package 2\n const pkg2Title = document.getElementById('package-2-title');\n if (pkg2Title) {\n pkg2Title.textContent = config.package_2_name || defaultConfig.package_2_name;\n }\n const pkg2Price = document.getElementById('package-2-price');\n if (pkg2Price) {\n pkg2Price.textContent = config.package_2_price || defaultConfig.package_2_price;\n }\n }\n\n function mapToCapabilities(config) {\n return {\n recolorables: [],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n };\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n ['main_title', config.main_title || defaultConfig.main_title],\n ['package_1_name', config.package_1_name || defaultConfig.package_1_name],\n ['package_1_price', config.package_1_price || defaultConfig.package_1_price],\n ['package_2_name', config.package_2_name || defaultConfig.package_2_name],\n ['package_2_price', config.package_2_price || defaultConfig.package_2_price]\n ]);\n }\n\n \/\/ Initialize SDK\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9d70952081250bb4',t:'MTc3MjYyNDE3OS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7f5b6d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7f5b6d2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e906928\" data-id=\"e906928\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dec629b elementor-widget elementor-widget-shortcode\" data-id=\"dec629b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!doctype html>\n<html lang=\"nl\" class=\"h-full\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Reiniging Prijslijst<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n * {\n font-family: 'Poppins', sans-serif;\n }\n \n .service-card {\n transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);\n position: relative;\n overflow: hidden;\n }\n \n .service-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n \n .service-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;\n }\n \n .service-card:hover::before {\n opacity: 1;\n }\n \n .price-tag {\n position: relative;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n \n .price-divider {\n width: 24px;\n height: 1px;\n opacity: 0.2;\n }\n \n .combo-badge {\n animation: float-subtle 3s ease-in-out infinite;\n }\n \n @keyframes float-subtle {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-3px); }\n }\n \n .decorative-line {\n background: linear-gradient(90deg, transparent, currentColor, transparent);\n opacity: 0.15;\n }\n \n .service-description {\n letter-spacing: 0.3px;\n }\n \n .header-decoration {\n width: 40px;\n height: 2px;\n background: currentColor;\n opacity: 0.3;\n transform: scaleX(0.6);\n }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full m-0 p-0\">\n <div id=\"app-wrapper\" class=\"h-full w-full overflow-auto\" style=\"background-color: #FAF7F2;\">\n <div class=\"min-h-full w-full flex flex-col items-center justify-start pt-16 px-6 pb-12\">\n \n <div class=\"w-full max-w-2xl\">\n \n <div class=\"text-center mb-16\">\n <h1 id=\"main-title\" class=\"text-6xl font-bold tracking-tight mb-8\" style=\"color: #1a1a1a; letter-spacing: -1px; font-family: 'Poppins', sans-serif;\">Hoofdhuidreiniging + Hydrafacial<\/h1>\n <div class=\"flex justify-center items-center gap-4 opacity-30\">\n <div class=\"w-16 h-px\" style=\"background-color: #1a1a1a;\"><\/div>\n <div class=\"w-2 h-2 rounded-full\" style=\"background-color: #1a1a1a;\"><\/div>\n <div class=\"w-16 h-px\" style=\"background-color: #1a1a1a;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-8\">\n \n <div class=\"service-card rounded-2xl p-8 shadow-sm\" style=\"background-color: #FFFFFF;\">\n <h3 id=\"service-1-name\" class=\"text-2xl font-semibold mb-4\" style=\"color: #1a1a1a;\">Hoofdhuidreiniging<\/h3>\n <p class=\"text-sm leading-relaxed mb-6\" style=\"color: #1a1a1a; opacity: 0.7;\"><span class=\"block text-xs font-medium mb-3\" style=\"opacity: 0.9;\">\u2713 Dieptereiniging<\/span> Verwijdert bacteri\u00ebn, olie en vuil <br>\n Kalmeert ontstekingen <br>\n Gezonde hoofdhuid<\/p>\n <div class=\"flex justify-between items-end border-t\" style=\"border-color: #E8E2D9; padding-top: 16px;\"><span class=\"text-xs font-medium\" style=\"color: #1a1a1a; opacity: 0.5;\">Behandeling<\/span> <span id=\"service-1-price\" class=\"text-3xl font-light\" style=\"color: #1a1a1a;\">\u20ac80<\/span>\n <\/div>\n <\/div>\n <div class=\"service-card rounded-2xl p-8 shadow-sm\" style=\"background-color: #FFFFFF;\">\n <h3 id=\"service-2-name\" class=\"text-2xl font-semibold mb-4\" style=\"color: #1a1a1a;\">Hydrafacial<\/h3>\n <p class=\"text-sm leading-relaxed mb-6\" style=\"color: #1a1a1a; opacity: 0.7;\"><span class=\"block text-xs font-medium mb-3\" style=\"opacity: 0.9;\">\u2713 Hydratatie + Reiniging<\/span> Schoonmaakt verstopte pori\u00ebn <br>\n Verwijdert dode huidcellen <br>\n Serum absorptie <br>\n Diepe hydratatie<\/p>\n <div class=\"flex justify-between items-end border-t\" style=\"border-color: #E8E2D9; padding-top: 16px;\"><span class=\"text-xs font-medium\" style=\"color: #1a1a1a; opacity: 0.5;\">Behandeling<\/span> <span id=\"service-2-price\" class=\"text-3xl font-light\" style=\"color: #1a1a1a;\">\u20ac80<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-card rounded-2xl p-8 shadow-lg relative overflow-hidden\" style=\"background: linear-gradient(135deg, #FFFFFF 0%, #FAFAF8 100%); border: 2px solid #E8E2D9;\">\n <div class=\"combo-badge absolute top-0 right-0 px-5 py-2 text-xs font-semibold rounded-bl-xl\" style=\"background-color: #E8E2D9; color: #1a1a1a;\">\n \ud83c\udf81 Bespaar \u20ac30\n <\/div>\n <h3 id=\"service-3-name\" class=\"text-2xl font-semibold mb-4 pr-20\" style=\"color: #1a1a1a;\">Combi Pakket<\/h3>\n <p class=\"text-sm leading-relaxed mb-6\" style=\"color: #1a1a1a; opacity: 0.7;\">Beide behandelingen combineren voor het ultieme reiniging- en hydratatieerlebnis. Alles wat je huid nodig heeft in \u00e9\u00e9n sessie.<\/p>\n <div class=\"flex justify-between items-end border-t\" style=\"border-color: #E8E2D9; padding-top: 16px;\"><span class=\"text-xs font-medium\" style=\"color: #1a1a1a; opacity: 0.5;\">Volledig Pakket<\/span> <span id=\"service-3-price\" class=\"text-3xl font-semibold\" style=\"color: #1a1a1a;\">\u20ac130<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script>\n const defaultConfig = {\n main_title: 'Hoofdhuidreiniging + Hydrafacial',\n service_1_name: 'Hoofdhuidreiniging',\n service_1_price: '\u20ac80',\n service_2_name: 'Hydrafacial',\n service_2_price: '\u20ac80',\n service_3_name: 'Combi Pakket',\n service_3_price: '\u20ac140',\n background_color: '#FAF7F2',\n card_color: '#FFFFFF',\n text_color: '#1a1a1a',\n accent_color: '#E8E2D9',\n font_family: 'Poppins',\n font_size: 16\n };\n \n async function onConfigChange(config) {\n \/\/ Update text content\n document.getElementById('main-title').textContent = config.main_title || defaultConfig.main_title;\n document.getElementById('service-1-name').textContent = config.service_1_name || defaultConfig.service_1_name;\n document.getElementById('service-1-price').textContent = config.service_1_price || defaultConfig.service_1_price;\n document.getElementById('service-2-name').textContent = config.service_2_name || defaultConfig.service_2_name;\n document.getElementById('service-2-price').textContent = config.service_2_price || defaultConfig.service_2_price;\n document.getElementById('service-3-name').textContent = config.service_3_name || defaultConfig.service_3_name;\n document.getElementById('service-3-price').textContent = config.service_3_price || defaultConfig.service_3_price;\n \n \/\/ Update colors\n const bgColor = config.background_color || defaultConfig.background_color;\n const cardColor = config.card_color || defaultConfig.card_color;\n const textColor = config.text_color || defaultConfig.text_color;\n const accentColor = config.accent_color || defaultConfig.accent_color;\n \n document.getElementById('app-wrapper').style.backgroundColor = bgColor;\n \n document.querySelectorAll('.service-card').forEach(card => {\n card.style.backgroundColor = cardColor;\n });\n \n document.querySelectorAll('[style*=\"color: #1a1a1a\"]').forEach(el => {\n el.style.color = textColor;\n });\n \n \/\/ Update font\n const fontFamily = config.font_family || defaultConfig.font_family;\n const fontSize = config.font_size || defaultConfig.font_size;\n document.body.style.fontFamily = `${fontFamily}, sans-serif`;\n \n \/\/ Scale fonts\n document.getElementById('main-title').style.fontSize = `${fontSize * 2.25}px`;\n document.querySelectorAll('.service-card h3').forEach(h3 => {\n h3.style.fontSize = `${fontSize * 1.125}px`;\n });\n }\n \n function mapToCapabilities(config) {\n return {\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => { config.background_color = value; window.elementSdk.setConfig({ background_color: value }); }\n },\n {\n get: () => config.card_color || defaultConfig.card_color,\n set: (value) => { config.card_color = value; window.elementSdk.setConfig({ card_color: value }); }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (value) => { config.text_color = value; window.elementSdk.setConfig({ text_color: value }); }\n },\n {\n get: () => config.accent_color || defaultConfig.accent_color,\n set: (value) => { config.accent_color = value; window.elementSdk.setConfig({ accent_color: value }); }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (value) => { config.font_family = value; window.elementSdk.setConfig({ font_family: value }); }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (value) => { config.font_size = value; window.elementSdk.setConfig({ font_size: value }); }\n }\n };\n }\n \n function mapToEditPanelValues(config) {\n return new Map([\n ['main_title', config.main_title || defaultConfig.main_title],\n ['service_1_name', config.service_1_name || defaultConfig.service_1_name],\n ['service_1_price', config.service_1_price || defaultConfig.service_1_price],\n ['service_2_name', config.service_2_name || defaultConfig.service_2_name],\n ['service_2_price', config.service_2_price || defaultConfig.service_2_price],\n ['service_3_name', config.service_3_name || defaultConfig.service_3_name],\n ['service_3_price', config.service_3_price || defaultConfig.service_3_price]\n ]);\n }\n \n \/\/ Initialize SDK\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9d708de4f09e0bb4',t:'MTc3MjYyMzg4My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f36581 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4f36581\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-7392784\" data-id=\"7392784\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-668efec\" data-id=\"668efec\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3c79af9 elementor-widget elementor-widget-text-editor\" data-id=\"3c79af9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Na aankoop van behandelingen geldt een termijn van \u00e9\u00e9n jaar; na deze periode komen de behandelingen te vervallen.*<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-5b783c6\" data-id=\"5b783c6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dynamische Prijsopgave Mesotherapie Behandelingen Behandelingen overzicht Behandeling Meso Boost Hoofd Populair Per sessie Gehele hoofd \u20ac180,- Per zone Inhammen of kruin \u20ac100,- 3 behandelingen Voordeelpakket \u20ac450,- Bespaar \u20ac90,- 6 behandelingen 5 + 1 gratis \u20ac900,- Ter waarde van \u20ac180,- Behandeling Meso Exosome Hoofd Advanced Per sessie Gehele hoofd \u20ac220,- Per zone Inhammen of kruin \u20ac120,- […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-868","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=\/wp\/v2\/pages\/868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=868"}],"version-history":[{"count":52,"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=\/wp\/v2\/pages\/868\/revisions"}],"predecessor-version":[{"id":1003,"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=\/wp\/v2\/pages\/868\/revisions\/1003"}],"wp:attachment":[{"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t

\n\n \n \n \n Dynamische Prijsopgave<\/title>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n html, body {\n height: 100%;\n }\n body {\n font-family: 'Poppins', sans-serif;\n background: #ffffff;\n color: #111111;\n animation: subtleGlow 8s ease-in-out infinite;\n }\n @keyframes subtleGlow {\n 0%, 100% {\n background: #ffffff;\n }\n 50% {\n background: #fafaf9;\n }\n }\n .glass-card {\n background: rgba(255, 252, 247, 0.84);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border: 1px solid rgba(17, 17, 17, 0.08);\n box-shadow: 0 18px 60px rgba(36, 28, 20, 0.08);\n }\n .soft-chip {\n background: #e8dcc9;\n color: #111111;\n border: 1px solid rgba(17,17,17,0.08);\n }\n .price-card {\n transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n }\n .price-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 20px 50px rgba(0,0,0,0.10);\n border-color: rgba(17,17,17,0.16);\n }\n .reveal {\n opacity: 0;\n transform: translateY(16px);\n animation: riseIn 0.7s ease forwards;\n }\n .reveal:nth-child(1) { animation-delay: 0.05s; }\n .reveal:nth-child(2) { animation-delay: 0.12s; }\n .reveal:nth-child(3) { animation-delay: 0.19s; }\n @keyframes riseIn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n .focus-ring:focus-visible {\n outline: 3px solid #111111;\n outline-offset: 2px;\n }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full\">\n <div id=\"app\" class=\"h-full w-full overflow-auto\">\n <main class=\"w-full px-6 pb-10 pt-8 md:px-10 md:pb-12\">\n <div class=\"mx-auto max-w-7xl\">\n <div class=\"mb-10 text-center\">\n <h1 class=\"text-4xl font-bold md:text-5xl\">Mesotherapie<\/h1>\n <p class=\"mt-2 text-sm font-light text-black\/50 tracking-wide\">Behandelingen<\/p>\n <div class=\"mt-4 h-px bg-gradient-to-r from-transparent via-black\/10 to-transparent\"><\/div>\n <\/div>\n <section aria-labelledby=\"treatment-overview\">\n <h2 id=\"treatment-overview\" class=\"sr-only\">Behandelingen overzicht<\/h2>\n <div class=\"grid grid-cols-1 gap-6 xl:grid-cols-3\">\n <article class=\"price-card reveal glass-card rounded-[28px] p-6 md:p-7\">\n <div class=\"flex items-start justify-between gap-4\">\n <div>\n <p class=\"text-sm font-medium uppercase tracking-[0.24em] text-black\/45\">Behandeling<\/p>\n <h3 class=\"mt-2 text-2xl font-semibold\">Meso Boost<\/h3>\n <p class=\"mt-1 text-sm text-black\/60\">Hoofd<\/p>\n <\/div>\n <div class=\"soft-chip rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-[0.18em]\">\n Populair\n <\/div>\n <\/div>\n <div class=\"mt-6 space-y-3\">\n <div class=\"rounded-2xl border border-black\/8 bg-white\/75 p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">Per sessie<\/p>\n <p class=\"font-medium\">Gehele hoofd<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac180,-<\/p>\n <\/div>\n <\/div>\n <div class=\"rounded-2xl border border-black\/8 bg-white\/75 p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">Per zone<\/p>\n <p class=\"font-medium\">Inhammen of kruin<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac100,-<\/p>\n <\/div>\n <\/div>\n <div class=\"rounded-2xl border border-black\/8 bg-[#efe6d8] p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">3 behandelingen<\/p>\n <p class=\"font-medium\">Voordeelpakket<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac450,-<\/p>\n <\/div>\n <p class=\"mt-2 text-sm text-black\/70\">Bespaar \u20ac90,-<\/p>\n <\/div>\n <div class=\"rounded-2xl border border-black bg-black p-4 text-white\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-white\/70\">6 behandelingen<\/p>\n <p class=\"font-medium\">5 + 1 gratis<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac900,-<\/p>\n <\/div>\n <p class=\"mt-3 text-sm text-white\/85\">Ter waarde van \u20ac180,-<\/p>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"price-card reveal glass-card rounded-[28px] p-6 md:p-7\">\n <div class=\"flex items-start justify-between gap-4\">\n <div>\n <p class=\"text-sm font-medium uppercase tracking-[0.24em] text-black\/45\">Behandeling<\/p>\n <h3 class=\"mt-2 text-2xl font-semibold\">Meso Exosome<\/h3>\n <p class=\"mt-1 text-sm text-black\/60\">Hoofd<\/p>\n <\/div>\n <div class=\"rounded-full border border-black\/10 bg-white\/70 px-3 py-1 text-xs font-semibold uppercase tracking-[0.18em]\">\n Advanced\n <\/div>\n <\/div>\n <div class=\"mt-6 space-y-3\">\n <div class=\"rounded-2xl border border-black\/8 bg-white\/75 p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">Per sessie<\/p>\n <p class=\"font-medium\">Gehele hoofd<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac220,-<\/p>\n <\/div>\n <\/div>\n <div class=\"rounded-2xl border border-black\/8 bg-white\/75 p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">Per zone<\/p>\n <p class=\"font-medium\">Inhammen of kruin<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac120,-<\/p>\n <\/div>\n <\/div>\n <div class=\"rounded-2xl border border-black\/8 bg-[#efe6d8] p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">3 behandelingen<\/p>\n <p class=\"font-medium\">Voordeelpakket<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac550,-<\/p>\n <\/div>\n <p class=\"mt-2 text-sm text-black\/70\">Bespaar \u20ac110,-<\/p>\n <\/div>\n <div class=\"rounded-2xl border border-black bg-black p-4 text-white\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-white\/70\">6 behandelingen<\/p>\n <p class=\"font-medium\">5 + 1 gratis<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac1100,-<\/p>\n <\/div>\n <p class=\"mt-3 text-sm text-white\/85\">Ter waarde van \u20ac220,-<\/p>\n <\/div>\n <\/div>\n <\/article>\n <article class=\"price-card reveal glass-card rounded-[28px] p-6 md:p-7\">\n <div class=\"flex items-start justify-between gap-4\">\n <div>\n <p class=\"text-sm font-medium uppercase tracking-[0.24em] text-black\/45\">Behandeling<\/p>\n <h3 class=\"mt-2 text-2xl font-semibold\">Meso Exclusive<\/h3>\n <p class=\"mt-1 text-sm text-black\/60\">Hoofd<\/p>\n <\/div>\n <div class=\"soft-chip rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-[0.18em]\">\n Premium\n <\/div>\n <\/div>\n <div class=\"mt-6 space-y-3\">\n <div class=\"rounded-2xl border border-black\/8 bg-white\/75 p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">Per sessie<\/p>\n <p class=\"font-medium\">Gehele hoofd<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac250,-<\/p>\n <\/div>\n <\/div>\n <div class=\"rounded-2xl border border-black\/8 bg-white\/75 p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">Per zone<\/p>\n <p class=\"font-medium\">Inhammen of kruin<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac120,-<\/p>\n <\/div>\n <\/div>\n <div class=\"rounded-2xl border border-black\/8 bg-[#efe6d8] p-4\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-black\/55\">3 behandelingen<\/p>\n <p class=\"font-medium\">Voordeelpakket<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac625,-<\/p>\n <\/div>\n <p class=\"mt-2 text-sm text-black\/70\">Bespaar \u20ac125,-<\/p>\n <\/div>\n <div class=\"rounded-2xl border border-black bg-black p-4 text-white\">\n <div class=\"flex items-center justify-between gap-4\">\n <div>\n <p class=\"text-sm text-white\/70\">6 behandelingen<\/p>\n <p class=\"font-medium\">5 + 1 gratis<\/p>\n <\/div>\n <p class=\"text-2xl font-semibold\">\u20ac1250,-<\/p>\n <\/div>\n <p class=\"mt-3 text-sm text-white\/85\">Ter waarde van \u20ac250,-<\/p>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/section>\n <div class=\"mt-10 text-center\">\n <p id=\"footerNote\" class=\"text-sm text-black\/70\">Alle prijzen zijn inclusief btw<\/p>\n <\/div>\n <\/div>\n <\/main>\n <\/div>\n <script>\n const defaultConfig = {\n background_color: \"#ffffff\",\n surface_color: \"#fffaf3\",\n text_color: \"#111111\",\n primary_action_color: \"#111111\",\n secondary_action_color: \"#d6c4a8\",\n font_family: \"Poppins\",\n font_size: 16,\n footer_note: \"Alle prijzen zijn inclusief btw\"\n };\n\n const els = {\n app: document.getElementById('app'),\n footerNote: document.getElementById('footerNote')\n };\n\n async function onConfigChange(config) {\n const safe = { ...defaultConfig, ...(config || {}) };\n const baseSize = Number(safe.font_size) || 16;\n const fontStack = `${safe.font_family || defaultConfig.font_family}, 'Poppins', sans-serif`;\n\n document.body.style.background = `\n #ffffff\n `;\n document.body.style.color = safe.text_color;\n\n els.app.style.color = safe.text_color;\n els.footerNote.textContent = safe.footer_note;\n\n els.footerNote.style.fontFamily = fontStack;\n\n els.footerNote.style.fontSize = `${baseSize * 0.82}px`;\n\n document.querySelectorAll('.glass-card').forEach(card => {\n card.style.background = hexToRgba(safe.surface_color, 0.88);\n card.style.borderColor = hexToRgba(safe.text_color, 0.08);\n });\n\n document.querySelectorAll('.soft-chip').forEach(chip => {\n chip.style.backgroundColor = safe.secondary_action_color;\n chip.style.color = safe.text_color;\n chip.style.borderColor = hexToRgba(safe.text_color, 0.08);\n });\n\n document.querySelectorAll('.price-card .rounded-2xl.bg-white\\\\\/75').forEach(item => {\n item.style.backgroundColor = hexToRgba(safe.surface_color, 0.9);\n item.style.borderColor = hexToRgba(safe.text_color, 0.08);\n });\n\n document.querySelectorAll('.price-card .rounded-2xl.bg-\\\\[\\\\#efe6d8\\\\]').forEach(item => {\n item.style.backgroundColor = lightenHex(safe.secondary_action_color, 12);\n item.style.borderColor = hexToRgba(safe.text_color, 0.08);\n });\n\n document.querySelectorAll('.price-card .rounded-2xl.bg-black').forEach(item => {\n item.style.backgroundColor = safe.primary_action_color;\n item.style.borderColor = safe.primary_action_color;\n item.style.color = safe.background_color;\n });\n }\n\n function hexToRgba(hex, alpha) {\n const clean = (hex || \"#000000\").replace('#', '');\n const full = clean.length === 3\n ? clean.split('').map(ch => ch + ch).join('')\n : clean;\n const num = parseInt(full, 16);\n const r = (num >> 16) & 255;\n const g = (num >> 8) & 255;\n const b = num & 255;\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n }\n\n function lightenHex(hex, amount) {\n const clean = (hex || \"#000000\").replace('#', '');\n const full = clean.length === 3\n ? clean.split('').map(ch => ch + ch).join('')\n : clean;\n let r = parseInt(full.substring(0,2), 16);\n let g = parseInt(full.substring(2,4), 16);\n let b = parseInt(full.substring(4,6), 16);\n\n r = Math.min(255, Math.round(r + (255 - r) * (amount \/ 100)));\n g = Math.min(255, Math.round(g + (255 - g) * (amount \/ 100)));\n b = Math.min(255, Math.round(b + (255 - b) * (amount \/ 100)));\n\n return `rgb(${r}, ${g}, ${b})`;\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities: (config) => ({\n recolorables: [\n {\n get: () => (config.background_color || defaultConfig.background_color),\n set: (value) => {\n config.background_color = value;\n window.elementSdk.setConfig({ background_color: value });\n }\n },\n {\n get: () => (config.surface_color || defaultConfig.surface_color),\n set: (value) => {\n config.surface_color = value;\n window.elementSdk.setConfig({ surface_color: value });\n }\n },\n {\n get: () => (config.text_color || defaultConfig.text_color),\n set: (value) => {\n config.text_color = value;\n window.elementSdk.setConfig({ text_color: value });\n }\n },\n {\n get: () => (config.primary_action_color || defaultConfig.primary_action_color),\n set: (value) => {\n config.primary_action_color = value;\n window.elementSdk.setConfig({ primary_action_color: value });\n }\n },\n {\n get: () => (config.secondary_action_color || defaultConfig.secondary_action_color),\n set: (value) => {\n config.secondary_action_color = value;\n window.elementSdk.setConfig({ secondary_action_color: value });\n }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => (config.font_family || defaultConfig.font_family),\n set: (value) => {\n config.font_family = value;\n window.elementSdk.setConfig({ font_family: value });\n }\n },\n fontSizeable: {\n get: () => (config.font_size || defaultConfig.font_size),\n set: (value) => {\n config.font_size = value;\n window.elementSdk.setConfig({ font_size: value });\n }\n }\n }),\n mapToEditPanelValues: (config) => new Map([\n [\"footer_note\", config.footer_note || defaultConfig.footer_note]\n ])\n });\n }\n\n onConfigChange(defaultConfig);\n \n \/\/ Render icons after DOM is ready\n setTimeout(() => {\n lucide.createIcons();\n }, 100);\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9e1deb495068d8d0',t:'MTc3NDQ0MTc0NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a0029e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7a0029e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ce83cbb\" data-id=\"ce83cbb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-74b1aa5 elementor-widget elementor-widget-shortcode\" data-id=\"74b1aa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!doctype html>\n<html lang=\"nl\" class=\"h-full\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Prijslijst<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n * { font-family: 'Poppins', sans-serif; }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full\">\n <div id=\"app\" class=\"h-full w-full overflow-auto\" style=\"background-color: #FAF8F5;\">\n <div class=\"min-h-full flex items-center justify-center p-8\">\n <div class=\"w-full max-w-md\">\n <div class=\"rounded-2xl shadow-lg overflow-hidden\" style=\"background-color: #FFFFFF;\">\n <div class=\"px-8 py-6 text-center\" style=\"background-color: #F5F0E8;\">\n <h1 id=\"section-title\" class=\"text-xl font-semibold tracking-wide uppercase\" style=\"color: #1A1A1A; letter-spacing: 0.15em;\">Baard en Wenkbrauwen<\/h1>\n <div class=\"mt-3 mx-auto w-16 h-0.5\" style=\"background-color: #1A1A1A;\"><\/div>\n <\/div>\n <div class=\"px-8 py-6 space-y-4\">\n <div class=\"flex items-center justify-between py-4 border-b\" style=\"border-color: #E8E4DE;\">\n <div class=\"flex-1\">\n <h3 id=\"treatment-1-name\" class=\"font-medium\" style=\"color: #1A1A1A; font-size: 1.1rem;\">Meso Beard<\/h3>\n <p class=\"text-sm mt-1\" style=\"color: #6B6B6B;\">per sessie<\/p>\n <\/div>\n <div id=\"treatment-1-price\" class=\"font-semibold text-lg\" style=\"color: #1A1A1A;\">\n \u20ac85,-\n <\/div>\n <\/div>\n <div class=\"flex items-center justify-between py-4\">\n <div class=\"flex-1\">\n <h3 id=\"treatment-2-name\" class=\"font-medium\" style=\"color: #1A1A1A; font-size: 1.1rem;\">Meso Brow<\/h3>\n <p class=\"text-sm mt-1\" style=\"color: #6B6B6B;\">per sessie<\/p>\n <\/div>\n <div id=\"treatment-2-price\" class=\"font-semibold text-lg\" style=\"color: #1A1A1A;\">\n \u20ac60,-\n <\/div>\n <\/div>\n <\/div>\n <div class=\"h-2\" style=\"background-color: #F5F0E8;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script>\n const defaultConfig = {\n section_title: 'Baard en Wenkbrauwen',\n treatment_1_name: 'Meso Beard',\n treatment_1_price: '\u20ac80,-',\n treatment_2_name: 'Meso Brow',\n treatment_2_price: '\u20ac60,-',\n background_color: '#FAF8F5',\n card_color: '#FFFFFF',\n text_color: '#1A1A1A',\n accent_color: '#F5F0E8',\n secondary_text_color: '#6B6B6B',\n font_family: 'Poppins',\n font_size: 16\n };\n\n async function onConfigChange(config) {\n \/\/ Update text content\n document.getElementById('section-title').textContent = config.section_title || defaultConfig.section_title;\n document.getElementById('treatment-1-name').textContent = config.treatment_1_name || defaultConfig.treatment_1_name;\n document.getElementById('treatment-1-price').textContent = config.treatment_1_price || defaultConfig.treatment_1_price;\n document.getElementById('treatment-2-name').textContent = config.treatment_2_name || defaultConfig.treatment_2_name;\n document.getElementById('treatment-2-price').textContent = config.treatment_2_price || defaultConfig.treatment_2_price;\n\n \/\/ Update colors\n const bgColor = config.background_color || defaultConfig.background_color;\n const cardColor = config.card_color || defaultConfig.card_color;\n const textColor = config.text_color || defaultConfig.text_color;\n const accentColor = config.accent_color || defaultConfig.accent_color;\n const secondaryTextColor = config.secondary_text_color || defaultConfig.secondary_text_color;\n\n document.getElementById('app').style.backgroundColor = bgColor;\n document.querySelector('.rounded-2xl').style.backgroundColor = cardColor;\n document.querySelector('.rounded-2xl > div:first-child').style.backgroundColor = accentColor;\n document.querySelector('.h-2').style.backgroundColor = accentColor;\n\n \/\/ Update text colors\n document.getElementById('section-title').style.color = textColor;\n document.querySelectorAll('h3').forEach(el => el.style.color = textColor);\n document.querySelectorAll('.font-semibold.text-lg').forEach(el => el.style.color = textColor);\n document.querySelectorAll('.text-sm').forEach(el => el.style.color = secondaryTextColor);\n\n \/\/ Update divider\n document.querySelector('.mx-auto.w-16').style.backgroundColor = textColor;\n document.querySelector('.border-b').style.borderColor = accentColor;\n\n \/\/ Update font\n const fontFamily = config.font_family || defaultConfig.font_family;\n const baseSize = config.font_size || defaultConfig.font_size;\n document.body.style.fontFamily = `${fontFamily}, sans-serif`;\n\n document.getElementById('section-title').style.fontSize = `${baseSize * 1.25}px`;\n document.querySelectorAll('h3').forEach(el => el.style.fontSize = `${baseSize * 1.1}px`);\n document.querySelectorAll('.font-semibold.text-lg').forEach(el => el.style.fontSize = `${baseSize * 1.125}px`);\n document.querySelectorAll('.text-sm').forEach(el => el.style.fontSize = `${baseSize * 0.875}px`);\n }\n\n function mapToCapabilities(config) {\n return {\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => { config.background_color = value; window.elementSdk.setConfig({ background_color: value }); }\n },\n {\n get: () => config.card_color || defaultConfig.card_color,\n set: (value) => { config.card_color = value; window.elementSdk.setConfig({ card_color: value }); }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (value) => { config.text_color = value; window.elementSdk.setConfig({ text_color: value }); }\n },\n {\n get: () => config.accent_color || defaultConfig.accent_color,\n set: (value) => { config.accent_color = value; window.elementSdk.setConfig({ accent_color: value }); }\n },\n {\n get: () => config.secondary_text_color || defaultConfig.secondary_text_color,\n set: (value) => { config.secondary_text_color = value; window.elementSdk.setConfig({ secondary_text_color: value }); }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (value) => { config.font_family = value; window.elementSdk.setConfig({ font_family: value }); }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (value) => { config.font_size = value; window.elementSdk.setConfig({ font_size: value }); }\n }\n };\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n ['section_title', config.section_title || defaultConfig.section_title],\n ['treatment_1_name', config.treatment_1_name || defaultConfig.treatment_1_name],\n ['treatment_1_price', config.treatment_1_price || defaultConfig.treatment_1_price],\n ['treatment_2_name', config.treatment_2_name || defaultConfig.treatment_2_name],\n ['treatment_2_price', config.treatment_2_price || defaultConfig.treatment_2_price]\n ]);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9d79c3301219fffb',t:'MTc3MjcyMDQzNy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-841b4ae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"841b4ae\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2af6849\" data-id=\"2af6849\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d2ccfae elementor-widget elementor-widget-shortcode\" data-id=\"d2ccfae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!doctype html>\n<html lang=\"nl\" class=\"h-full\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Haartransplantaties Prijslijst<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n * {\n font-family: 'Poppins', sans-serif;\n }\n \n .feature-item {\n position: relative;\n padding-left: 1.75rem;\n }\n \n .feature-item::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0.5rem;\n width: 8px;\n height: 8px;\n background: currentColor;\n border-radius: 50%;\n }\n \n .package-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n \n .package-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);\n }\n \n .price-tag {\n background: linear-gradient(135deg, #1a1a1a 0%, #333 100%);\n }\n \n .price-tag-premium {\n background: linear-gradient(135deg, #d4a574 0%, #b8860b 25%, #daa520 50%, #b8860b 75%, #d4a574 100%);\n background-size: 300% 300%;\n animation: goldShift 6s ease infinite;\n }\n \n @keyframes goldShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes slideGold {\n 0% { left: -100%; }\n 100% { left: 100%; }\n }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full m-0\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\" style=\"background-color: #ffffff;\">\n \n <header class=\"text-center py-12 px-4\">\n <div class=\"inline-block mb-4\">\n <svg width=\"60\" height=\"60\" viewbox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"#1a1a1a\" stroke-width=\"2\" fill=\"none\" \/> <path d=\"M30 15 Q25 25 20 35 Q25 30 30 35 Q35 30 40 35 Q35 25 30 15\" fill=\"#1a1a1a\" \/> <circle cx=\"30\" cy=\"42\" r=\"4\" fill=\"#1a1a1a\" \/>\n <\/svg>\n <\/div>\n <h1 id=\"main-title\" class=\"text-4xl md:text-5xl font-bold tracking-tight mb-3\" style=\"color: #1a1a1a;\">Haartransplantaties<\/h1>\n <p class=\"text-lg opacity-70\" style=\"color: #1a1a1a;\">Premium kwaliteit \u2022 Uitstekende resultaten<\/p>\n <\/header>\n <main class=\"max-w-6xl mx-auto px-4 pb-16\">\n <div class=\"grid md:grid-cols-2 gap-8\">\n \n <div class=\"package-card rounded-3xl overflow-hidden shadow-xl\" style=\"background-color: #ffffff;\">\n \n <div>\n \n <div style=\"background: linear-gradient(135deg, #d4a574 0%, #b8860b 25%, #daa520 50%, #b8860b 75%, #d4a574 100%); color: #1a1a1a; text-align: center; padding: 12px 16px; font-size: 12px; font-weight: bold; letter-spacing: 1.5px; height: 72px; display: flex; align-items: center; justify-content: center;\">\n \u2b50 MEEST GEKOZEN\n <\/div>\n <div class=\"price-tag text-white p-8 text-center flex flex-col\">\n <h2 id=\"package-1-title\" class=\"text-2xl font-bold mb-4\">DHI FUE<\/h2>\n <div id=\"package-1-price\" class=\"text-4xl font-bold mb-4\">\n \u20ac3.999,-\n <\/div>\n <p class=\"text-sm opacity-90 font-light\">Inclusief Vlucht, 3 nachten 5-sterrenhotel + VIP-transfer<\/p>\n <\/div>\n <\/div>\n <div class=\"p-8\">\n <ul class=\"space-y-3 text-sm\" style=\"color: #333333;\">\n <li class=\"feature-item\">Haarlijnincisie met Sapphire Blade<\/li>\n <li class=\"feature-item\">DHI Choi Pen implantatiemethode<\/li>\n <li class=\"feature-item\">AI-donoranalyse met Photo Finder Trichoscale<\/li>\n <li class=\"feature-item\">Lokale verdoving toegediend door anesthesioloog<\/li>\n <li class=\"feature-item\">Sedatie door anesthesioloog (optioneel voor maximaal comfort)<\/li>\n <li class=\"feature-item\">PRP-behandeling<\/li>\n <li class=\"feature-item\">Postoperatief medicatiepakket<\/li>\n <li class=\"feature-item\">3 maanden postoperatieve opvolging<\/li>\n <li class=\"feature-item\">Persoonlijke tolk in alle talen<\/li>\n <li class=\"feature-item\">Garantiecertificaat<\/li>\n <li class=\"feature-item\">VIP-transfer (luchthaven \u2013 hotel \u2013 kliniek)<\/li>\n <li class=\"feature-item\">3 nachten verblijf in een 5-sterrenhotel<\/li>\n <li class=\"feature-item\">Nazorg in Nederland bij onze kliniek<\/li>\n <li class=\"feature-item font-semibold\" style=\"color: #1a1a1a;\">1 gratis Meso Exclusive behandeling<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"package-card rounded-3xl overflow-hidden shadow-xl\" style=\"background-color: #ffffff;\">\n \n <div>\n \n <div style=\"background: #1a1a1a; color: #ffffff; text-align: center; padding: 12px 16px; font-size: 12px; font-weight: bold; letter-spacing: 1.5px; height: 72px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;\">\n <div style=\"position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(212, 165, 116, 0.3), transparent); animation: slideGold 3s infinite;\"><\/div><span style=\"position: relative; z-index: 1;\">\ud83d\udc51 PREMIUM<\/span>\n <\/div>\n <div class=\"price-tag-premium text-white p-8 text-center\">\n <h2 id=\"package-2-title\" class=\"text-3xl font-bold mb-1\">Boost<\/h2>\n <div id=\"package-2-price\" class=\"text-5xl font-bold my-4\">\n \u20ac4.499,-\n <\/div>\n <p class=\"text-sm opacity-90 font-light\">Inclusief Vlucht, 3 nachten 5-sterrenhotel + VIP-transfer<\/p>\n <\/div>\n <\/div>\n <div class=\"p-8\">\n <ul class=\"space-y-3 text-sm\" style=\"color: #333333;\">\n <li class=\"feature-item\">Haarlijnincisie met Sapphire Blade<\/li>\n <li class=\"feature-item\">DHI Choi Pen implantatiemethode<\/li>\n <li class=\"feature-item\">AI-donoranalyse met Photo Finder Trichoscale<\/li>\n <li class=\"feature-item\">Lokale verdoving toegediend door anesthesioloog<\/li>\n <li class=\"feature-item\">Sedatie door anesthesioloog (optioneel voor maximaal comfort)<\/li>\n <li class=\"feature-item\">PRP-behandeling<\/li>\n <li class=\"feature-item font-semibold\" style=\"color: #1a1a1a;\">Hyperbaric Oxygen Therapy<\/li>\n <li class=\"feature-item\">Postoperatief medicatiepakket<\/li>\n <li class=\"feature-item\">Persoonlijke tolk in alle talen<\/li>\n <li class=\"feature-item font-semibold\" style=\"color: #1a1a1a;\">12 maanden postoperatieve opvolging<\/li>\n <li class=\"feature-item\">Garantiecertificaat<\/li>\n <li class=\"feature-item\">VIP-transfer (luchthaven \u2013 hotel \u2013 kliniek)<\/li>\n <li class=\"feature-item\">3 nachten verblijf in een 5-sterrenhotel<\/li>\n <li class=\"feature-item\">Nazorg in Nederland bij onze kliniek<\/li>\n <li class=\"feature-item font-semibold\" style=\"color: #1a1a1a;\">2 gratis Meso Exclusive behandelingen<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"text-center mt-12 p-6 rounded-2xl\" style=\"background-color: rgba(26, 26, 26, 0.05);\">\n <p class=\"text-sm\" style=\"color: #555;\">\u2728 Alle prijzen zijn inclusief BTW \u2022 Persoonlijke consultatie beschikbaar \u2022 Flexibele betalingsopties<\/p>\n <\/div>\n <\/main>\n <\/div>\n <script>\n const defaultConfig = {\n main_title: 'Haartransplantaties',\n package_1_name: 'DHI FUE',\n package_1_price: '\u20ac3.999,-',\n package_2_name: 'Boost',\n package_2_price: '\u20ac4.499,-'\n };\n\n async function onConfigChange(config) {\n \/\/ Update main title\n const mainTitle = document.getElementById('main-title');\n if (mainTitle) {\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\n }\n\n \/\/ Update package 1\n const pkg1Title = document.getElementById('package-1-title');\n if (pkg1Title) {\n pkg1Title.textContent = config.package_1_name || defaultConfig.package_1_name;\n }\n const pkg1Price = document.getElementById('package-1-price');\n if (pkg1Price) {\n pkg1Price.textContent = config.package_1_price || defaultConfig.package_1_price;\n }\n\n \/\/ Update package 2\n const pkg2Title = document.getElementById('package-2-title');\n if (pkg2Title) {\n pkg2Title.textContent = config.package_2_name || defaultConfig.package_2_name;\n }\n const pkg2Price = document.getElementById('package-2-price');\n if (pkg2Price) {\n pkg2Price.textContent = config.package_2_price || defaultConfig.package_2_price;\n }\n }\n\n function mapToCapabilities(config) {\n return {\n recolorables: [],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n };\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n ['main_title', config.main_title || defaultConfig.main_title],\n ['package_1_name', config.package_1_name || defaultConfig.package_1_name],\n ['package_1_price', config.package_1_price || defaultConfig.package_1_price],\n ['package_2_name', config.package_2_name || defaultConfig.package_2_name],\n ['package_2_price', config.package_2_price || defaultConfig.package_2_price]\n ]);\n }\n\n \/\/ Initialize SDK\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9d70952081250bb4',t:'MTc3MjYyNDE3OS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7f5b6d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7f5b6d2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e906928\" data-id=\"e906928\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dec629b elementor-widget elementor-widget-shortcode\" data-id=\"dec629b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!doctype html>\n<html lang=\"nl\" class=\"h-full\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Reiniging Prijslijst<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n * {\n font-family: 'Poppins', sans-serif;\n }\n \n .service-card {\n transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);\n position: relative;\n overflow: hidden;\n }\n \n .service-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n \n .service-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;\n }\n \n .service-card:hover::before {\n opacity: 1;\n }\n \n .price-tag {\n position: relative;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n \n .price-divider {\n width: 24px;\n height: 1px;\n opacity: 0.2;\n }\n \n .combo-badge {\n animation: float-subtle 3s ease-in-out infinite;\n }\n \n @keyframes float-subtle {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-3px); }\n }\n \n .decorative-line {\n background: linear-gradient(90deg, transparent, currentColor, transparent);\n opacity: 0.15;\n }\n \n .service-description {\n letter-spacing: 0.3px;\n }\n \n .header-decoration {\n width: 40px;\n height: 2px;\n background: currentColor;\n opacity: 0.3;\n transform: scaleX(0.6);\n }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body class=\"h-full m-0 p-0\">\n <div id=\"app-wrapper\" class=\"h-full w-full overflow-auto\" style=\"background-color: #FAF7F2;\">\n <div class=\"min-h-full w-full flex flex-col items-center justify-start pt-16 px-6 pb-12\">\n \n <div class=\"w-full max-w-2xl\">\n \n <div class=\"text-center mb-16\">\n <h1 id=\"main-title\" class=\"text-6xl font-bold tracking-tight mb-8\" style=\"color: #1a1a1a; letter-spacing: -1px; font-family: 'Poppins', sans-serif;\">Hoofdhuidreiniging + Hydrafacial<\/h1>\n <div class=\"flex justify-center items-center gap-4 opacity-30\">\n <div class=\"w-16 h-px\" style=\"background-color: #1a1a1a;\"><\/div>\n <div class=\"w-2 h-2 rounded-full\" style=\"background-color: #1a1a1a;\"><\/div>\n <div class=\"w-16 h-px\" style=\"background-color: #1a1a1a;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-8\">\n \n <div class=\"service-card rounded-2xl p-8 shadow-sm\" style=\"background-color: #FFFFFF;\">\n <h3 id=\"service-1-name\" class=\"text-2xl font-semibold mb-4\" style=\"color: #1a1a1a;\">Hoofdhuidreiniging<\/h3>\n <p class=\"text-sm leading-relaxed mb-6\" style=\"color: #1a1a1a; opacity: 0.7;\"><span class=\"block text-xs font-medium mb-3\" style=\"opacity: 0.9;\">\u2713 Dieptereiniging<\/span> Verwijdert bacteri\u00ebn, olie en vuil <br>\n Kalmeert ontstekingen <br>\n Gezonde hoofdhuid<\/p>\n <div class=\"flex justify-between items-end border-t\" style=\"border-color: #E8E2D9; padding-top: 16px;\"><span class=\"text-xs font-medium\" style=\"color: #1a1a1a; opacity: 0.5;\">Behandeling<\/span> <span id=\"service-1-price\" class=\"text-3xl font-light\" style=\"color: #1a1a1a;\">\u20ac80<\/span>\n <\/div>\n <\/div>\n <div class=\"service-card rounded-2xl p-8 shadow-sm\" style=\"background-color: #FFFFFF;\">\n <h3 id=\"service-2-name\" class=\"text-2xl font-semibold mb-4\" style=\"color: #1a1a1a;\">Hydrafacial<\/h3>\n <p class=\"text-sm leading-relaxed mb-6\" style=\"color: #1a1a1a; opacity: 0.7;\"><span class=\"block text-xs font-medium mb-3\" style=\"opacity: 0.9;\">\u2713 Hydratatie + Reiniging<\/span> Schoonmaakt verstopte pori\u00ebn <br>\n Verwijdert dode huidcellen <br>\n Serum absorptie <br>\n Diepe hydratatie<\/p>\n <div class=\"flex justify-between items-end border-t\" style=\"border-color: #E8E2D9; padding-top: 16px;\"><span class=\"text-xs font-medium\" style=\"color: #1a1a1a; opacity: 0.5;\">Behandeling<\/span> <span id=\"service-2-price\" class=\"text-3xl font-light\" style=\"color: #1a1a1a;\">\u20ac80<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"service-card rounded-2xl p-8 shadow-lg relative overflow-hidden\" style=\"background: linear-gradient(135deg, #FFFFFF 0%, #FAFAF8 100%); border: 2px solid #E8E2D9;\">\n <div class=\"combo-badge absolute top-0 right-0 px-5 py-2 text-xs font-semibold rounded-bl-xl\" style=\"background-color: #E8E2D9; color: #1a1a1a;\">\n \ud83c\udf81 Bespaar \u20ac30\n <\/div>\n <h3 id=\"service-3-name\" class=\"text-2xl font-semibold mb-4 pr-20\" style=\"color: #1a1a1a;\">Combi Pakket<\/h3>\n <p class=\"text-sm leading-relaxed mb-6\" style=\"color: #1a1a1a; opacity: 0.7;\">Beide behandelingen combineren voor het ultieme reiniging- en hydratatieerlebnis. Alles wat je huid nodig heeft in \u00e9\u00e9n sessie.<\/p>\n <div class=\"flex justify-between items-end border-t\" style=\"border-color: #E8E2D9; padding-top: 16px;\"><span class=\"text-xs font-medium\" style=\"color: #1a1a1a; opacity: 0.5;\">Volledig Pakket<\/span> <span id=\"service-3-price\" class=\"text-3xl font-semibold\" style=\"color: #1a1a1a;\">\u20ac130<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script>\n const defaultConfig = {\n main_title: 'Hoofdhuidreiniging + Hydrafacial',\n service_1_name: 'Hoofdhuidreiniging',\n service_1_price: '\u20ac80',\n service_2_name: 'Hydrafacial',\n service_2_price: '\u20ac80',\n service_3_name: 'Combi Pakket',\n service_3_price: '\u20ac140',\n background_color: '#FAF7F2',\n card_color: '#FFFFFF',\n text_color: '#1a1a1a',\n accent_color: '#E8E2D9',\n font_family: 'Poppins',\n font_size: 16\n };\n \n async function onConfigChange(config) {\n \/\/ Update text content\n document.getElementById('main-title').textContent = config.main_title || defaultConfig.main_title;\n document.getElementById('service-1-name').textContent = config.service_1_name || defaultConfig.service_1_name;\n document.getElementById('service-1-price').textContent = config.service_1_price || defaultConfig.service_1_price;\n document.getElementById('service-2-name').textContent = config.service_2_name || defaultConfig.service_2_name;\n document.getElementById('service-2-price').textContent = config.service_2_price || defaultConfig.service_2_price;\n document.getElementById('service-3-name').textContent = config.service_3_name || defaultConfig.service_3_name;\n document.getElementById('service-3-price').textContent = config.service_3_price || defaultConfig.service_3_price;\n \n \/\/ Update colors\n const bgColor = config.background_color || defaultConfig.background_color;\n const cardColor = config.card_color || defaultConfig.card_color;\n const textColor = config.text_color || defaultConfig.text_color;\n const accentColor = config.accent_color || defaultConfig.accent_color;\n \n document.getElementById('app-wrapper').style.backgroundColor = bgColor;\n \n document.querySelectorAll('.service-card').forEach(card => {\n card.style.backgroundColor = cardColor;\n });\n \n document.querySelectorAll('[style*=\"color: #1a1a1a\"]').forEach(el => {\n el.style.color = textColor;\n });\n \n \/\/ Update font\n const fontFamily = config.font_family || defaultConfig.font_family;\n const fontSize = config.font_size || defaultConfig.font_size;\n document.body.style.fontFamily = `${fontFamily}, sans-serif`;\n \n \/\/ Scale fonts\n document.getElementById('main-title').style.fontSize = `${fontSize * 2.25}px`;\n document.querySelectorAll('.service-card h3').forEach(h3 => {\n h3.style.fontSize = `${fontSize * 1.125}px`;\n });\n }\n \n function mapToCapabilities(config) {\n return {\n recolorables: [\n {\n get: () => config.background_color || defaultConfig.background_color,\n set: (value) => { config.background_color = value; window.elementSdk.setConfig({ background_color: value }); }\n },\n {\n get: () => config.card_color || defaultConfig.card_color,\n set: (value) => { config.card_color = value; window.elementSdk.setConfig({ card_color: value }); }\n },\n {\n get: () => config.text_color || defaultConfig.text_color,\n set: (value) => { config.text_color = value; window.elementSdk.setConfig({ text_color: value }); }\n },\n {\n get: () => config.accent_color || defaultConfig.accent_color,\n set: (value) => { config.accent_color = value; window.elementSdk.setConfig({ accent_color: value }); }\n }\n ],\n borderables: [],\n fontEditable: {\n get: () => config.font_family || defaultConfig.font_family,\n set: (value) => { config.font_family = value; window.elementSdk.setConfig({ font_family: value }); }\n },\n fontSizeable: {\n get: () => config.font_size || defaultConfig.font_size,\n set: (value) => { config.font_size = value; window.elementSdk.setConfig({ font_size: value }); }\n }\n };\n }\n \n function mapToEditPanelValues(config) {\n return new Map([\n ['main_title', config.main_title || defaultConfig.main_title],\n ['service_1_name', config.service_1_name || defaultConfig.service_1_name],\n ['service_1_price', config.service_1_price || defaultConfig.service_1_price],\n ['service_2_name', config.service_2_name || defaultConfig.service_2_name],\n ['service_2_price', config.service_2_price || defaultConfig.service_2_price],\n ['service_3_name', config.service_3_name || defaultConfig.service_3_name],\n ['service_3_price', config.service_3_price || defaultConfig.service_3_price]\n ]);\n }\n \n \/\/ Initialize SDK\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9d708de4f09e0bb4',t:'MTc3MjYyMzg4My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f36581 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4f36581\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-7392784\" data-id=\"7392784\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-668efec\" data-id=\"668efec\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3c79af9 elementor-widget elementor-widget-text-editor\" data-id=\"3c79af9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Na aankoop van behandelingen geldt een termijn van \u00e9\u00e9n jaar; na deze periode komen de behandelingen te vervallen.*<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-5b783c6\" data-id=\"5b783c6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dynamische Prijsopgave Mesotherapie Behandelingen Behandelingen overzicht Behandeling Meso Boost Hoofd Populair Per sessie Gehele hoofd \u20ac180,- Per zone Inhammen of kruin \u20ac100,- 3 behandelingen Voordeelpakket \u20ac450,- Bespaar \u20ac90,- 6 behandelingen 5 + 1 gratis \u20ac900,- Ter waarde van \u20ac180,- Behandeling Meso Exosome Hoofd Advanced Per sessie Gehele hoofd \u20ac220,- Per zone Inhammen of kruin \u20ac120,- […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-868","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=\/wp\/v2\/pages\/868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=868"}],"version-history":[{"count":52,"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=\/wp\/v2\/pages\/868\/revisions"}],"predecessor-version":[{"id":1003,"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=\/wp\/v2\/pages\/868\/revisions\/1003"}],"wp:attachment":[{"href":"https:\/\/clinicmesohair.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}